/* Gemeinsames Leistungs-Mega-Menü */
header .nav-mega{position:relative;display:flex;align-items:center}
header .nav-mega-trigger{
  display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:0;border-radius:999px;
  background:transparent;color:var(--muted);font-family:var(--sans);font-size:.94rem;font-weight:400;
  line-height:1.2;cursor:pointer;transition:color .24s ease,background .24s ease
}
header .nav-mega-trigger:hover,header .nav-mega[data-open="1"] .nav-mega-trigger{
  color:var(--paper);background:rgba(239,241,231,.055)
}
header .nav-mega-trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .26s ease}
header .nav-mega[data-open="1"] .nav-mega-trigger svg{transform:rotate(180deg)}
header .mega-menu{
  position:fixed;z-index:90;left:50%;top:70px;width:min(1180px,calc(100vw - 40px));
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);
  transition:opacity .24s ease,transform .28s cubic-bezier(.33,1,.68,1),visibility .24s;
  padding-top:8px
}
header .nav-mega[data-open="1"] .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
header .mega-menu-inner{
  display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;padding:24px 28px 26px;
  border:1px solid var(--line-2);border-radius:22px;background:rgba(17,18,15,.97);
  box-shadow:0 28px 80px rgba(0,0,0,.55);backdrop-filter:blur(22px) saturate(1.25)
}
header .mega-intro{
  align-self:stretch;display:flex;flex-direction:column;min-width:0;padding:28px 26px;
  border:1px solid rgba(196,167,135,.32);border-radius:18px;
  background:linear-gradient(145deg,rgba(196,167,135,.10),rgba(196,167,135,.035))
}
header .mega-intro-label{color:var(--sand);font-size:.78rem;font-weight:600;line-height:1.3}
header .mega-intro h2{margin:20px 0 0;color:var(--paper);font-family:var(--serif);font-size:1.7rem;font-weight:400;line-height:1.16;letter-spacing:-.02em}
header .mega-intro p{margin:20px 0 0;color:var(--muted);font-size:.94rem;line-height:1.58}
header nav.main .mega-intro a.mega-overview{
  display:inline-flex;align-items:center;align-self:flex-start;gap:9px;width:auto;margin-top:30px;padding:0 0 8px;
  border-bottom:1px solid var(--lime-line);border-radius:0;background:none;color:var(--lime);
  font-size:.9rem;font-weight:600;text-decoration:none
}
header nav.main .mega-intro a.mega-overview:hover{color:#ecffa8;background:none}
header .mega-groups{display:flex;flex-direction:column;gap:18px;min-width:0;padding:3px 0}
header .mega-group{padding:0;border:0;border-radius:0;background:none}
header .mega-group-head{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:0;border:0}
header .mega-group-head::after{content:"";height:1px;flex:1;background:var(--line-2)}
header .mega-group h3{margin:0;color:var(--sand);font-family:var(--sans);font-size:.86rem;font-weight:400;line-height:1.3;letter-spacing:0}
header .mega-group h3 span{color:var(--lime)}
header .mega-group-links{display:grid;gap:8px 22px}
header .mega-group--basis .mega-group-links{grid-template-columns:repeat(2,minmax(0,1fr))}
header .mega-group--boost .mega-group-links{grid-template-columns:repeat(2,minmax(0,1fr))}
header .mega-group--special .mega-group-links{grid-template-columns:repeat(2,minmax(0,1fr))}
header nav.main .mega-menu a.mega-link{
  display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;width:100%;
  min-height:68px;padding:9px 10px;border:1px solid transparent;border-radius:12px;text-decoration:none;background:transparent;
  transition:background .22s ease,border-color .22s ease,transform .22s ease
}
header nav.main .mega-menu a.mega-link:hover,header nav.main .mega-menu a.mega-link:focus-visible{
  color:var(--paper);background:rgba(239,241,231,.045);border-color:var(--line);transform:translateY(-1px)
}
header .mega-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--lime-line);border-radius:11px;background:var(--lime-soft);color:var(--lime)}
header .mega-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
header .mega-link strong{display:block;color:var(--paper);font-family:var(--sans);font-size:.84rem;font-weight:500;line-height:1.3}
header .mega-link small{display:block;margin-top:4px;color:var(--muted);font-family:var(--sans);font-size:.7rem;font-weight:400;line-height:1.42}

@media (max-width:860px){
  header nav.main[data-open="1"]{max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
  header .nav-mega{display:block;width:100%}
  header .nav-mega-trigger{justify-content:space-between;width:100%;padding:13px 16px;color:var(--muted)}
  header .mega-menu{position:static;width:100%;padding:0;opacity:1;visibility:visible;pointer-events:auto;transform:none;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.33,1,.68,1)}
  header .nav-mega[data-open="1"] .mega-menu{max-height:1500px;transform:none}
  header .mega-menu-inner{display:block;margin:5px 0 10px;padding:10px;border-radius:16px;box-shadow:none;background:rgba(239,241,231,.035)}
  header .mega-intro{padding:19px 17px;margin-bottom:14px;border-radius:14px}
  header .mega-intro h2{margin-top:12px;font-size:1.35rem}
  header .mega-intro p{margin-top:12px;font-size:.84rem}
  header nav.main .mega-intro a.mega-overview{margin-top:18px;font-size:.82rem}
  header .mega-groups{gap:0;padding:0}
  header .mega-group{padding:13px 0}
  header .mega-group-head{margin:0 5px 8px}
  header .mega-group--basis .mega-group-links,
  header .mega-group--boost .mega-group-links,
  header .mega-group--special .mega-group-links{grid-template-columns:1fr}
  header nav.main[data-open="1"] .mega-menu a.mega-link{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:11px 10px}
  header .mega-icon{width:38px;height:38px;border-radius:10px}
  header .mega-link small{font-size:.74rem}
}

@media (min-width:861px) and (max-width:1050px){
  header .mega-menu-inner{grid-template-columns:260px minmax(0,1fr);gap:18px;padding:22px}
  header .mega-intro{padding:24px 21px}
}

@media (prefers-reduced-motion:reduce){
  header .mega-menu,header .nav-mega-trigger svg,header nav.main .mega-menu a.mega-link{transition:none}
}
