/* Codex: progressive Verbesserung und gut lesbare Navigation ohne JavaScript. */
html:not(.js) .site-header { position:relative; height:auto; min-height:72px; background:var(--nacht); }
html:not(.js) .site-header__innen { flex-wrap:wrap; padding-block:18px; }
html:not(.js) .nav-schalter { display:none; }
@media (max-width:59.99em) {
 html:not(.js) .hauptnav { position:static; inset:auto; width:100%; opacity:1; visibility:visible; transform:none; padding:12px 0 0; background:transparent; }
 html:not(.js) .hauptnav ul { flex-direction:row; flex-wrap:wrap; gap:10px 20px; }
 html:not(.js) .hauptnav a:not(.btn) { font-size:1rem; padding:6px 0; }
 html:not(.js) .hauptnav li:last-child { margin-top:0; }
 html:not(.js) .hauptnav .btn { min-height:44px; }
 html:not(.js) .hero { padding-top:40px; }
 .marke__zusatz { font-size:.8rem; }
}
@media (max-width:23em) { .marke__zusatz { display:none; } }
input,textarea,button { max-width:100%; }
input,textarea { scroll-margin-top:100px; }
.feld label { overflow-wrap:anywhere; }
.site-footer a { text-underline-offset:4px; }
@media (prefers-reduced-motion:reduce) {
 .glanz { display:none; }
 .js .schritt:not(.ist-aktiv) { opacity:1; }
}
html:not(.js) .entwurf-hinweis { position:static; margin:16px; box-shadow:none; } html:not(.js) .entwurf-hinweis button { display:none; }

/* Legal navigation remains within narrow screens. */
.footer__unten ul { flex-wrap:wrap; row-gap:10px; }