/*
 * Videos (YouTube/Vimeo-Link oder MP4) fuer [pio_video] und Video-Slides in [pio_slider].
 * Immer 16:9 und randlos in der Breite des Containers. Vorbild Adlerherzen live
 * (30.09.2026): jedes Video eine eigene Divi-Zeile, 80 % / max. 1080 px, Abstand
 * zwischen zwei Videos 54 px (Tablet/Handy 60 px).
 * Live behaelt der Complianz-Platzhalter auf dem Handy 608 px Hoehe bei 312 px
 * Breite; hier fuellt er immer die 16:9-Flaeche.
 */

.pio-videos {
	display: flex;
	flex-direction: column;
	gap: 54px;
}

.pio-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
}

.pio-video iframe,
.pio-video video,
.pio-video .cmplz-placeholder-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
	display: block;
}

@media (max-width: 980px) {
	.pio-videos {
		gap: 60px;
	}
}