/* Shared prices navigation for WIVEX pages */
.nav-links .nav-prices,
.site-nav .nav-prices{position:relative;list-style:none;flex:0 0 auto}
.nav-prices summary{display:inline-flex;align-items:center;gap:.45rem;list-style:none;cursor:pointer;font-family:var(--font-mono,"DM Mono",monospace);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text,#e8e8f0);white-space:nowrap;transition:color .2s}
.nav-prices summary::-webkit-details-marker,.mobile-prices summary::-webkit-details-marker{display:none}
.nav-prices summary::after,.mobile-prices summary::after{content:"⌄";font-family:Arial,sans-serif;font-size:1rem;line-height:1;transition:transform .2s}
.nav-prices[open] summary::after,.mobile-prices[open] summary::after{transform:rotate(180deg)}
.nav-prices summary:hover,.nav-prices[open] summary{color:var(--accent,#c8ff00)}
.nav-prices summary:focus-visible,.mobile-prices summary:focus-visible{outline:2px solid var(--accent,#c8ff00);outline-offset:4px;border-radius:2px}
.nav-prices-menu{position:absolute;top:calc(100% + 1.15rem);right:-.6rem;z-index:300;min-width:225px;padding:.55rem;border:1px solid rgba(200,255,0,.22);border-radius:8px;background:#111117;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.nav-prices-menu::before{content:"";position:absolute;left:0;right:0;top:-1.2rem;height:1.2rem}
.nav-prices-menu a,.site-nav .nav-prices-menu a{display:block;padding:.8rem .9rem;border-radius:4px;color:var(--text,#e8e8f0);font-family:var(--font-mono,"DM Mono",monospace);font-size:.74rem;line-height:1.4;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.nav-prices-menu a:hover,.nav-prices-menu a:focus-visible{background:rgba(200,255,0,.1);color:var(--accent,#c8ff00)}
.mobile-prices{color:var(--text,#e8e8f0);text-align:center}
.mobile-prices summary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;list-style:none;cursor:pointer}
.mobile-prices-links{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;width:min(19rem,calc(100vw - 3rem));margin:.75rem auto 0}
.mobile-menu .mobile-prices-links a,.mobile-links .mobile-prices-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:rgba(255,255,255,.04);color:var(--text,#e8e8f0);font-family:var(--font-mono,"DM Mono",monospace);font-size:.82rem!important;font-weight:400;letter-spacing:.04em;line-height:1.25;text-decoration:none;text-transform:uppercase}
.mobile-menu .mobile-prices-links a:hover,.mobile-links .mobile-prices-links a:hover{border-color:var(--accent,#c8ff00);color:var(--accent,#c8ff00)}
@media(min-width:901px) and (max-width:1200px){nav#mainNav .nav-links{gap:clamp(.8rem,1.7vw,1.4rem)}nav#mainNav{padding-left:2rem;padding-right:2rem}}
@media(max-width:900px){
  .mobile-menu.open{overflow-y:auto!important;justify-content:flex-start!important;gap:clamp(.65rem,2vh,1.15rem)!important;padding:clamp(6rem,13vh,7rem) 1.3rem 2rem!important}
  .mobile-menu > a{font-size:clamp(1.3rem,5vw,1.75rem)!important;line-height:1.2!important}
  .mobile-menu .mobile-prices summary{font-family:var(--font-display,Syne,sans-serif);font-size:clamp(1.3rem,5vw,1.75rem);font-weight:700;line-height:1.2}
  .site-header .nav-prices-menu{right:0}
}
@media(max-width:760px){
  .mobile-links .mobile-prices{width:100%;text-align:left}
  .mobile-links .mobile-prices summary{font-family:var(--mono,"DM Mono",monospace);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
  .mobile-links .mobile-prices-links{margin:.6rem 0 0;width:min(100%,19rem)}
  .mobile-links .mobile-prices-links a{justify-content:flex-start}
}
@media(max-width:420px){.site-header .nav-prices summary{font-size:.66rem;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.nav-prices summary::after,.mobile-prices summary::after{transition:none}}/* Unified WIVEX navigation */
nav#mainNav,
nav.site-nav,
.site-header{
  box-sizing:border-box;
  min-height:82px;
  padding:1rem clamp(1.25rem,4vw,4rem);
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(6,7,8,.94);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
nav#mainNav.scrolled{padding:1rem clamp(1.25rem,4vw,4rem)}
nav#mainNav .nav-logo img,
nav.site-nav .logo img,
.site-header .brand img{display:block;width:110px;height:auto;max-height:42px;object-fit:contain}
nav#mainNav .nav-links,
nav.site-nav .nav-links{gap:clamp(.8rem,1.65vw,1.65rem);margin:0;padding:0}
nav#mainNav .nav-links a,
nav.site-nav .nav-links a,
.site-header .site-nav>a,
.nav-prices summary{font-family:var(--font-mono,var(--mono,"DM Mono",monospace));font-size:.72rem;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
nav#mainNav .nav-links .nav-cta,
nav.site-nav .nav-links .nav-cta,
.site-header .site-nav .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem 1.15rem;border-radius:3px;background:#c8ff00;color:#080908;font-weight:700}
@media(max-width:900px){
  nav#mainNav,
  nav#mainNav.scrolled,
  nav.site-nav,
  .site-header{min-height:72px;padding:.75rem 1.15rem!important}
  nav#mainNav .nav-links,
  nav.site-nav .nav-links{display:none!important}
  nav.site-nav .menu-button{display:flex;width:44px;height:44px;flex:none;border:1px solid rgba(200,255,0,.38);background:rgba(200,255,0,.06);border-radius:3px;position:relative;z-index:1004}
  nav.site-nav .menu-button span{width:20px;height:2px;box-shadow:0 -6px currentColor,0 6px currentColor}
  nav.site-nav .menu-button[aria-expanded="true"] span{background:transparent;box-shadow:none}
  nav.site-nav .menu-button[aria-expanded="true"] span::before,
  nav.site-nav .menu-button[aria-expanded="true"] span::after{content:"";position:absolute;left:12px;top:21px;width:20px;height:2px;background:#c8ff00;transform:rotate(45deg)}
  nav.site-nav .menu-button[aria-expanded="true"] span::after{transform:rotate(-45deg)}
  .nav-hamburger{border:1px solid rgba(200,255,0,.38)!important;border-radius:3px!important;background:rgba(200,255,0,.06)!important}
  body.mobile-menu-open{overflow:hidden}
  .mobile-menu.open,
  .mobile-links.open{
    box-sizing:border-box;display:flex!important;position:fixed!important;inset:0!important;
    z-index:1001!important;min-height:100dvh;max-height:100dvh;
    overflow-y:auto!important;overscroll-behavior:contain;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:0!important;margin:0!important;padding:clamp(6.6rem,15vh,8.2rem) max(1.4rem,calc((100vw - 560px)/2)) 3rem!important;
    border:0!important;background:radial-gradient(circle at 100% 0%,rgba(200,255,0,.12),transparent 42%),#080a09!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  .mobile-menu.open::before,
  .mobile-links.open::before{content:"WIVEX  /  NAVIGATION";display:block;flex:none;padding:0 0 1.3rem;border-bottom:1px solid rgba(200,255,0,.45);color:#c8ff00;font:400 .68rem/1.4 "DM Mono",monospace;letter-spacing:.17em}
  .mobile-menu.open::after,
  .mobile-links.open::after{content:"DIGITAL. VISUELL. INDIVIDUELL.";display:block;flex:none;margin-top:auto;padding-top:1.6rem;color:#899087;font:400 .6rem/1.5 "DM Mono",monospace;letter-spacing:.12em}
  .mobile-menu.open>a,
  .mobile-menu.open>.mobile-prices,
  .mobile-links.open>li{box-sizing:border-box;display:flex!important;align-items:center;flex:none;width:100%!important;min-height:58px;margin:0!important;border-bottom:1px solid rgba(255,255,255,.13);text-align:left!important}
  .mobile-menu.open>a,
  .mobile-links.open>li>a,
  .mobile-menu.open>.mobile-prices>summary,
  .mobile-links.open>li>.mobile-prices>summary{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;color:#f2f5ef;font:700 clamp(1.32rem,5.2vw,1.8rem)/1.15 Syne,sans-serif!important;letter-spacing:-.035em;text-align:left!important;text-decoration:none}
  .mobile-menu.open>a:hover,
  .mobile-links.open>li>a:hover,
  .mobile-prices>summary:hover{color:#c8ff00!important}
  .mobile-menu.open .mobile-prices,
  .mobile-links.open .mobile-prices{display:block!important;text-align:left;width:100%}
  .mobile-menu.open .mobile-prices>summary,
  .mobile-links.open .mobile-prices>summary{cursor:pointer;list-style:none}
  .mobile-menu.open .mobile-prices>summary::after,
  .mobile-links.open .mobile-prices>summary::after{font-size:1.5rem;color:#c8ff00}
  .mobile-menu.open .mobile-prices-links,
  .mobile-links.open .mobile-prices-links{width:100%;max-width:none;margin:0 0 .7rem;padding:0 0 0 1rem;gap:0;border-left:1px solid #c8ff00}
  .mobile-menu.open .mobile-prices-links a,
  .mobile-links.open .mobile-prices-links a{min-height:46px;justify-content:flex-start!important;padding:.6rem .75rem;border:0;border-radius:0;background:none;color:#bbc2ba;font-size:.73rem!important}
  .mobile-menu.open>a.mobile-contact-link,
  .mobile-links.open>li:last-child>a{margin-top:1.2rem!important;padding:0 1.2rem!important;min-height:54px;background:#c8ff00;color:#080908!important;font-size:1.15rem!important}
  .mobile-menu.open>a.mobile-contact-link::after,
  .mobile-links.open>li:last-child>a::after{content:"↗";font:400 1.5rem/1 Syne,sans-serif}
  .mobile-menu.open>a.mobile-contact-link:hover,
  .mobile-links.open>li:last-child>a:hover{background:#e4ff8e}
  .mobile-links.open{list-style:none}
  .mobile-links.open>li>.mobile-prices{align-self:stretch}
  .site-header .site-nav>a:not(.nav-cta){display:none}
}
@media(max-width:420px){
  .mobile-menu.open,.mobile-links.open{padding-top:6.2rem!important}
  .mobile-menu.open>a,.mobile-menu.open>.mobile-prices,.mobile-links.open>li{min-height:52px}
  .mobile-menu.open>a,.mobile-links.open>li>a,.mobile-menu.open>.mobile-prices>summary,.mobile-links.open>li>.mobile-prices>summary{min-height:52px}
}
/* Shared mobile trigger for pages outside the pricing templates. */
.site-header .menu-button{display:none;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid rgba(200,255,0,.38);border-radius:3px;background:rgba(200,255,0,.06);color:#f2f5ef;cursor:pointer}
.site-header .menu-button span{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 -6px currentColor,0 6px currentColor}
.site-header+.mobile-links{display:none;list-style:none}
@media(max-width:900px){
  body.mobile-menu-open nav.site-nav{z-index:1002}
  body.mobile-menu-open .site-header{position:relative;z-index:1002}
  .site-header .menu-button{display:flex;position:relative;z-index:1004}
  .site-header .site-nav .nav-prices,.site-header .site-nav .nav-cta{display:none}
  .site-header+.mobile-links.open{display:flex!important}
  nav#mainNav .nav-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  nav#mainNav .nav-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
  nav#mainNav .nav-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(min-width:901px){.mobile-links{display:none!important}}
@media(max-width:900px){
  .mobile-links.open>li>a,
  .mobile-links.open>li>.mobile-prices>summary,
  .mobile-menu.open>a,
  .mobile-menu.open>.mobile-prices>summary{text-transform:none!important}
}
.site-header nav.site-nav{min-height:0;padding:0!important;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:900px){
  body.mobile-menu-open nav#mainNav .nav-hamburger span{transition:none!important}
  body.mobile-menu-open nav#mainNav .nav-hamburger span:first-child{transform:translateY(7px) rotate(45deg)!important}
  body.mobile-menu-open nav#mainNav .nav-hamburger span:nth-child(2){opacity:0!important}
  body.mobile-menu-open nav#mainNav .nav-hamburger span:last-child{transform:translateY(-7px) rotate(-45deg)!important}
}
/* Services dropdown follows the same navigation pattern as prices. */
.nav-links .nav-services,.site-nav .nav-services{position:relative;list-style:none;flex:0 0 auto}
.nav-services summary{display:inline-flex;align-items:center;gap:.45rem;list-style:none;cursor:pointer;font-family:var(--font-mono,var(--mono,"DM Mono",monospace));font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text,#e8e8f0);white-space:nowrap;transition:color .2s}
.nav-services summary::-webkit-details-marker,.mobile-services summary::-webkit-details-marker{display:none}
.nav-services summary::after,.mobile-services summary::after{content:"⌄";font-family:Arial,sans-serif;font-size:1rem;line-height:1;transition:transform .2s}
.nav-services[open] summary::after,.mobile-services[open] summary::after{transform:rotate(180deg)}
.nav-services summary:hover,.nav-services[open]>summary{color:var(--accent,#c8ff00)}
.nav-services summary:focus-visible,.mobile-services summary:focus-visible{outline:2px solid var(--accent,#c8ff00);outline-offset:4px;border-radius:2px}
.nav-services-menu{position:absolute;top:calc(100% + 1.15rem);left:-.65rem;z-index:300;width:min(290px,calc(100vw - 2rem));padding:.55rem;border:1px solid rgba(200,255,0,.22);border-radius:8px;background:#111117;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.nav-services-menu::before{content:"";position:absolute;left:0;right:0;top:-1.2rem;height:1.2rem}
.nav-services-menu a,.site-nav .nav-services-menu a{display:flex;align-items:center;min-height:42px;padding:.65rem .9rem;border-radius:4px;color:var(--text,#e8e8f0);font-family:var(--font-mono,var(--mono,"DM Mono",monospace));font-size:.72rem;line-height:1.35;letter-spacing:.03em;text-decoration:none;text-transform:none;white-space:normal}
.nav-services-menu a:hover,.nav-services-menu a:focus-visible{background:rgba(200,255,0,.1);color:var(--accent,#c8ff00)}
.mobile-services{color:var(--text,#e8e8f0);text-align:center}
.mobile-services summary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;list-style:none;cursor:pointer}
.mobile-services-links{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;width:min(19rem,calc(100vw - 3rem));margin:.75rem auto 0}
.mobile-menu .mobile-services-links a,.mobile-links .mobile-services-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:rgba(255,255,255,.04);color:var(--text,#e8e8f0);font-family:var(--font-mono,var(--mono,"DM Mono",monospace));font-size:.82rem!important;font-weight:400;letter-spacing:.04em;line-height:1.25;text-decoration:none;text-transform:none}
.mobile-menu .mobile-services-links a:hover,.mobile-links .mobile-services-links a:hover{border-color:var(--accent,#c8ff00);color:var(--accent,#c8ff00)}
#produktvisualisierung,#film-animation{scroll-margin-top:6rem}
@media(max-width:900px){
  .mobile-menu.open>.mobile-services{box-sizing:border-box;display:flex!important;align-items:center;flex:none;width:100%!important;min-height:58px;margin:0!important;border-bottom:1px solid rgba(255,255,255,.13);text-align:left!important}
  .mobile-menu.open>.mobile-services>summary,.mobile-links.open>li>.mobile-services>summary{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;color:#f2f5ef;font:700 clamp(1.32rem,5.2vw,1.8rem)/1.15 Syne,sans-serif!important;letter-spacing:-.035em;text-align:left!important;text-transform:none!important}
  .mobile-menu.open .mobile-services,.mobile-links.open .mobile-services{display:block!important;text-align:left;width:100%}
  .mobile-menu.open .mobile-services>summary::after,.mobile-links.open .mobile-services>summary::after{font-size:1.5rem;color:#c8ff00}
  .mobile-menu.open .mobile-services-links,.mobile-links.open .mobile-services-links{width:100%;max-width:none;margin:0 0 .7rem;padding:0 0 0 1rem;gap:0;border-left:1px solid #c8ff00}
  .mobile-menu.open .mobile-services-links a,.mobile-links.open .mobile-services-links a{min-height:46px;justify-content:flex-start!important;padding:.6rem .75rem;border:0;border-radius:0;background:none;color:#bbc2ba;font-size:.73rem!important}
  .mobile-links.open>li>.mobile-services{align-self:stretch}
  .site-header .site-nav .nav-services{display:none}
}
@media(max-width:420px){.mobile-menu.open>.mobile-services,.mobile-menu.open>.mobile-services>summary,.mobile-links.open>li>.mobile-services>summary{min-height:52px}}
@media(prefers-reduced-motion:reduce){.nav-services summary::after,.mobile-services summary::after{transition:none}}