/* Aktuelle Viprove-Menüzeile für die statischen Anlagen-Seiten. */
header.vnav{
  --paper:#eef3fa; --card:#fff; --ink:#0a1a30; --text:#0a1a30; --muted:#5d6e85;
  --blue:#2f8fe0; --line-d:rgba(10,26,48,.12);
  --display:"Space Grotesk",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --r-panel:6px; --r-stage:12px;
  --sh-md:0 4px 16px -2px rgba(0,0,0,.06);
  position:fixed;top:0;left:0;right:0;z-index:80;
  background:var(--paper);
  border-bottom:1px solid var(--line-d);
  font-family:"Sora",system-ui,sans-serif;
}
header.vnav .vnav-in{width:100%;max-width:1380px;margin:0 auto;padding:0 34px;
  display:flex;align-items:center;gap:28px;min-height:64px;box-sizing:border-box}
header.vnav .vbrand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;color:var(--text)}
header.vnav .vbrand img{height:40px;width:auto;border-radius:0}
header.vnav .vbrand .vw{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.02em}
header.vnav .vnav-links{display:flex;align-items:center;gap:6px;margin-left:auto}
header.vnav .vnav-links>a,
header.vnav .vdd-btn{font-family:"Sora",system-ui,sans-serif;font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;padding:9px 12px;border-radius:var(--r-panel);
  background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
header.vnav .vnav-links>a:hover,
header.vnav .vdd-btn:hover{color:var(--ink);background:rgba(10,26,48,.05)}
header.vnav .vdd{position:relative}
header.vnav .vdd-btn svg{transition:transform .2s}
header.vnav .vdd:hover .vdd-btn svg,
header.vnav .vdd.open .vdd-btn svg{transform:rotate(180deg)}
header.vnav .vdd-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:330px;background:var(--card);
  border:1px solid var(--line-d);border-radius:var(--r-stage);box-shadow:var(--sh-md);padding:8px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
header.vnav .vdd:hover .vdd-menu,
header.vnav .vdd.open .vdd-menu{opacity:1;visibility:visible;transform:none}
header.vnav .vdd-menu a{display:block;padding:11px 12px;border-radius:var(--r-panel);text-decoration:none;color:var(--text)}
header.vnav .vdd-menu a:hover{background:var(--paper)}
header.vnav .vdd-menu a b{display:flex;gap:8px;align-items:center;font-family:var(--display);font-weight:500;font-size:14px}
header.vnav .vdd-menu a b .mono{font-family:var(--mono);font-size:10px;color:var(--blue)}
header.vnav .vdd-menu a small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted);margin-top:3px}
header.vnav .ripe{display:inline-flex;align-items:center;gap:5px}
header.vnav .ripe i{display:inline-block;flex:none}
header.vnav .ripe.live i{width:7px;height:7px;background:currentColor;border-radius:1px}
header.vnav .ripe.demo i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid currentColor}
header.vnav .vdd-sep{height:1px;background:var(--line-d);margin:7px 6px 3px}
header.vnav .vlang{display:flex;box-sizing:border-box;height:32px;border:1px solid #d2d9e2;border-radius:4px;overflow:hidden;flex:none}
header.vnav .vlang a{display:flex;align-items:center;justify-content:center;width:40px;height:100%;font-family:var(--mono);font-size:11px;line-height:1;letter-spacing:.08em;color:var(--muted);padding:0;text-decoration:none}
header.vnav .vlang a.on{background:var(--ink);color:#fff}
header.vnav .vburger{display:none;margin-left:auto;width:40px;height:40px;align-items:center;justify-content:center;
  border:1px solid var(--line-d);border-radius:var(--r-panel);background:none;cursor:pointer}
header.vnav .vburger svg{color:var(--ink)}
nav.vmob{display:none}
@media(max-width:900px){
  header.vnav .vnav-in{padding:0 20px}
  header.vnav .vnav-links,header.vnav .vlang{display:none}
  header.vnav .vburger{display:inline-flex}
  nav.vmob{display:block;position:fixed;left:0;right:0;top:64px;z-index:79;
    background:#fff;border-bottom:1px solid rgba(10,26,48,.12);padding:10px 20px 22px;
    font-family:"Sora",system-ui,sans-serif;
    transform:translateY(-12px);opacity:0;visibility:hidden}
  nav.vmob.open{transform:none;opacity:1;visibility:visible}
  nav.vmob a{display:block;padding:12px 6px;font-size:16px;color:#0a1a30;text-decoration:none;border-top:1px solid rgba(10,26,48,.12)}
}
@media(min-width:901px){
  nav.vmob{display:none!important}
}