/* Unterseiten ohne Hero (Impressum, Datenschutz, 22.10.2026): Kopfzeile von Anfang an dunkel wie nach dem Scrollen
   auf der Startseite, Inhalt beginnt unter der Kopfzeile. Auf Seiten mit Hero wirkt nichts davon. */
body:not(:has(.hero)) .kopf{animation:none;--glas:1;--hell:0;background-color:var(--e-global-color-text)!important}
body:not(:has(.hero)) main{padding-top:var(--kopf-h,92px)}
/* Textseiten: H1 im Maß der Abschnittsüberschriften, Zwischenüberschriften im Maß der H3 mit Abstand nach oben */
body:not(:has(.hero)) main h1{font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.1;margin:0 0 var(--s3)}
body:not(:has(.hero)) main h1~h2{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.2;font-weight:700;margin:var(--s4) 0 var(--s2)}
body:not(:has(.hero)) main .innen>p{max-width:70ch}
/* lange Adressen (Links) brechen um, statt die Seite zu verbreitern */
body:not(:has(.hero)) main .innen :is(p,li){overflow-wrap:anywhere}
/* lange Wörter in der H1 (z. B. „Datenschutzerklärung“ bei 320 px) mit Trennstrich nach Sprachregeln */
body:not(:has(.hero)) main h1{hyphens:auto;overflow-wrap:break-word}
/* Textspalte (22.10.): Überschriften, Absätze und Listen in einer gemeinsamen Breite (37rem ≈ 66 Zeichen Fließtext);
   klare Rangfolge H1 > H2 (Abschnitt) > H3 (Unterpunkt in Fließtextgröße, fett); Listen schmal eingerückt */
body:not(:has(.hero)) main .innen>:is(h1,h2,h3,p,ul,ol){max-width:37rem}
body:not(:has(.hero)) main h1~h2{text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
body:not(:has(.hero)) main h1~h3{font-size:1em;line-height:1.4;font-weight:700;margin:var(--s3) 0 var(--s1);text-wrap:balance}
body:not(:has(.hero)) main .innen>p{text-wrap:pretty}
body:not(:has(.hero)) main .innen>:is(ul,ol){padding-left:1.25em;margin:0 0 var(--s2)}
body:not(:has(.hero)) main .innen>:is(ul,ol)>li{margin-bottom:var(--s1)}
@media (max-width:767px){body:not(:has(.hero)) main .innen :is(p,li){hyphens:auto}}