/* Mobiles Menü: klappt unter dem Header nach unten auf */
@media (max-width:940px){
  header.nav .burger{position:relative;width:44px;height:44px;padding:0;align-items:center;justify-content:center;border-radius:12px}
  header.nav .burger span{transition:transform .25s ease,opacity .2s ease}
  header.nav.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  header.nav.menu-open .burger span:nth-child(2){opacity:0}
  header.nav.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  header.nav .navlinks,header.nav .navlinks.open{display:flex !important;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 20px;margin:0;
    background:#fff;border-bottom:1px solid #E7EAF2;box-shadow:0 18px 30px -18px rgba(14,26,58,.35);
    max-height:calc(100vh - 72px);overflow-y:auto;
    visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;
    transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
  header.nav.menu-open .navlinks{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .2s ease,transform .2s ease}
  header.nav .navlinks a{display:block;padding:15px 4px;font-size:1.05rem;border-bottom:1px solid #EEF1F6}
  header.nav .navlinks a::after{display:none}
  header.nav .navlinks a.active{box-shadow:inset 3px 0 0 #9CC31C;padding-left:14px}
  header.nav .navlinks .menu-cta{margin-top:16px;border:0;text-align:center;padding:15px 20px;border-radius:999px;background:#C4F135;color:#0E1A3A;font-weight:700}
  header.nav{background:rgba(250,251,253,.97)}
  body.menu-lock{overflow:hidden}
}
@media (min-width:941px){header.nav .navlinks .menu-cta{display:none}}