/* ═══════════════════════════════════════════════════════════════
   MOBIL: BOTTOM SHEET (05.09.2026, nach dem Trainer-Hub gebaut)
   Bis 860px verschwinden die Menuepunkte oben, ein Burger rechts
   oeffnet ein Sheet von unten: Griff, sechs Tueren untereinander mit
   Titel und einem Satz (15.09.2026), Wochenende gold, aktive Tuer gold,
   Sprache als letzte Zeile.
   Wischen nach unten schliesst, Burger wird zum X. Bewegung nur
   ueber transform/opacity. Markup baut assets/sheet.js aus den
   vorhandenen Links, damit alle Seiten dieselbe Liste zeigen.
   Farben = BRANDING-2026-08-27 (Navy #151A31, Creme, Gold).
   ═══════════════════════════════════════════════════════════════ */
.nav-burger{display:none}
/* Ueber 860px gibt es kein Sheet: sonst stehen die rohen Links als Block unter dem Fuss (Befund 06.09., alle Seiten). */
@media (min-width:861px){.sheet,.sheet-overlay{display:none}}
@media (max-width:860px){
  .nav-links .sp,.nav-links a.menue,.top .navi{display:none !important}
  .nav-burger{
    display:inline-flex;align-items:center;justify-content:center;
    width:44px;height:44px;margin:-8px -10px -8px 0;border:0;background:none;
    color:#EDEEF4;cursor:pointer;position:relative;z-index:1002;
    transition:transform .45s cubic-bezier(.32,.72,0,1);
  }
  .nav-burger span{position:absolute;left:50%;top:50%;width:20px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .25s}
  .nav-burger span:nth-child(1){transform:translate(-50%,calc(-50% - 6px))}
  .nav-burger span:nth-child(3){transform:translate(-50%,calc(-50% + 6px))}
  .nav-burger.is-open{transform:rotate(90deg)}
  .nav-burger.is-open span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}
  .nav-burger.is-open span:nth-child(2){opacity:0}
  .nav-burger.is-open span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}

  .sheet-overlay{position:fixed;inset:0;z-index:1000;background:rgba(14,18,38,0);opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.32,.72,0,1),background .45s}
  .sheet-overlay.is-open{opacity:1;pointer-events:auto;background:rgba(14,18,38,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

  .sheet{
    position:fixed;left:0;right:0;bottom:0;z-index:1001;
    max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding:12px 16px calc(24px + env(safe-area-inset-bottom));
    border-radius:28px 28px 0 0;background:#151A31;color:#EDEEF4;
    box-shadow:0 -30px 80px rgba(0,0,0,.55);
    transform:translateY(102%);
    transition:transform .55s cubic-bezier(.32,.72,0,1);
    font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  .sheet.is-open{transform:translateY(0)}
  .sheet-griff{width:44px;height:5px;border-radius:3px;background:rgba(237,238,244,.28);margin:0 auto 18px}
  .sheet-tueren{display:grid;grid-template-columns:1fr;gap:6px}
  .sheet-tuer{
    display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;
    padding:14px 16px 14px 18px;border-radius:18px;
    background:rgba(237,238,244,.045);border:1px solid rgba(237,238,244,.08);
    color:#EDEEF4;text-decoration:none;
    opacity:0;transform:translateY(14px);
    transition:opacity .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1),background .3s,border-color .3s;
  }
  .sheet.is-open .sheet-tuer{opacity:1;transform:none}
  .sheet-tuer-t{grid-column:1;font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:600;font-size:19px;letter-spacing:-.015em;line-height:1.1}
  .sheet-tuer-s{grid-column:1;margin-top:3px;font-size:12.5px;line-height:1.35;color:rgba(237,238,244,.55);letter-spacing:.01em}
  .sheet-tuer i{grid-column:2;grid-row:1/3;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:15px;background:rgba(237,238,244,.07);color:rgba(237,238,244,.7)}
  .sheet-tuer.x{background:rgba(228,181,106,.09);border-color:rgba(228,181,106,.32)}
  .sheet-tuer.x .sheet-tuer-t{color:#E4B56A}
  .sheet-tuer.x i{background:rgba(228,181,106,.16);color:#E4B56A}
  .sheet-tuer.on{border-color:rgba(228,181,106,.55)}
  .sheet-tuer.on .sheet-tuer-t{color:#E4B56A}
  .sheet-tuer:active{background:rgba(237,238,244,.1)}
  .sheet-sprache{display:flex;align-items:center;gap:14px;margin:18px 4px 0;padding-top:16px;border-top:1px solid rgba(237,238,244,.08);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(237,238,244,.45)}
  .sheet-sprache a{color:rgba(237,238,244,.7);text-decoration:none;padding:8px 0}
  .sheet-sprache .an{color:#E4B56A}
  .sheet-sprache i{width:1px;height:11px;background:rgba(237,238,244,.25)}
  body.sheet-open{overflow:hidden}
  @media (prefers-reduced-motion:reduce){
    .sheet,.sheet-tuer,.sheet-overlay,.nav-burger,.nav-burger span{transition:none !important}
  }
}