/* Desktop navigation (2026-10-07, Max option A): the phone's approved IA as dropdowns + one red "Vorschau anfragen".
   Desktop only; the phone header/menu is unchanged. Matches the existing .nav-links type (15px / 500). */
.nav-dd,.nav-cta{display:none}
@media (min-width:941px){
  .nav-links{gap:30px!important}
  .nav-dd{display:block;position:relative}
  .nav-dd-b{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--ink,#141414);opacity:.82;transition:opacity .2s;outline:none}
  .nav-dd-b:hover,.nav-dd.open .nav-dd-b,.nav-dd-b[aria-current="page"]{opacity:1}
  .nav-dd-b:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}
  .nav-dd-l{margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em;line-height:1}
  .nav-dd-c{width:14px;height:14px;transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .nav-dd.open .nav-dd-c{transform:rotate(180deg)}
  .nav-dd-m{position:absolute;left:-18px;top:calc(100% + 14px);min-width:230px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.05);
    display:grid;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1),visibility .2s;z-index:120}
  .nav-dd-m::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}   /* hover bridge */
  .nav-dd.open .nav-dd-m{opacity:1;visibility:visible;transform:none}
  .nav-dd-m a{display:block;padding:12px 14px;border-radius:10px;color:#141414!important;opacity:1!important;font-size:15px;font-weight:500;white-space:nowrap}
  .nav-dd-m a::after{display:none!important}
  .nav-dd-m a:hover,.nav-dd-m a:focus-visible{background:#F2F2F4;outline:none}
  .nav-cta{display:inline-flex!important;padding:11px 20px!important;font-size:13px!important;margin-left:6px;background:#fff!important;border:1.5px solid var(--brand,#ED0019)!important;color:var(--brand,#ED0019)!important}
  .nav-cta .pl-fill{background:var(--brand,#ED0019)!important}
  .nav-cta:hover,.nav-cta:focus-visible{color:#fff!important}
  #pr-offers,#pr-seo,#pr-ads,#pz-steps,#pz-traffic,#mf-case,.dsub-work{scroll-margin-top:96px}
}
@media (min-width:941px){
  .nav-links > a,.nav-dd-b,.nav-cta{white-space:nowrap;flex:none}
  .nav-links{flex-wrap:nowrap}
}
@media (min-width:941px) and (max-width:1320px){ .nav-links{gap:22px!important} .nav-cta{padding:10px 16px!important} }
/* the 3D logo box is clamp(276px,35vw,484px) wide with the mark centred; the menu may use the empty right half of that box
   (the logo itself does not move) */
@media (min-width:941px){ .nav .logo{margin-right:calc((clamp(276px,35vw,484px) - 120px) / -2);position:relative;z-index:1} .nav-links{position:relative;z-index:2} }
@media (min-width:941px){
  .nav-dd-a{color:inherit;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:-.01em;line-height:1;opacity:1!important}
  .nav-dd-a::after{display:none!important}
  .nav-dd-a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}
  .nav-dd-c{cursor:pointer}
  .nav-dd-a[aria-current="page"]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1.5px}
}