/* ninetyone – Divi 5 Video Gradient Overlay
 *
 * Bei Hintergrund-Videos rendert Divi ein <video>-DOM-Element, das den
 * via "Verlauf über dem Bild platzieren" gepflegten Gradient verdeckt.
 *
 * Hintergrund: Divi setzt z-index: -1 auf das Video-Span nur in Columns
 * (".et_pb_column > .et-pb-background-video"). In Sections und Rows bleibt
 * das Video bei z-index: auto und überlagert dadurch jedes Overlay mit
 * gleichem oder niedrigerem Stack. Wir vereinheitlichen das Verhalten,
 * legen ein ::before-Pseudoelement mit dem geerbten Gradient dazwischen
 * und heben die Modul-Inhalte über das Overlay.
 */

.et-pb-has-background-video {
	position: relative;
	isolation: isolate;
}

/* Erzwinge z-index: -1 auf das Video-Span auch in Sections und Rows
 * (Divi setzt es ab Werk nur für Columns). Damit liegt das Video unter
 * dem ::before-Overlay und unter der Section-Background-Ebene. */
.et-pb-has-background-video > .et-pb-background-video {
	z-index: -1;
}

/* ::before erbt den vorhandenen Gradient + ggf. Bild aus dem
 * background-image der Section. Bewusst ohne expliziten z-index:
 * im Painting-Order liegt es so zwischen Children mit z-index < 0
 * (das Video) und positiv positionierten Children (siehe unten). */
.et-pb-has-background-video::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: inherit;
	background-size: inherit;
	background-position: inherit;
	background-repeat: inherit;
	background-attachment: inherit;
	background-blend-mode: inherit;
}

/* Modul-Inhalte über das Overlay heben. */
.et-pb-has-background-video > .et_pb_row,
.et-pb-has-background-video > .et_pb_row_inner,
.et-pb-has-background-video > .et_pb_column,
.et-pb-has-background-video > .et_pb_column_inner,
.et-pb-has-background-video > .et_pb_module {
	position: relative;
	z-index: 1;
}