/**
 * DFP Videoteaser
 *
 * Nur Deckkraft und eine zusätzliche Fläche — Größe und object-fit
 * kommen weiter vom vorhandenen Video-Element (bei Bricks aus
 * `#brxe-xxx video { ... }`, das auch für die Ebenen gilt).
 */

.dfp-vt-flaeche {
	position: absolute;
	inset: 0;

	/*
	 * z-index: 0 ist hier wichtig und kein Schönheitsfehler.
	 *
	 * Die Fläche bekommt damit einen eigenen Stapelkontext. Die Ebenen
	 * darin (z-index 2, 3, 4 …, damit die neue über der alten aufblendet)
	 * bleiben dadurch INNERHALB der Fläche sortiert.
	 *
	 * Ohne das würden sie im Kontext des Video-Elements landen – und dort
	 * liegt die Abdunkelung von Bricks (.bricks-video-overlay) bei
	 * z-index: 1. Die Teaser lägen also über der Abdunkelung und kämen
	 * damit eine Stufe weiter vorn heraus als das Hintergrundvideo selbst.
	 *
	 * Mit z-index: 0 liegt die ganze Fläche dort, wo das Hintergrundvideo
	 * liegt: über dem Grundvideo, unter der Abdunkelung – und damit hinter
	 * allem anderen auf der Seite.
	 */
	z-index: 0;

	/* Klicks gehören dem Coverflow und dem Overlay, nicht den Ebenen. */
	pointer-events: none;
	overflow: hidden;
}

.dfp-vt-flaeche video {
	opacity: 0;
	transition: opacity var(--dfp-vt-fade, 350ms) ease;
}

.dfp-vt-flaeche video.is-an {
	opacity: 1;
}

/* Die Grundebene blendet nicht selbst: Sie wird in dem Moment, in dem
   sie verschwindet, ohnehin von einer Ebene darüber verdeckt. */
video.dfp-vt-basis.is-aus {
	opacity: 0;
}