/* Gemeinsame Navigation: beim Herunterscrollen ausblenden */
#site-header { transition: transform 260ms ease, box-shadow 260ms ease; will-change: transform; }
#site-header.nav-hidden { transform: translateY(-105%); }
#site-header .mobile-nav { display:none; position:absolute; top:100%; left:0; right:0; background:#f8f7f3; border-bottom:1px solid #ddd9d0; box-shadow:0 10px 20px rgba(0,0,0,.07); }
#site-header .mobile-nav.is-open { display:flex; flex-direction:column; }
#site-header .mobile-nav a { padding:14px 24px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-family:monospace; }
#site-header .mobile-nav a:hover, #site-header .mobile-nav a:focus-visible { background:rgba(0,0,0,.05); }
@media (min-width:768px) { #site-header .mobile-nav.is-open {display:none;} }
@media (prefers-reduced-motion:reduce) { #site-header {transition:none;} }