/* mobile-v1: Navigation + Lesbarkeit auf Telefonen (2026-10-02). Nur unter 940 px aktiv. */
.nav-toggle{display:none}
@media(max-width:940px){
  .nav{position:relative;gap:14px}
  .nav-toggle{display:inline-flex;margin-left:auto;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #28515e;border-radius:9px;background:transparent;color:#cfe6ec;cursor:pointer;padding:0}
  .nav-toggle i{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;transition:transform .2s,box-shadow .2s}
  body.nav-open .nav-toggle i{transform:rotate(45deg);box-shadow:none}
  body.nav-open .nav-toggle i::after{content:"";display:block;width:20px;height:2px;background:currentColor;transform:rotate(90deg)}
  header nav,header nav.navlinks{display:none}
  body.nav-open header nav,body.nav-open header nav.navlinks{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;margin:0;background:#071318;border-bottom:1px solid #17313a;box-shadow:0 18px 30px rgba(0,0,0,.45);padding:4px 0 10px;z-index:40;font-size:16px}
  body.nav-open header nav a{display:block;padding:14px 22px;border-top:1px solid #11262e;color:#dbe8ec;line-height:1.3}
  body.nav-open header nav a.active{color:#fff}
  body.nav-open header nav a.cta-m{color:#62eaff;font-weight:700}
  .nav .cta{margin-left:0}
}
@media(max-width:560px){
  .nav .cta{display:none}
  .hero h1{font-size:40px}
  .wrap{width:min(var(--max,1180px),calc(100% - 32px))}
}
/* Breite Inhalte duerfen nicht die Seite sprengen: Grid-Zellen duerfen schrumpfen (1fr = minmax(auto,1fr) nimmt sonst die laengste Codezeile) */
@media(max-width:940px){
  .doc-layout,.article,.hero-grid,.split,.cards,.footer-grid{grid-template-columns:minmax(0,1fr)!important}
  .doc-layout>*,.article>*,.hero-grid>*,.split>*,.cards>*,.footer-grid>*,main,aside,.side{min-width:0;max-width:100%}
  .prose,.wrap{min-width:0}
}
pre,.codebox pre{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.prose table,.table{display:block;overflow-x:auto;max-width:100%}
img,svg,video{max-width:100%;height:auto}
.prose code{overflow-wrap:anywhere}
/* v3: Seitenleiste (Kapitel-Liste) auf dem Telefon NACH dem Inhalt, nicht davor */
@media(max-width:940px){
  .doc-layout{gap:0;padding-top:28px}
  .doc-layout .side{order:2;position:static;margin-top:44px;padding-top:18px;border-top:1px solid #17313a}
  .doc-layout .side h4:first-child{margin-top:0}
  .doc-layout .side a{padding:10px 0;font-size:15px}
  .doc-layout .side h4::before{content:"";}
  #se-privacy-launcher{font-size:11px;padding:7px 11px;opacity:.85;left:10px;bottom:10px}
  .se-consent{padding:20px}
  .se-consent .actions{position:sticky;bottom:-20px;background:#121c31;padding:12px 0 4px;margin:8px 0 -20px}
}
/* Der zusaetzliche "Get SE Inspect"-Eintrag gehoert nur ins aufgeklappte Handy-Menue - am Desktop steht der CTA-Knopf daneben */
header nav a.cta-m{display:none}
@media(max-width:940px){body.nav-open header nav a.cta-m{display:block}}