/* vcontrols.css */
/* bewerbeagentur – Video-Steuerleiste (vcontrols) */
.vc{position:absolute;inset:0;z-index:3;pointer-events:none;font-family:Roboto,Arial,sans-serif}
.vc-big{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:rgba(26,26,26,.62);color:#fff;cursor:pointer;display:grid;place-items:center;pointer-events:auto;transition:opacity .25s ease,background .15s ease}
.vc-big svg{width:44px;height:44px}
.vc-big:hover{background:#ff5e00}
.vframe.vc-playing .vc-big{opacity:0;pointer-events:none}
.vc-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:28px 14px 12px;background:linear-gradient(to top,rgba(26,26,26,.82),rgba(26,26,26,0));color:#fff;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.vframe.vc-show .vc-bar,.vc-bar:focus-within{opacity:1;transform:none;pointer-events:auto}
@media (hover:hover) and (pointer:fine){.vframe:hover .vc-bar{opacity:1;transform:none;pointer-events:auto}}
.concept:not(.vc-fs) .vc-bar{bottom:calc(32% - 32px)}
.vc-btn{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s ease}
.vc-btn svg{width:22px;height:22px}
.vc-btn:hover{background:#ff5e00}
.vc-btn:focus-visible,.vc-big:focus-visible,.vc-track:focus-visible{outline:2px solid #66D9BA;outline-offset:2px}
.vc-time{flex:none;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;min-width:92px;white-space:nowrap}
.vc-track{position:relative;flex:1;min-width:60px;height:24px;cursor:pointer;touch-action:none;display:flex;align-items:center}
.vc-rail{position:relative;width:100%;height:4px;border-radius:4px;background:rgba(255,255,255,.3);transition:height .15s ease}
.vc-track:hover .vc-rail,.vc-track.is-drag .vc-rail{height:7px}
.vc-buf,.vc-fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px}
.vc-buf{background:rgba(255,255,255,.35)}
.vc-fill{background:#ff5e00}
.vc-knob{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transform:scale(0);transition:transform .15s ease}
.vc-track:hover .vc-knob,.vc-track.is-drag .vc-knob,.vc-track:focus-visible .vc-knob{transform:scale(1)}
.vc .i-pause,.vc .i-sound,.vc .i-exit{display:none}
.vframe.vc-playing .vc .i-play{display:none}
.vframe.vc-playing .vc .i-pause{display:block}
.vframe.vc-sound .vc .i-muted{display:none}
.vframe.vc-sound .vc .i-sound{display:block}
.vframe.vc-fs .vc .i-enter{display:none}
.vframe.vc-fs .vc .i-exit{display:block}
.vframe.vc-fs{background:#1a1a1a}
.vframe.vc-fs video{width:100%;height:100%;object-fit:contain}
@media (max-width:520px){.vc-time{display:none}.vc-bar{gap:4px;padding:24px 8px 8px}}
@media (prefers-reduced-motion:reduce){.vc-bar,.vc-big,.vc-rail,.vc-knob{transition:none}}