/* Zwei-Klick-Lösung für YouTube: Vorschau nimmt genau den Platz des Players ein (16:9-Rahmen des Blocks) */
.mia-yt { position: absolute; inset: 0; overflow: hidden; background: #000; }
.mia-yt-thumb { width: 100%; height: 100%; object-fit: cover; display: block; }
.mia-yt-play {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  padding: 0; border: 0; background: transparent; cursor: pointer; line-height: 0;
}
.mia-yt-play svg { width: 68px; height: 48px; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .4)); }
.mia-yt-play:hover path:first-child, .mia-yt-play:focus-visible path:first-child { fill: #c00; }
.mia-yt-play:focus-visible { outline: 3px solid #fff; outline-offset: 4px; border-radius: 12px; }
.mia-yt-note {
  position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 6px 12px;
  background: rgba(0, 0, 0, .65); color: #fff; font-size: 13px; line-height: 1.4;
}
.mia-yt-note a { color: #fff; text-decoration: underline; }
@media (max-width: 575px) { .mia-yt-note { font-size: 11px; padding: 4px 8px; } }