/* Quiet colour cues: the whole menu item responds to hover, keyboard and touch. */
#nav .has-dropdown .mega-menu{grid-template-columns:repeat(3,minmax(0,1fr));background:linear-gradient(145deg,#161b22,#0d1015 70%);box-shadow:0 24px 64px #0008,inset 0 1px 0 #ffffff08}
#nav .mega-col{min-width:0}
#nav .mega-feature{white-space:normal}
#nav .mega-menu a{--menu-accent:#ff7167;position:relative;isolation:isolate;display:grid;grid-template-columns:10px minmax(0,1fr) 14px;gap:12px;align-items:center;min-height:66px;border:1px solid transparent;border-radius:12px!important;background:transparent;box-shadow:none;transform:none;text-decoration:none;white-space:normal;outline-offset:3px}
#nav .mega-menu a[data-nav-filter="utv-buggy"]{--menu-accent:#ffb668}
#nav .mega-menu a[data-nav-filter="50ccm"]{--menu-accent:#72b8ff}
#nav .mega-menu a[data-nav-filter="125ccm"]{--menu-accent:#72d4ef}
#nav .mega-menu a[data-nav-filter="over125"]{--menu-accent:#72d9be}
#nav .mega-menu a[data-nav-filter="all"]{--menu-accent:#d0d9e6}
#nav .mega-menu a[href="#vergleich"]{--menu-accent:#bfa0ff}
#nav .mega-menu a::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 50%,color-mix(in srgb,var(--menu-accent) 15%,transparent),transparent 85%);opacity:0}
#nav .mega-menu a::after{content:"↗";position:static;display:block;width:auto;height:auto;background:none;color:var(--menu-accent);font:500 17px/1 Arial,sans-serif;opacity:0;transform:translateX(-3px);pointer-events:none}
#nav .mega-menu a .mega-icon{--mega-accent:var(--menu-accent);display:block;width:7px;height:7px;min-width:0;border:0;border-radius:50%;background:var(--menu-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--menu-accent) 7%,transparent);transform:none;opacity:.65}
#nav .mega-menu .mega-icon::before,#nav .mega-menu .mega-icon::after{content:none}
#nav .mega-menu .mega-copy{min-width:0;display:block}
#nav .mega-menu .mega-copy strong{font-size:12px;line-height:1.35;color:#f4f6fa}
#nav .mega-menu .mega-copy>span{display:block;margin-top:4px;color:#aeb9c8;font-size:11px;line-height:1.5}
#nav .mega-menu a:focus-visible,#nav .mega-menu a:active{border-color:var(--menu-accent);background:#171e28;box-shadow:0 0 18px color-mix(in srgb,var(--menu-accent) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--menu-accent) 8%,transparent)}
#nav .mega-menu a:focus-visible{outline:2px solid var(--menu-accent)}
#nav .mega-menu a:is(:focus-visible,:active)::before,#nav .mega-menu a:is(:focus-visible,:active)::after{opacity:1;transform:none}
#nav .mega-menu a:is(:focus-visible,:active) .mega-icon{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--menu-accent) 13%,transparent),0 0 14px color-mix(in srgb,var(--menu-accent) 65%,transparent)}
@media(hover:hover) and (pointer:fine){
 #nav .mega-menu a:hover{border-color:color-mix(in srgb,var(--menu-accent) 65%,transparent);background:#171e28;box-shadow:0 0 18px color-mix(in srgb,var(--menu-accent) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--menu-accent) 8%,transparent)}
 #nav .mega-menu a:hover::before,#nav .mega-menu a:hover::after{opacity:1;transform:none}
 #nav .mega-menu a:hover .mega-icon{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--menu-accent) 13%,transparent),0 0 14px color-mix(in srgb,var(--menu-accent) 65%,transparent)}
}
@media(prefers-reduced-motion:no-preference){#nav .mega-menu a,#nav .mega-menu a::before,#nav .mega-menu a::after,#nav .mega-menu a .mega-icon{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}}
@media(prefers-reduced-motion:reduce){#nav .mega-menu a,#nav .mega-menu a::before,#nav .mega-menu a::after,#nav .mega-menu a .mega-icon{transition:none;animation:none}}
@media(max-width:1180px){#nav .has-dropdown .mega-menu{box-shadow:none;background:transparent}#nav .mega-menu a{min-height:66px}}
@media(max-width:640px){#nav .has-dropdown .mega-menu{grid-template-columns:minmax(0,1fr)}}