/* VK Premium-Baustein · Bedienhilfen · Version 1 · Präfix vkb- */
.vkb-bh{position:fixed;z-index:200;top:16px;right:16px;font:14px/1.45 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:#f6efe4;-webkit-text-size-adjust:100%}
.vkb-bh *,.vkb-bh *::before,.vkb-bh *::after{box-sizing:border-box}
.vkb-bh-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:40px;border:1px solid rgba(255,255,255,.4);background:rgba(24,20,16,.88);color:#f6efe4;font:inherit;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.vkb-bh-btn:hover{background:rgba(24,20,16,.96)}
.vkb-bh-btn:focus-visible,.vkb-bh-panel :focus-visible{outline:3px solid #ffd79a;outline-offset:2px}
.vkb-bh-btn svg{width:20px;height:20px;flex:none}
.vkb-bh-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 90px);max-height:calc(100svh - 90px);overflow:auto;padding:18px 18px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.28);background:#17130f;color:#f6efe4;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.vkb-bh-panel[hidden]{display:none}
.vkb-bh-panel h2{margin:0 0 4px;font:600 18px/1.2 inherit}
.vkb-bh-panel p.vkb-bh-note{margin:0 0 14px;color:#cfc5b4;font-size:12.5px}
.vkb-bh-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 0;border-top:1px solid rgba(255,255,255,.14)}
.vkb-bh-row label{flex:1;cursor:pointer}
.vkb-bh-row small{display:block;color:#bdb3a2;font-size:12px;line-height:1.3}
.vkb-bh-row input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:46px;height:26px;margin:0;border-radius:99px;background:#5a5247;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:background .2s}
.vkb-bh-row input[type=checkbox]::after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.vkb-bh-row input[type=checkbox]:checked{background:#e0ac72}
.vkb-bh-row input[type=checkbox]:checked::after{transform:translateX(20px);background:#17130f}
.vkb-bh-size{display:inline-flex;gap:6px}
.vkb-bh-size button{min-width:44px;min-height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.vkb-bh-size button[aria-pressed="true"]{background:#e0ac72;color:#17130f;border-color:#e0ac72}
.vkb-bh-reset{margin-top:10px;width:100%;min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer}
@media(prefers-reduced-motion:reduce){.vkb-bh-row input[type=checkbox],.vkb-bh-row input[type=checkbox]::after{transition:none}}
/* Wirkung auf die Seite */
html.vkb-calm *,html.vkb-calm *::before,html.vkb-calm *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html.vkb-spacing body{line-height:1.9!important;letter-spacing:.03em;word-spacing:.08em}
html.vkb-spacing p,html.vkb-spacing li{line-height:1.9!important;letter-spacing:.03em;word-spacing:.08em}
html.vkb-links a:not(.vkb-bh-btn){text-decoration:underline!important;text-underline-offset:.18em;text-decoration-thickness:2px!important}
html.vkb-read body,html.vkb-read body *:not(svg):not(svg *){font-family:Verdana,Tahoma,"Segoe UI",Helvetica,Arial,sans-serif!important}
html.vkb-zoom-1 main{zoom:1.12}
html.vkb-zoom-2 main{zoom:1.26}

.vkb-bh.vkb-bh-unten-rechts{top:auto;bottom:16px;right:16px}.vkb-bh.vkb-bh-unten-rechts .vkb-bh-panel{top:auto;bottom:calc(100% + 10px)}
.vkb-bh.vkb-bh-unten-links{top:auto;bottom:16px;right:auto;left:16px}.vkb-bh.vkb-bh-unten-links .vkb-bh-panel{top:auto;bottom:calc(100% + 10px);right:auto;left:0}

/* Isolation gegen Seiten-CSS (z. B. label-Regeln der Seite) */
.vkb-bh .vkb-bh-row label{display:block!important;color:#f6efe4!important;font-size:14px!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important;margin:0!important;line-height:1.45!important;font-family:inherit!important}
.vkb-bh .vkb-bh-row label small{display:block!important;color:#bdb3a2!important;font-size:12px!important;letter-spacing:normal!important;text-transform:none!important;font-weight:400!important}
.vkb-bh .vkb-bh-panel h2{color:#f6efe4!important;font-size:18px!important;letter-spacing:normal!important;text-transform:none!important;font-weight:600!important;margin:0 0 4px!important;font-family:inherit!important}
.vkb-bh .vkb-bh-panel p.vkb-bh-note{color:#cfc5b4!important;font-size:12.5px!important;letter-spacing:normal!important;text-transform:none!important;margin:0 0 14px!important}
.vkb-bh button{font-family:inherit!important;letter-spacing:normal!important;text-transform:none!important}
/* Narrow viewports: retain the full VK navigation; do not cover its links. */
@media(max-width:600px){.vkb-bh.vkb-bh-oben-rechts{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.vkb-bh.vkb-bh-oben-rechts .vkb-bh-panel{top:auto;bottom:calc(100% + 10px)}}