/* Hauptmenü: Mega-Menü (Desktop) und Drawer (Handy). Ergänzt .nav aus site.css. */
.nav{gap:18px}
.nav .mm{display:flex;align-items:center;margin-left:auto;margin-right:6px}
.nav .mm>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav .mm>ul>li{position:static}
.nav .mm .mt{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:0;background:none;color:var(--text-primary);font:500 .95rem/1 var(--f-body);text-decoration:none;text-shadow:var(--tshadow);border-radius:10px;cursor:pointer;transition:background .25s var(--ease-soft),color .25s var(--ease-soft)}
.nav .mm .mt::after{display:none}
.nav .mm .mt:hover,.nav .mm .mt[aria-expanded="true"]{background:rgba(238,233,225,.09);color:#fff}
.nav .mm .mt svg{width:10px;height:10px;flex:none;transition:transform .3s var(--ease)}
.nav .mm .mt[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav .mm .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(232,161,58,.6);animation:mmpulse 2.4s infinite}
@keyframes mmpulse{70%{box-shadow:0 0 0 8px rgba(232,161,58,0)}100%{box-shadow:0 0 0 0 rgba(232,161,58,0)}}

.nav .mp{position:fixed;left:0;right:0;top:var(--mmtop,72px);padding:0 var(--gx);pointer-events:none;opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity .22s var(--ease-soft),transform .28s var(--ease),visibility 0s .28s}
.nav .mp.open{pointer-events:auto;opacity:1;transform:none;visibility:visible;transition:opacity .22s var(--ease-soft),transform .28s var(--ease),visibility 0s}
.nav .mp .box{max-width:1180px;margin:0 auto;background:#101c2e;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px rgba(3,6,12,.6);padding:26px 28px 22px;backdrop-filter:blur(14px)}
.nav .mp .cols{display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:26px}
.nav .mp .cols.c3{grid-template-columns:repeat(3,1fr)}
.nav .mp .cols.c2{grid-template-columns:1fr 1fr 1.1fr}
.nav .mp h3{font:500 .68rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
.nav .mp ul{display:block;list-style:none;margin:0;padding:0}
.nav .mp li{margin:0}
.nav .mp .l{display:block;padding:8px 10px;margin:0 -10px;border-radius:9px;text-decoration:none;font-size:.95rem;font-weight:500;color:var(--text-primary);text-shadow:none;line-height:1.3;transition:background .2s,color .2s,transform .25s var(--ease)}
.nav .mp .l::after{display:none}
.nav .mp .l small{display:block;font-weight:400;font-size:.76rem;color:var(--text-secondary);margin-top:2px;line-height:1.35}
.nav .mp .l:hover,.nav .mp .l:focus-visible{background:rgba(232,161,58,.12);color:#fff;transform:translateX(3px)}
.nav .mp .feat{display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;border-radius:14px;overflow:hidden;position:relative;text-decoration:none;color:#fff;background:#0b1422 center/cover no-repeat;border:1px solid rgba(238,233,225,.14)}
.nav .mp .feat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,24,.15),rgba(8,14,24,.88))}
.nav .mp .feat>*{position:relative}
.nav .mp .feat span{padding:16px 18px 0;font:500 .66rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.nav .mp .feat b{display:block;padding:6px 18px 18px;font:700 1.05rem/1.25 var(--f-title);font-stretch:115%}
.nav .mp .feat:hover{border-color:var(--accent)}
.nav .mp .foot{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(59,81,105,.7);font-size:.88rem}
.nav .mp .foot a{color:var(--text-secondary);text-decoration:none;text-shadow:none;padding:4px 0}
.nav .mp .foot a:hover{color:var(--accent)}
.nav .mp .foot a::after{display:none}
.nav .mp .foot .all{margin-left:auto;color:var(--accent);font-weight:600}

.nav .mact{display:flex;align-items:center;gap:10px}
.nav .mtel{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 6px;color:var(--text-primary);text-decoration:none;font:600 .95rem/1 var(--f-body);text-shadow:var(--tshadow);white-space:nowrap}
.nav .mtel svg{width:18px;height:18px;flex:none;color:var(--accent)}
.nav .mtel:hover{color:var(--accent)}
.nav .mburger{display:none;width:46px;height:46px;border-radius:12px;border:1.5px solid rgba(238,233,225,.4);background:rgba(14,24,38,.45);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;padding:0;flex:none}
.nav .mburger span{position:relative;display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:background .2s}
.nav .mburger span::before,.nav .mburger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease)}
.nav .mburger span::before{top:-6px}.nav .mburger span::after{top:6px}
.nav .mburger[aria-expanded="true"] span{background:transparent}
.nav .mburger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav .mburger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.nav.mopen{background:#0b1422!important;backdrop-filter:none!important}

/* Drawer (Handy und Tablet) */
.mdr{position:fixed;inset:0;z-index:49;background:#0b1422;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--mmtop,68px) + 8px) var(--gx) 40px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s var(--ease-soft),transform .3s var(--ease),visibility 0s .3s}
.mdr.open{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease-soft),transform .3s var(--ease),visibility 0s}
.mdr .acc{border-bottom:1px solid rgba(59,81,105,.65)}
.mdr .acc>button,.mdr .acc>a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0;background:none;border:0;color:var(--text-primary);font:700 1.12rem/1.2 var(--f-title);font-stretch:112%;text-decoration:none;cursor:pointer;text-align:left}
.mdr .acc>button svg{width:14px;height:14px;transition:transform .3s var(--ease);color:var(--accent);flex:none}
.mdr .acc>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.mdr .acc .pn{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s var(--ease)}
.mdr .acc .pn>div{overflow:hidden}
.mdr .acc .pn.open{grid-template-rows:1fr}
.mdr .acc h3{font:500 .66rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:6px 0 4px}
.mdr .acc .pn a{display:flex;align-items:center;min-height:46px;color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:500;padding:0 0 0 2px}
.mdr .acc .pn a:active{color:var(--accent)}
.mdr .acc .pn .sp{height:14px}
.mdr .acc .mtag{margin-left:10px;font:500 .64rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--canvas);background:var(--accent);padding:5px 7px;border-radius:6px}
.mdr .dcta{display:grid;gap:10px;margin-top:26px}
.mdr .dcta .btn{width:100%;min-height:54px}
.mdr .dcta .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mdr .dinfo{margin-top:20px;font-size:.88rem;color:var(--text-secondary);line-height:1.6}
body.mlock{overflow:hidden}

@media (max-width:1180px){.nav .mtel span{display:none}.nav .mm .mt{padding:0 10px}}
@media (max-width:980px){
  .nav .mm{display:none}
  .nav .mburger{display:inline-flex}
  .nav .mact{margin-left:auto}
  .nav .mact .btn.sm{display:none}
}
@media (min-width:981px){.mdr{display:none}}
@media (max-width:480px){.nav{padding-top:12px;padding-bottom:12px}.nav .brand{font-size:.86rem;gap:9px}.nav .brand svg{width:26px;height:26px}.nav .mtel{width:44px;justify-content:center;padding:0;border:1.5px solid rgba(238,233,225,.4);border-radius:12px;min-height:46px;background:rgba(14,24,38,.45)}}
@media (prefers-reduced-motion:reduce){.nav .mp,.mdr,.mdr .acc .pn{transition:none}.nav .mm .dot{animation:none}}
