/* Navigation 2026-11 (07.11.2026): Akkordeon auf dem Handy, Klick/Tastatur am Schreibtisch, Sprunglink */
.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:#0f5f46;color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.skip-link:focus{top:8px}
.site-header .nav-cta-mobil{display:none!important}
/* Schreibtisch: Fokus allein öffnet nicht mehr, Klick/Enter öffnet, nur ein Menü gleichzeitig */
.nav-dropdown:focus-within:not(.offen):not(:hover) .nav-dropdown-menu{display:none}
.nav:has(.nav-dropdown.offen) .nav-dropdown:not(.offen) .nav-dropdown-menu{display:none}
.nav-dropdown.offen .nav-dropdown-menu{display:flex;flex-direction:column}
.nav-dropdown.offen .nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown-toggle:focus-visible,.site-header .nav a:focus-visible{outline:2px solid #0f5f46;outline-offset:3px;border-radius:4px}
@media (max-width:820px){
  .announcement{height:auto!important;min-height:0;padding-block:8px;line-height:1.35}
  .site-header{gap:8px}
  .site-header .brand{margin-right:auto}
  .site-header .nav-cta-mobil{display:inline-flex!important;align-items:center;min-height:44px;padding:0 14px!important;font-size:14px!important;white-space:nowrap;flex:0 0 auto}
  .site-header .nav .nav-cta-desktop{display:none!important}
  .site-header .nav:not(.open){display:none!important}  /* datacube blendet die Leiste sonst zugeklappt ein */
  .site-header .nav.open{max-height:calc(100vh - 130px);overflow-y:auto}
  .site-header .nav.open .nav-dropdown{display:block;border-bottom:1px solid rgb(228,235,231)}
  .site-header .nav.open .nav-dropdown-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:48px;padding:0 12px;font-size:15px!important;font-weight:760;color:var(--re-ink)}
  .site-header .nav.open .nav-dropdown-toggle span{font-size:12px}
  .site-header .nav.open .nav-dropdown .nav-dropdown-menu{display:none!important}
  .site-header .nav.open .nav-dropdown.offen .nav-dropdown-menu{display:flex!important;flex-direction:column;position:static;transform:none;box-shadow:none;border:0;padding:0 0 8px 12px;background:transparent;min-width:0}
  .site-header .nav.open .nav-dropdown-menu::before,.site-header .nav.open .nav-dropdown-menu::after{display:none}
  .site-header .nav.open .nav-dropdown-menu a{white-space:normal;padding:12px;font-size:15px}
}
@media (max-width:370px){.site-header .brand span{display:none}}