/* ── Play-Overlay für Masonry / Galerie / Bild-Links ────────────
   Ans Ende der gdpr-video.css anhängen.
   Nutzt dieselben SVG-Icons wie die regulären Video-Play-Buttons.
──────────────────────────────────────────────────────────────── */

/* Anker-Element braucht einen Stacking-Context */
.dvc-has-play-overlay {
    position: relative;
}

/* Der Overlay-Button – zentriert, nicht klickbar (Klick geht durch zum <a>) */
.dvc-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    pointer-events: none;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    opacity: .9;
    transition: opacity .2s ease, transform .2s ease;
}

.dvc-has-play-overlay:hover .dvc-play-overlay {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}

/* YouTube – roter Play-Button (identisch mit [data-gdpr-service="youtube"] .avia_playpause_icon) */
.dvc-play-overlay--youtube {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDY4IDQ4Ij48cGF0aCBkPSJNNjYuNTIsNy43NGMtMC43OC0yLjkzLTIuNDktNS40MS01LjQyLTYuMTlDNTUuNzksMC4xMywzNCwwLDM0LDBTMTIuMjEsMC4xMyw2LjksMS41NUMzLjk3LDIuMzMsMi4yNyw0LjgxLDEuNDgsNy43NEMwLjA2LDEzLjA1LDAsMjQsMCwyNHMwLjA2LDEwLjk1LDEuNDgsMTYuMjZjMC43OCwyLjkzLDIuNDksNS40MSw1LjQyLDYuMTlDMTIuMjEsNDcuODcsMzQsNDgsMzQsNDhzMjEuNzktMC4xMywyNy4xLTEuNTVjMi45My0wLjc4LDQuNjQtMy4yNiw1LjQyLTYuMTlDNjcuOTQsMzQuOTUsNjgsMjQsNjgsMjRTNjcuOTQsMTMuMDUsNjYuNTIsNy43NHoiIGZpbGw9IiNmMDAiLz48cGF0aCBkPSJNIDQ1LDI0IDI3LDE0IDI3LDM0IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}

/* Vimeo – blauer Play-Button (identisch mit hover-State in gdpr-video.css) */
.dvc-play-overlay--vimeo {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjggNDgiPjxwYXRoIGQ9Ik02Myw0OEg1Yy0yLjgsMC01LTIuMi01LTVWNWMwLTIuOCwyLjItNSw1LTVoNThjMi44LDAsNSwyLjIsNSw1djM4QzY4LDQ1LjgsNjUuOCw0OCw2Myw0OHoiIGZpbGw9IiMzMEFFRUIiLz48cGF0aCBkPSJNNDUsMjRMMjcsMTR2MjAiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}

/* ARD Mediathek – dunkelblauer Play-Button */
.dvc-play-overlay--ard {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjggNDgiPjxwYXRoIGQ9Ik02Myw0OEg1Yy0yLjgsMC01LTIuMi01LTVWNWMwLTIuOCwyLjItNSw1LTVoNThjMi44LDAsNSwyLjIsNSw1djM4QzY4LDQ1LjgsNjUuOCw0OCw2Myw0OHoiIGZpbGw9IiMwMDNkNmUiLz48cGF0aCBkPSJNNDUsMjRMMjcsMTR2MjAiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}

/* ARD – Modal-Icon (gleiche Form wie Vimeo, ARD-Dunkelblau) */
.dvc-modal__icon--ard {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjggNDgiPjxwYXRoIGQ9Ik02Myw0OEg1Yy0yLjgsMC01LTIuMi01LTVWNWMwLTIuOCwyLjItNSw1LTVoNThjMi44LDAsNSwyLjIsNSw1djM4QzY4LDQ1LjgsNjUuOCw0OCw2Myw0OHoiIGZpbGw9IiMwMDNkNmUiLz48cGF0aCBkPSJNNDUsMjRMMjcsMTR2MjAiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}

/* ARD – Play-Button im Video-Element (wie avia_playpause_icon) */
[data-gdpr-service="ard"] .avia_playpause_icon,
[data-gdpr-service="ard"]:hover .avia_playpause_icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjggNDgiPjxwYXRoIGQ9Ik02Myw0OEg1Yy0yLjgsMC01LTIuMi01LTVWNWMwLTIuOCwyLjItNSw1LTVoNThjMi44LDAsNSwyLjIsNSw1djM4QzY4LDQ1LjgsNjUuOCw0OCw2Myw0OHoiIGZpbGw9IiMwMDNkNmUiLz48cGF0aCBkPSJNNDUsMjRMMjcsMTR2MjAiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
}