/* Hauptmenü – auf allen Seiten gleich. Ohne JavaScript: auf dem Handy öffnet ein Kontrollkästchen das Menü. */
.aquaflaeche{position:relative}
.leiste{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:5rem}
.hauptnav{display:flex;align-items:center;gap:.25rem}
.hauptnav a{color:var(--tinte);text-decoration:none;font-family:var(--t);font-size:.9375rem;font-weight:600;padding:.55rem .8rem;border-radius:2px;white-space:nowrap}
.hauptnav a:hover{background:rgba(16,16,18,.08)}
.hauptnav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--tinte)}
.hauptnav a.nav-knopf{background:var(--tinte);color:var(--aqua);margin-left:.75rem;padding:.75rem 1.4rem}
.hauptnav a.nav-knopf:hover{background:#2A2A2E}
.menue-schalter{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.menue-knopf{display:none}

@media (max-width:56rem){
  .leiste{height:4.25rem}
  .menue-knopf{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-family:var(--t);font-size:.9375rem;font-weight:600;color:var(--tinte);padding:.6rem .2rem .6rem .8rem;user-select:none}
  .menue-knopf i{position:relative;display:block;width:1.25rem;height:2px;background:var(--tinte);transition:background .15s}
  .menue-knopf i::before,.menue-knopf i::after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--tinte);transition:transform .15s}
  .menue-knopf i::before{top:-6px}
  .menue-knopf i::after{top:6px}
  .menue-schalter:focus-visible + .menue-knopf{outline:3px solid var(--tinte);outline-offset:2px}
  .menue-schalter:checked + .menue-knopf i{background:transparent}
  .menue-schalter:checked + .menue-knopf i::before{transform:translateY(6px) rotate(45deg)}
  .menue-schalter:checked + .menue-knopf i::after{transform:translateY(-6px) rotate(-45deg)}
  .hauptnav{display:none;position:absolute;left:0;right:0;top:4.25rem;z-index:20;flex-direction:column;align-items:stretch;gap:0;background:var(--aqua);padding:.5rem 1.35rem 1.5rem;border-bottom:2px solid var(--tinte);box-shadow:0 12px 24px rgba(16,16,18,.12)}
  .menue-schalter:checked ~ .hauptnav{display:flex}
  .hauptnav a{font-size:1.125rem;padding:1rem 0;border-bottom:1px solid rgba(16,16,18,.15);border-radius:0}
  .hauptnav a:hover{background:none}
  .hauptnav a[aria-current="page"]{box-shadow:none;text-decoration:underline;text-underline-offset:5px}
  .hauptnav a.nav-knopf{margin:1.25rem 0 0;text-align:center;border-bottom:0;border-radius:2px;padding:1rem}
}
@media (prefers-reduced-motion:reduce){.menue-knopf i,.menue-knopf i::before,.menue-knopf i::after{transition:none}}