.yt-cover img { display: block; object-fit: cover; width: 100%; }
.yt-overlay[hidden] { display: none; }
.yt-cover img {
    position: absolute;
    inset: 0;
    height: 100%;
    object-position: center;
    filter: brightness(0.92);
    transition: filter var(--dauer-4);
}
.yt-cover:hover img { 
    filter: brightness(1);
}
.yt-cover iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.yt-overlay {
    position: absolute;
    inset: 0;
    background: var(--schleier-2);
    color: var(--on-scrim);
    flex-direction: column;
    gap: var(--abstand-4);
    padding: clamp(0.75rem, 2vw, 1.5rem);
    text-align: center;
    z-index: 2;
}
.yt-overlay p {
    margin: 0;
    max-width: 56ch;
    font-size: clamp(0.85rem, 1.4vw, 1rem);
    line-height: var(--zeile-3);
}
.yt-overlay button {
    background: var(--primary);
    color: var(--on-primary);
    border: none;
    padding: var(--abstand-2) var(--abstand-4);
    border-radius: var(--radius-2);
    font-size: var(--schrift-3);
    cursor: pointer;
    font-family: inherit;
}
.yt-overlay button:hover { 
    background: var(--primary-hover, var(--accent));
}