:root {
	/* CD-treu */
	--c-primary: #005ea8;
	--c-secondary: #004f8e;
	--c-accent: #ff0000;
	--c-bg: #f1f1f1;
	--c-surface: #ffffff;
	--c-text: #303030;
	--c-border: #303030;
	--c-border-light: #d8d8d8;
	--c-divider: #ebebeb;
	--c-white: #ffffff;
	--c-white-rgb: 255 255 255;
	--c-primary-rgb: 0 94 168;
	--c-navy-rgb: 0 42 78;
	/* mutig (dosomat-move) */
	--c-navy: #002a4e;
	--c-navy-dark: #001b33;
	--c-green: #36b04a;           /* bright — use only on dark/navy backgrounds (5.18:1 on navy) */
	--c-green-hover: #2d9a3f;     /* bright hover — only on dark/navy backgrounds */
	--c-green-rgb: 54 176 74;
	--c-green-text: #1a7d33;      /* AA-compliant: 5.22:1 on white, 5.22:1 white-on-it — use for text/links/buttons on light backgrounds */
	--c-green-text-hover: #166a2b; /* AA-compliant hover: 6.71:1 on white, 6.71:1 white-on-it */
	--c-green-text-rgb: 26 125 51;
	/* dosomat-move accents (echte Sub-Brand-Farben — nur auf dunklen Flächen als Text/Akzent,
	   oder als Füllung mit dunkler Schrift darüber) */
	--c-teal: #02e8c2;            /* mint/teal — graphical + fill with dark ink on top */
	--c-teal-rgb: 2 232 194;
	--c-teal-ink: #00231d;        /* dark ink for text on teal fill (>12:1) */
	--c-blue-bright: #32a5ff;     /* electric blue — accent on near-black/navy only */
	--c-blue-bright-rgb: 50 165 255;
	/* waldner.de Heading-Skala (gemessen an der Live-Seite) */
	--fs-section: 2.0625rem;  /* 33px — Sektions-H2, UPPERCASE 600 (CD-Variante) */
	/* Typo */
	--font: "Libre Franklin", system-ui, sans-serif;
	--fs-display: 1.75rem;   /* 28px */
	--fs-h2: 1.5625rem;      /* 25px */
	--fs-h3: 1.2rem;         /* 19.2px */
	--fs-body: 0.9375rem;    /* 15px */
	--lh-body: 1.77;
	/* Shadows */
	--shadow-card: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
	--shadow-card-hover: 0 0.25rem 1rem rgba(0, 0, 0, 0.12);
	/* Muted text */
	--c-text-muted: #6b6b6b;
	/* Layout */
	--maxw: 75rem;
	--space: 1rem;
	--radius: 0.5rem;
	--header-h: 4.5rem; /* fixed-header height in scrolled state (full desktop) — sticky offsets sit flush */
	--header-h-mobile: 4.3125rem; /* kompakter Header (Logo 4.375rem + 2×1rem Padding + 1px Border) */
}

/* Header shrinks below 1440px / 850px (siehe header.css) → sticky-Offset nachziehen,
   damit Sticky-CTA & Magazin-Rails bündig unter dem Header kleben (kein Spalt). */
@media (max-height: 850px), (max-width: 1440px) {
	:root {
		--header-h: 4.3125rem;
	}
}