/* Video Facade – Vorschaukachel statt eingebettetem Player */
.vf{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:16/9;background:#1d1d1f;overflow:hidden;line-height:0}
.vf--r9x16{aspect-ratio:9/16}.vf--r4x3{aspect-ratio:4/3}.vf--r3x4{aspect-ratio:3/4}.vf--r1x1{aspect-ratio:1/1}.vf--r21x9{aspect-ratio:21/9}.vf--r4x5{aspect-ratio:4/5}
@supports not (aspect-ratio:1/1){.vf{height:0;padding-top:56.25%}}
.vf--fill{position:absolute!important;inset:0;height:100%!important;padding:0!important;aspect-ratio:auto}
.vf__btn{all:unset;position:absolute;inset:0;display:block;cursor:pointer;box-sizing:border-box}
.vf__btn:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.vf__thumb{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease}
.vf__btn:hover .vf__thumb{transform:scale(1.03);filter:brightness(.9)}
.vf__play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(0,0,0,.55);box-shadow:0 0 0 2px rgba(255,255,255,.85) inset;transition:transform .2s ease,background .2s ease}
.vf__play::before{content:"";position:absolute;left:29px;top:23px;border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff}
.vf__btn:hover .vf__play,.vf__btn:focus-visible .vf__play{transform:scale(1.08);background:rgba(0,0,0,.8)}
.vf__note{position:absolute;left:0;right:0;bottom:0;display:block;padding:18px 12px 7px;font:12px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}
.vf__note a{color:#fff;text-decoration:underline;pointer-events:auto}
.vf__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;line-height:1.4}
.vf__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:480px){.vf__play{width:56px;height:56px;margin:-28px 0 0 -28px}.vf__play::before{left:22px;top:17px;border-width:11px 0 11px 18px}.vf__note{font-size:11px}}
@media (prefers-reduced-motion:reduce){.vf__thumb,.vf__play{transition:none}.vf__btn:hover .vf__thumb{transform:none}}
.vf__frame{z-index:2;background:#000}
.vf--blocked .vf__play{display:none}
.vf__open{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);padding:10px 16px;border-radius:999px;background:rgba(0,0,0,.75);color:#fff!important;font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-decoration:none!important;white-space:nowrap}
.vf__open:hover,.vf__open:focus-visible{background:#000}
