/* Design „Frost“ – hell, riesige schmale Großbuchstaben in Schwarz, orange Akzente (nach dem Vorbild Frostski) */
:root {
  --bg: #ffffff; --fl: #ffffff; --fl2: #f2f2ef; --hell: #f2f2ef;
  --text: #0b0b0b; --muted: #595955; --line: #e3e3de;
  --akzent: #ff5b14; --akzent-dunkel: #c94200; --akzent-text: #ffffff;
  --dunkel: #0b0b0b; --dunkel-text: #ffffff;
  --head-bg: #ffffff; --head-text: #0b0b0b; --foot-bg: #0b0b0b; --foot-text: #ffffff;
  --pill-bg: #0b0b0b; --pill-text: #ffffff;
  --radius: 4px; --radius-gross: 6px; --radius-btn: 999px;
  --font-text: "Archivo", system-ui, sans-serif; --font-titel: "Archivo", system-ui, sans-serif;
  --titel-gewicht: 900; --titel-breite: 66%; --titel-case: uppercase; --titel-spacing: -0.005em; --titel-lh: .86;
}
.design-frost .hero h1 { font-size: clamp(3.4rem, 10.5vw, 9.4rem); font-size: clamp(2.6rem, 14.2cqi, 9.4rem); }
@media (min-width: 901px) { .design-frost .hero-foto { aspect-ratio: 3 / 4; } }
.design-frost .zahlen-section + .section { padding-top: clamp(44px, 7vw, 96px); }
.design-frost .hero-plakette { background: var(--akzent); }
.design-frost .hero-plakette .figur { color: #fff; }
.design-frost .oberzeile { color: var(--text); display: inline-flex; align-items: center; gap: 10px; }
.design-frost .oberzeile::before { content: ""; width: 26px; height: 3px; background: var(--akzent); }
.design-frost .pill-vs { background: var(--akzent); }
.design-frost .zahlen-section { background: var(--dunkel); color: var(--dunkel-text); padding: clamp(40px, 6vw, 80px) 0 !important; }
.design-frost .zahlen { border-top-color: rgba(255,255,255,.3); }
.design-frost .zahl b { color: var(--akzent); }
.design-frost .zahl span { color: rgba(255,255,255,.75); }
@media (max-width: 620px) { .design-frost .zahl { border-bottom-color: rgba(255,255,255,.15); } }
.design-frost .bewerbe-section h2, .design-frost .page-hero h1 { font-size: clamp(2.8rem, 8vw, 7rem); }
.design-frost .termin-datum { background: var(--akzent); color: #fff; }
.design-frost .karte-icon { background: var(--akzent); color: #fff; border-radius: var(--radius); }
.design-frost .hero-stufe b { color: var(--text); }
.design-frost .hero-stufe:hover { background: var(--akzent); color: #fff; border-color: var(--akzent); }
.design-frost .hero-stufe:hover b { color: #fff; }
.design-frost .bw-kontakt { background: var(--akzent); }
.design-frost .bw-kontakt .icon { color: #fff; }
.design-frost .laufband { background: var(--akzent); color: #0b0b0b; }
.design-frost .lb-punkt { color: #fff; }
.design-frost .lb-eintrag:hover, .design-frost .lb-eintrag:focus-visible { color: #fff; }