.bfy-video{position:relative;width:100%;height:100%;background:#000;border-radius:1rem;overflow:hidden;color:#fff;font-family:var(--bfy-font-body,Inter,system-ui,sans-serif);outline:none;-webkit-tap-highlight-color:transparent}.bfy-video:focus-visible{box-shadow:0 0 0 3px #cf0}.bfy-video *,.bfy-video *:before,.bfy-video *:after{box-sizing:border-box}.bfy-video__film{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.bfy-video.is-ruhig,.bfy-video.is-ruhig .bfy-video__film{cursor:none}.bfy-video svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}.bfy-video .bfy-video__ico-pause,.bfy-video .bfy-video__ico-stumm,.bfy-video .bfy-video__ico-klein,.bfy-video.is-spielt .bfy-video__ico-play{display:none}.bfy-video.is-spielt .bfy-video__ico-pause{display:block}.bfy-video.is-stumm .bfy-video__ico-ton{display:none}.bfy-video.is-stumm .bfy-video__ico-stumm{display:block}.bfy-video.is-vollbild .bfy-video__ico-gross{display:none}.bfy-video.is-vollbild .bfy-video__ico-klein{display:block}.bfy-video.is-vollbild{border-radius:0}.bfy-video__mitte{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s ease}.bfy-video.is-spielt.is-ruhig .bfy-video__mitte{opacity:0}.bfy-video__gross{pointer-events:auto;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.bfy-video__gross:hover{background:#ffffff4d}.bfy-video__gross:focus-visible{outline:2px solid #CCFF00;outline-offset:3px}.bfy-video__gross svg{width:1.5rem;height:1.5rem}.bfy-video__gross .bfy-video__ico-play{margin-left:.25rem}.bfy-video__leiste{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4) 50%,transparent);transition:opacity .3s ease;pointer-events:none}.bfy-video.is-ruhig .bfy-video__leiste{opacity:0}.bfy-video__innen{padding:1rem;display:grid;gap:.75rem;pointer-events:auto}.bfy-video.is-ruhig .bfy-video__innen{pointer-events:none}.bfy-video__zeitzeile{display:flex;align-items:center;gap:.5rem}.bfy-video__zeit{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-variant-numeric:tabular-nums;min-width:2.5rem}.bfy-video__zeit[data-dauer]{text-align:right}.bfy-video__knoepfe{display:flex;align-items:center;justify-content:space-between}.bfy-video__gruppe{display:flex;align-items:center;gap:.5rem}.bfy-video__knopf{padding:.5rem;border:0;border-radius:.375rem;background:transparent;color:#fff;cursor:pointer;transition:background-color .2s ease}.bfy-video__knopf:hover{background:#fff3}.bfy-video__knopf:focus-visible{outline:2px solid #CCFF00;outline-offset:1px}.bfy-video__regler{--wert:0%;-webkit-appearance:none;appearance:none;width:100%;height:.25rem;margin:0;border-radius:999px;cursor:pointer;background:linear-gradient(to right,#fff 0,#fff var(--wert),rgba(255,255,255,.3) var(--wert),rgba(255,255,255,.3) 100%)}.bfy-video__regler:focus-visible{outline:2px solid #CCFF00;outline-offset:4px}.bfy-video__regler::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.75rem;height:.75rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;cursor:pointer;transition:transform .2s ease}.bfy-video__regler::-moz-range-thumb{width:.75rem;height:.75rem;border:0;border-radius:50%;background:#fff;cursor:pointer}.bfy-video__fortschritt:hover::-webkit-slider-thumb{transform:scale(1.25)}.bfy-video__zeitzeile .bfy-video__fortschritt{flex:1}.bfy-video__laut{display:flex;align-items:center;gap:.5rem}.bfy-video__laut-regler{width:0;overflow:hidden;transition:width .2s ease}.bfy-video__laut:hover .bfy-video__laut-regler,.bfy-video__laut:focus-within .bfy-video__laut-regler{width:5rem}.bfy-video__laut-regler .bfy-video__regler::-webkit-slider-thumb{width:.5rem;height:.5rem}@media(hover:none){.bfy-video__laut-regler{display:none}}@media(prefers-reduced-motion:reduce){.bfy-video__mitte,.bfy-video__leiste,.bfy-video__laut-regler,.bfy-video__knopf,.bfy-video__gross{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bfy-video.css.map */