.reel{flex-direction:column;gap:10px;margin:0;display:flex}.reel video{aspect-ratio:9/16;object-fit:cover;background:var(--text);border-radius:16px;width:100%;box-shadow:0 12px 28px #40404024}.reel figcaption{color:var(--text);text-align:center;font-size:14px;font-weight:500}.reel-video{position:relative}.reel-bewerben{opacity:0;white-space:nowrap;background:var(--rot);color:var(--weiss);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s,background .18s;position:absolute;top:14px;left:50%;transform:translate(-50%,-6px);box-shadow:0 6px 16px #00000040}.reel-video:hover .reel-bewerben,.reel-bewerben:focus-visible{opacity:1;transform:translate(-50%)}.reel-bewerben:hover{background:var(--blau)}@media (hover:none){.reel-bewerben{opacity:1;transform:translate(-50%)}}.reel-start{cursor:pointer;background:0 0;border:0;border-radius:16px 16px 0 0;padding:0;position:absolute;inset:0 0 56px}.reel-start:focus-visible{outline:3px solid var(--blau);outline-offset:-3px}.reel-start:focus:not(:focus-visible){outline:none}.reel-bewerben{z-index:1}.reel-video--nach-start:not(.spielt) .reel-bewerben,.reel-video.fertig .reel-bewerben{display:none}.reel-video.ohne-leiste .reel-start{border-radius:16px;inset:0}.reel-video.ohne-leiste:not(.spielt):not(.fertig) .reel-start:after{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2828288c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='%23fff'/%3E%3C/svg%3E") 55%/30px no-repeat;border-radius:50%;width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}