/* ── Burger-Menü ── */
#burger-wrap{position:relative;display:flex;align-items:center;}
#burger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;background:none;border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:6px;transition:background .2s;flex-shrink:0;}
#burger-btn:hover{background:rgba(0,0,0,.08);}
[data-theme="dark"] #burger-btn:hover{background:rgba(255,255,255,.08);}
.burger-line{width:16px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s;}
#burger-btn.open .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg);}
#burger-btn.open .burger-line:nth-child(2){opacity:0;}
#burger-btn.open .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
#nav-menu{position:fixed;top:64px;left:50%;margin-left:-130px;z-index:9999;background:var(--card);border:0.5px solid var(--border);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.18);min-width:260px;width:260px;padding:8px 0;display:none;max-height:calc(100vh - 80px);overflow-y:auto;}
[data-theme="dark"] #nav-menu{background:#1a2535;}
#nav-menu.open{display:block;animation:menuFadeIn .18s ease;}
@keyframes menuFadeIn{from{opacity:0;margin-top:-6px}to{opacity:1;margin-top:0}}
.nav-section{padding:4px 14px 2px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;}
.nav-item{display:flex;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;color:var(--text);font-size:13px;font-weight:700;font-family:'Space Mono',monospace;letter-spacing:.03em;transition:background .15s;width:100%;}
.nav-item:hover{background:rgba(21,101,192,.07);}
[data-theme="dark"] .nav-item:hover{background:rgba(77,166,255,.08);}
.nav-item.active{color:var(--accent);}
.nav-icon{font-size:17px;width:22px;text-align:center;flex-shrink:0;}
.nav-divider{height:0.5px;background:var(--border);margin:6px 14px;}
#burger-overlay{position:fixed;inset:0;z-index:9998;display:none;}
#burger-overlay.open{display:block;}

/* Language switch */
.lang-switch{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;text-decoration:none;transition:background .2s,color .2s;letter-spacing:.04em;}
.lang-switch:hover{background:var(--accent);color:#fff;border-color:var(--accent                                                     
/* ── Mobile: Nav-Menu volle Breite auf kleinen Screens ── */
@media(max-width:360px){
  #nav-menu{width:calc(100vw - 24px);min-width:unset;left:12px!important;margin-left:0!important;}
}