.platzhalter[data-astro-cid-amx7ukxi]{position:relative;aspect-ratio:var(--verhaeltnis);width:100%;display:grid;place-items:center;overflow:hidden;border:1px solid var(--farbe-tigold);border-radius:var(--radius-m);background:var(--schraffur-grund);padding:var(--raum-4)}.platzhalter__schraffur[data-astro-cid-amx7ukxi]{position:absolute;inset:0;background-image:var(--schraffur)}.platzhalter__text[data-astro-cid-amx7ukxi]{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--raum-1);max-width:30ch;padding:var(--raum-3) var(--raum-4);text-align:center;background:var(--farbe-tipaper);border:1px solid var(--farbe-rahmen);border-radius:var(--radius-s)}.platzhalter__marke[data-astro-cid-amx7ukxi]{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--laufweite-overline);text-transform:uppercase;color:var(--farbe-tigold-dunkel)}.platzhalter__label[data-astro-cid-amx7ukxi]{font-size:var(--text-sm);font-weight:700;line-height:1.3;color:var(--farbe-tiblack)}.platzhalter__hinweis[data-astro-cid-amx7ukxi]{font-size:var(--text-xs);line-height:1.4;color:var(--farbe-text-leise)}.platzhalter--kompakt[data-astro-cid-amx7ukxi] .platzhalter__text[data-astro-cid-amx7ukxi]{padding:var(--raum-1) var(--raum-2)}.platzhalter--dunkel[data-astro-cid-amx7ukxi]{background:var(--farbe-tiblack-weich);border-color:var(--farbe-tigold-dunkel)}.platzhalter--dunkel[data-astro-cid-amx7ukxi] .platzhalter__text[data-astro-cid-amx7ukxi]{background:var(--farbe-tiblack);border-color:var(--farbe-tiblack-linie)}.platzhalter--dunkel[data-astro-cid-amx7ukxi] .platzhalter__label[data-astro-cid-amx7ukxi]{color:var(--farbe-text-invers)}.platzhalter--dunkel[data-astro-cid-amx7ukxi] .platzhalter__hinweis[data-astro-cid-amx7ukxi]{color:var(--farbe-text-invers-leise)}.platzhalter--dunkel[data-astro-cid-amx7ukxi] .platzhalter__marke[data-astro-cid-amx7ukxi]{color:var(--farbe-tigold)}.ytbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(var(--raum-4),4vw,var(--raum-10));background:#080808eb;animation:ytbox-auf var(--dauer-normal) var(--kurve)}@keyframes ytbox-auf{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ytbox{animation:none}}.ytbox__buehne{inline-size:min(100%,var(--breite-inhalt));display:flex;flex-direction:column;gap:var(--raum-3)}.ytbox__flaeche{position:relative;inline-size:min(100%,calc((70svh - 4rem) * 16 / 9));margin-inline:auto;aspect-ratio:16 / 9;border:2px solid var(--farbe-tigold);border-radius:var(--radius-l);background:var(--farbe-tiblack);overflow:hidden}.ytbox__rahmen{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0;display:block;background:var(--farbe-tiblack);pointer-events:none}.ytbox__rahmen--bedienbar{pointer-events:auto}.ytbox__deckel{position:absolute;inset:0;z-index:1;display:grid;place-items:center;border:0;padding:0;background:transparent;cursor:pointer;transition:background var(--dauer-normal) var(--kurve)}.ytbox[data-zustand=rueckfall] .ytbox__deckel{display:none}.ytbox[data-zustand=pause] .ytbox__deckel,.ytbox[data-zustand=ende] .ytbox__deckel,.ytbox[data-zustand=laedt] .ytbox__deckel{background:#0e0e0ed1}.ytbox__gross{display:grid;pointer-events:none;place-items:center;inline-size:4.5rem;block-size:4.5rem;border-radius:var(--radius-rund);background:var(--farbe-tigold);color:var(--farbe-tiblack);box-shadow:var(--schatten-gold);opacity:0;transform:scale(.9);transition:opacity var(--dauer-normal) var(--kurve),transform var(--dauer-normal) var(--kurve)}.ytbox[data-zustand=pause] .ytbox__gross,.ytbox[data-zustand=ende] .ytbox__gross{opacity:1;transform:scale(1)}.ytbox__gross svg{inline-size:2rem;block-size:2rem}@media(hover:hover)and (pointer:fine){.ytbox__deckel:hover .ytbox__gross{transform:scale(1.06)}}.ytbox__leiste{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;display:flex;align-items:center;gap:var(--raum-3);padding:var(--raum-3) var(--raum-4);background:linear-gradient(0deg,#080808e0,#08080800);color:var(--farbe-tipaper)}.ytbox__leiste[hidden]{display:none}.ytbox__leiste{transition:opacity var(--dauer-normal) var(--kurve)}.ytbox[data-zustand=laeuft][data-ruhe] .ytbox__leiste{opacity:0}.ytbox[data-ruhe]:focus-within .ytbox__leiste{opacity:1}.ytbox__knopf{flex:none;display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border:0;border-radius:var(--radius-xs);background:transparent;color:inherit;cursor:pointer;transition:color var(--dauer-normal) var(--kurve)}.ytbox__knopf:hover{color:var(--farbe-tigold)}.ytbox__zeichen{display:grid;place-items:center}.ytbox__zeichen svg{inline-size:1.5rem;block-size:1.5rem}.ytbox__spur{position:relative;flex:1;block-size:1.25rem;cursor:pointer;touch-action:none}.ytbox__spur:before{content:"";position:absolute;inset-inline:0;inset-block-start:50%;translate:0 -50%;block-size:4px;border-radius:var(--radius-xs);background:#ffffff47}.ytbox__spur-fuellung{position:absolute;inset-inline-start:0;inset-block-start:50%;translate:0 -50%;inline-size:0;block-size:4px;border-radius:var(--radius-xs);background:var(--farbe-tigold)}.ytbox__spur-griff{position:absolute;inset-block-start:50%;inset-inline-start:var(--anteil, 0%);translate:-50% -50%;inline-size:.75rem;block-size:.75rem;border-radius:var(--radius-rund);background:var(--farbe-tigold);box-shadow:var(--schatten-gold)}.ytbox__zeit{flex:none;margin:0;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--farbe-text-invers-leise)}.ytbox__titel{margin:0;text-align:center;font-family:var(--schrift-label);font-size:var(--text-sm);letter-spacing:var(--laufweite-label);text-transform:uppercase;color:var(--farbe-text-invers-leise)}.ytbox__zu{position:absolute;inset-block-start:var(--raum-4);inset-inline-end:var(--raum-4);z-index:3;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-xs);background:#0e0e0ed1;color:var(--farbe-tipaper);cursor:pointer;transition:background var(--dauer-normal) var(--kurve)}.ytbox__zu:hover{background:var(--farbe-tigold);color:var(--farbe-tiblack)}@media(max-width:620px){.ytbox{padding:var(--raum-3)}.ytbox__leiste{gap:var(--raum-2);padding:var(--raum-2) var(--raum-3)}.ytbox__zeit{display:none}.ytbox__zu{inset-block-start:var(--raum-2);inset-inline-end:var(--raum-2)}.ytbox__gross{inline-size:3.5rem;block-size:3.5rem}}html.yt-offen{overflow:clip}.yt-vorschau{position:absolute;inset:0;inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover}.ytbox .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
