.reels{padding-block:var(--abstand-abschnitt);background:var(--c-weiss)}.reels__kopf{display:grid;justify-items:center;gap:12px;margin-block-end:40px;text-align:center}.reels__text{max-width:440px;font-size:16px;line-height:22px;color:var(--c-grau)}.reel{position:relative;width:236px;margin:0;content-visibility:auto;contain-intrinsic-size:auto 236px auto 420px}.reel .film-video{position:relative;display:block;aspect-ratio:9 / 16;border-radius:var(--r-xl)}.reel .film-video video,.reel .film-video__bild{border-radius:inherit}:is(.reel,.einsatz) .film-video{background:var(--c-hell)}:is(.reel,.einsatz) .film-video.bild-fehlt .film-video__bild{opacity:0}:is(.reel,.einsatz) .film-video.bild-fehlt.im-bild:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);animation:reel-schimmer 1.4s linear infinite}:is(.reel,.einsatz) .film-video.holt:after{content:"";position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:50%;width:28px;height:28px;margin:-14px;border:2px solid rgba(255,255,255,.35);border-block-start-color:var(--c-weiss);border-radius:50%;opacity:0;animation:reel-drehen .8s linear infinite,reel-ein .2s ease-out .3s forwards}@keyframes reel-schimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes reel-drehen{to{rotate:360deg}}@keyframes reel-ein{to{opacity:1}}@media(prefers-reduced-motion:reduce){:is(.reel,.einsatz) .film-video.bild-fehlt.im-bild:before{animation:none;background:none}:is(.reel,.einsatz) .film-video.holt:after{animation:reel-ein .2s ease-out .3s forwards}}.reel__name{margin-block-start:10px;font-size:15px;line-height:1.3;color:var(--c-grau)}.reels__steuerung{display:flex;align-items:center;justify-content:space-between;margin-block-start:24px;padding-inline:var(--rand)}.reels__punkte{display:flex;gap:6px}.reels__punkte span{width:6px;height:6px;border-radius:var(--r-voll);background:#0000002e;transition:background-color .2s var(--kurve)}.reels__punkte .ist-aktiv{background:var(--c-schwarz)}.reels__pfeile{display:flex;gap:12px}.reels__pfeil{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(0,0,0,.16);border-radius:var(--r-voll);transition:background-color .2s var(--kurve),opacity .2s var(--kurve)}.reels__pfeil:disabled{opacity:.35;cursor:default}.reels__pfeil[data-zurueck] .icon{transform:scaleX(-1)}[dir=rtl] .reels__pfeil[data-zurueck] .icon{transform:none}[dir=rtl] .reels__pfeil[data-weiter] .icon{transform:scaleX(-1)}@media(hover:hover)and (pointer:fine){.reels__pfeil:not(:disabled):hover{background:var(--c-hell)}}@media(min-width:1024px){.reel{width:300px;contain-intrinsic-size:auto 300px auto 533px}.reels__kopf{margin-block-end:56px}.reels__text{font-size:18px;line-height:24px}.reels__steuerung{max-width:var(--breite);margin-inline:auto;margin-block-start:32px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/reels.css.map */