/* Ohne JS kann nicht gemessen werden. Dann gilt die alte feste Grenze: unterhalb 1100px Hamburger, darueber volle Nav. Deckungsgleich mit dem Verhalten vor dem 27.08.2026. */ /* stylelint-disable-next-line plugin/no-max-width-media -- No-JS-Fallback muss die alte Desktop-First-Grenze exakt nachbilden, sonst aendert sich das Verhalten ohne JavaScript. */ @media (max-width: 1099px) { #site-header #nav-toggle { display: flex; } #site-header #main-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--color-header-bg-mobile, var(--color-header-bg, var(--color-primary-light, var(--color-primary, #1D1E3B)))); flex-direction: column; align-items: stretch; padding: 1rem 1.5rem 1.5rem; gap: 0; z-index: 49; box-shadow: 0 4px 12px rgba(0,0,0,0.4); } #site-header #main-nav a:not(.btn-accent) { padding: 0.75rem 0; border-bottom: 1px solid rgba(255,255,255,0.1); } #site-header #main-nav .btn-accent { margin-top: 1rem; justify-content: center; } }