/* Einheitliche Hauptnavigation vk-studios.de (alle Seiten), Präfix .vkn · unabhängig von den Seiten-Tokens, Hell/Dunkel über html[data-theme] */
.vkn{--vkn-ink:#0b1020;--vkn-muted:#39425c;--vkn-border:rgba(46,63,124,.24);--vkn-glass:rgba(255,255,255,.66);--vkn-accent:#5b6cff;--vkn-accent2:#9b6bff;--vkn-accent-text:#4656cf;--vkn-hi:rgba(255,255,255,.7);--vkn-shadow:0 12px 40px rgba(30,40,90,.14);--vkn-panel:rgba(248,250,255,.97);
  position:sticky;top:18px;z-index:80;width:min(1120px,calc(100% - 32px));max-width:1120px;margin:18px auto 0;padding:0;font:16px/1.5 -apple-system,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--vkn-ink)}
html[data-theme="dark"] .vkn{--vkn-ink:#e9edfb;--vkn-muted:#a6b0cc;--vkn-border:rgba(255,255,255,.2);--vkn-glass:rgba(22,28,50,.68);--vkn-accent-text:#9eabff;--vkn-hi:rgba(255,255,255,.05);--vkn-shadow:0 12px 40px rgba(0,0,0,.5);--vkn-panel:rgba(18,24,50,.97)}
.vkn,.vkn *{box-sizing:border-box}
.vkn-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-radius:22px;background:var(--vkn-glass);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--vkn-border);box-shadow:var(--vkn-shadow),inset 0 1px 0 var(--vkn-hi)}
.vkn-brand{display:flex;align-items:center;flex:none;text-decoration:none;color:inherit}
.vkn-logo{display:block;height:46px;width:auto}
.vkn-links{display:flex;gap:8px;font-size:14.5px}
.vkn-links a{color:var(--vkn-muted);text-decoration:none;padding:8px 14px;border-radius:11px;white-space:nowrap;transition:background-color .25s,box-shadow .25s,color .25s}
.vkn-links a:hover{color:var(--vkn-ink)}
.vkn-links a.active,.vkn-links a[aria-current="page"]{color:var(--vkn-accent-text);background:rgba(91,108,255,.12);box-shadow:0 0 0 1px rgba(91,108,255,.35),0 6px 18px rgba(91,108,255,.22)}
.vkn-req{position:relative;flex:none}
.vkn-cta{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-weight:600;font-size:15px;line-height:1.2;font-family:inherit;border-radius:14px;padding:12px 20px;text-decoration:none;background:linear-gradient(135deg,var(--vkn-accent),var(--vkn-accent2));color:#fff;box-shadow:0 10px 24px rgba(91,108,255,.42);transition:transform .2s}
.vkn-cta:hover{transform:translateY(-1px)}
.vkn-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:90;width:min(370px,calc(100vw - 24px));padding:10px;border-radius:20px;background:var(--vkn-panel);border:1px solid var(--vkn-border);box-shadow:var(--vkn-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.vkn-panel[hidden]{display:none!important}
.vkn-panel a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--vkn-ink);text-decoration:none;font-size:14px;font-weight:650;min-height:48px}
.vkn-panel a:hover,.vkn-panel a:focus-visible{background:rgba(91,108,255,.12)}
.vkn-panel svg{width:21px;height:21px;flex:none;color:var(--vkn-accent-text);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vkn-panel .vkn-contact{display:flex;align-items:center;gap:5px;border-top:1px solid var(--vkn-border);margin-top:5px;padding-top:5px}.vkn-panel .vkn-contact a{flex:1;white-space:nowrap}
.vkn a:focus-visible,.vkn button:focus-visible{outline:3px solid var(--vkn-accent-text);outline-offset:3px}
body.request-active #themebtn{visibility:hidden}
#themebtn[data-vkn-theme]{position:fixed;right:18px;bottom:18px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid var(--vkn-theme-line,#8b93b4);background:#f5f6ff;color:#17223f;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 18px rgba(20,30,60,.22)}
#themebtn[data-vkn-theme] svg{width:20px;height:20px;grid-area:1/1}#themebtn[data-vkn-theme] .sun{display:none}
html[data-theme="dark"] #themebtn[data-vkn-theme]{background:#18203a;color:#e9edfb}
html[data-theme="dark"] #themebtn[data-vkn-theme] .moon{display:none}html[data-theme="dark"] #themebtn[data-vkn-theme] .sun{display:block}
#themebtn[data-vkn-theme]:focus-visible{outline:3px solid #7b6bdf;outline-offset:3px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.vkn-bar{background:var(--vkn-panel)}}
@media(max-width:1024px){.vkn-bar{flex-wrap:wrap;gap:10px}.vkn-links{order:3;width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vkn-links::-webkit-scrollbar{display:none}.vkn-links a{padding:11px 16px}}
@media(max-width:520px){.vkn-panel{position:fixed;left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:min(75vh,520px);overflow:auto;border-radius:24px;padding:15px;box-shadow:0 0 0 100vmax rgba(6,10,28,.38),0 24px 70px rgba(6,10,28,.32)}}
@media(prefers-reduced-motion:reduce){.vkn-links a,.vkn-cta{transition:none}.vkn-cta:hover{transform:none}}
@media print{.vkn,#themebtn[data-vkn-theme]{display:none!important}}