/* FTSV09 – Globales Design */
:root {
	--ftsv-scrollbar-track: #dce0e6;
	--ftsv-scrollbar-thumb: #c84037;
	--ftsv-scrollbar-thumb-hover: #a3322b;
}

body.ftsv-nav {
	--ftsv-red: #c84037;
	--ftsv-red-dark: #a3322b;
	--ftsv-green: #2d6a4f;
	--ftsv-text: #333;
	--ftsv-muted: #666;
	--ftsv-border: #e6e6e6;
	--ftsv-bg: #f4f5f7;
	--ftsv-surface: #fff;
	--ftsv-link: #1081a1;
	--ftsv-radius: 12px;
	--ftsv-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	--ftsv-max: 1040px;
}

/* Scrollbar – Seite & scrollbare Bereiche */
html {
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: var(--ftsv-scrollbar-thumb) var(--ftsv-scrollbar-track);
}

html::-webkit-scrollbar,
body.ftsv-nav *::-webkit-scrollbar {
	width: 11px;
	height: 11px;
}

html::-webkit-scrollbar-track,
body.ftsv-nav *::-webkit-scrollbar-track {
	background: var(--ftsv-scrollbar-track);
}

html::-webkit-scrollbar-thumb,
body.ftsv-nav *::-webkit-scrollbar-thumb {
	background: var(--ftsv-scrollbar-thumb);
	border: 2px solid var(--ftsv-scrollbar-track);
	border-radius: 999px;
	min-height: 48px;
}

html::-webkit-scrollbar-thumb:hover,
body.ftsv-nav *::-webkit-scrollbar-thumb:hover {
	background: var(--ftsv-scrollbar-thumb-hover);
}

html::-webkit-scrollbar-corner,
body.ftsv-nav *::-webkit-scrollbar-corner {
	background: var(--ftsv-scrollbar-track);
}

body.ftsv-nav * {
	scrollbar-width: thin;
	scrollbar-color: var(--ftsv-scrollbar-thumb) var(--ftsv-scrollbar-track);
}

/* Hintergrund – dezent statt starker Berg-Fade */
body.ftsv-nav::before {
	background-image: linear-gradient(
		180deg,
		#eceef1 0%,
		#f4f5f7 35%,
		#f8f9fa 100%
	) !important;
	background-size: cover !important;
}

/* Inhaltsbereich */
body.ftsv-nav #content.main {
	max-width: var(--ftsv-max);
	margin: 0 auto;
	padding: 0 1rem 2.5rem;
}

body.ftsv-nav #content .zparea.zpgrid {
	background: var(--ftsv-surface);
	border: 1px solid var(--ftsv-border);
	border-top: 4px solid var(--ftsv-red);
	border-radius: var(--ftsv-radius);
	box-shadow: var(--ftsv-shadow);
	padding: 1.75rem 1.5rem 2rem;
	margin-top: 1.5rem;
}

body.ftsv-nav #content .zpContainer.first {
	padding-top: 0;
}

body.ftsv-nav #content .zpRow {
	margin-bottom: 1.5rem;
}

body.ftsv-nav #content .zpRow:last-child {
	margin-bottom: 0;
}

/* Typografie */
body.ftsv-nav #content h1 {
	margin: 0 0 1rem;
	color: var(--ftsv-red);
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

body.ftsv-nav #content h2:not(.ftsv-section-title) {
	margin: 1.5rem 0 0.75rem;
	color: var(--ftsv-text);
	font-size: 1.2rem;
	font-weight: 700;
}

body.ftsv-nav #content p {
	margin: 0 0 0.85rem;
	color: #444;
	line-height: 1.65;
}

body.ftsv-nav #content a:not(.ftsv-btn):not(.ftsv-sparte-card):not(.ftsv-card a):not(.button):not(.fancybox):not(.xmenulink):not(.ftsv-credit-link) {
	color: var(--ftsv-link);
	text-decoration: none;
	border-bottom: 0;
}

body.ftsv-nav #content a:not(.ftsv-btn):not(.ftsv-sparte-card):hover {
	color: var(--ftsv-red-dark);
	text-decoration: underline;
}

/* Zeta-Breakout & Floats in Textseiten (Impressum, System …) */
body.ftsv-nav #content .zpContainer.zpBreakout {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
}

body.ftsv-nav #content .zpColumn .zpColumnItem {
	float: none !important;
	width: 100% !important;
	clear: both;
	display: block;
}

body.ftsv-nav #content .zpColumn .zpColumnItem + .zpColumnItem {
	margin-top: 1.25rem;
}

body.ftsv-nav #content .articlearea.zpwText h1,
body.ftsv-nav #content .articlearea.zpwText h2 {
	text-align: left;
}

body.ftsv-nav #content .articlearea.zpwText h2 {
	margin-top: 1.5rem;
}

body.ftsv-nav #content .articlearea.zpwText h2:first-child {
	margin-top: 0;
}

/* Bilder */
body.ftsv-nav #content img.singleImage {
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* Komponenten (site-wide) */
.ftsv-section-title {
	margin: 0 0 1rem;
	padding-bottom: 0.45rem;
	border-bottom: 3px solid var(--ftsv-red);
	color: var(--ftsv-text);
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.ftsv-btn {
	display: inline-block;
	padding: 0.55rem 1.1rem;
	border: 2px solid var(--ftsv-red);
	border-radius: 999px;
	color: var(--ftsv-red);
	background: var(--ftsv-surface);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none !important;
	border-bottom: 0 !important;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ftsv-btn:hover,
.ftsv-btn:focus {
	background: var(--ftsv-red);
	border-color: var(--ftsv-red);
	color: #fff !important;
	text-decoration: none !important;
}

.ftsv-btn-primary {
	background: var(--ftsv-red);
	color: #fff !important;
}

.ftsv-btn-primary:hover,
.ftsv-btn-primary:focus {
	background: var(--ftsv-red-dark) !important;
	border-color: var(--ftsv-red-dark) !important;
	color: #fff !important;
}

/* „Nach oben“ */
body.ftsv-nav #totop a {
	background: var(--ftsv-red) !important;
	border-radius: 50%;
	opacity: 0.9;
}

body.ftsv-nav #totop a:hover {
	background: var(--ftsv-red-dark) !important;
	opacity: 1;
}

/* Archiv */
.ftsv-archiv {
	max-width: var(--ftsv-max);
	margin: 0 auto;
}

.ftsv-archiv-section {
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--ftsv-border);
}

.ftsv-archiv-section:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.ftsv-archiv-section h3 {
	margin: 0 0 1rem;
	color: var(--ftsv-red);
	font-size: 1.2rem;
}

@media (max-width: 640px) {
	body.ftsv-nav #content .zparea.zpgrid {
		padding: 1.25rem 1rem 1.5rem;
		margin-top: 1rem;
		border-radius: 8px;
	}

	body.ftsv-nav #content h1 {
		font-size: 1.45rem;
	}
}