/* Zwei-Klick-Lösung YouTube: sichtbarer Knopf „Video laden“ + gut lesbarer Einwilligungshinweis.
   Ergänzung zu Damirs Paket (LIVE7), Werkstatt 2026-09-29. Nur Kacheln mit data-yt, lokale Videos bleiben unberührt. */
.yt-rahmen[data-yt] .yt-buehne{padding-bottom:52px}
.yt-rahmen[data-yt] .yt-start{display:grid;place-items:center;padding:0;color:inherit;font:inherit}
.yt-knopf{display:inline-flex;align-items:center;gap:.45em;min-height:40px;padding:.5em 1.15em;border-radius:999px;background:#fff;color:#2d2440;font-weight:800;font-size:1rem;line-height:1.1;box-shadow:0 0 0 2px #ff3fa4,0 10px 24px -12px #000c;transform:translateY(46px);transition:transform .2s ease}
.yt-rahmen[data-yt]:hover .yt-knopf{transform:translateY(46px) scale(1.05)}
.yt-rahmen[data-yt] .yt-start:focus-visible{outline:none}
.yt-rahmen[data-yt] .yt-start:focus-visible .yt-knopf{outline:3px solid #ffd23f;outline-offset:3px}
.yt-rahmen[data-yt] .yt-buehne::after{left:auto;right:10px;bottom:auto;top:10px}
.yt-karte .yt-hinweis{opacity:1;font-size:.92rem;line-height:1.5;margin:.8rem 0 .6rem;max-width:62ch}
.yt-karte .yt-hinweis a{font-weight:700;text-decoration:underline}
@media (max-width:380px){.yt-rahmen[data-yt] .yt-play{transform:scale(.8)}.yt-rahmen[data-yt] .yt-buehne{padding-bottom:40px}.yt-knopf{transform:translateY(38px)}.yt-rahmen[data-yt]:hover .yt-knopf{transform:translateY(38px)}}
@media (prefers-reduced-motion:reduce){.yt-knopf{transition:none}}