/* Effekt „Wasser & Figuren“ – Canvas über bzw. hinter einem Elementor-Element. */

.lf-water-host--positioned {
	position: relative;
}

.lf-water-canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.lf-water-host--front > .lf-water-canvas {
	z-index: var(--lf-water-z, 5);
}

/* Eigener Stapelkontext: Canvas liegt über dem Hintergrund, aber unter dem Inhalt. */
.lf-water-host--back {
	isolation: isolate;
}

.lf-water-host--back > .lf-water-canvas {
	z-index: -1;
}

/* Die Wasseroberfläche liegt immer hinter dem Inhalt, auch wenn die Figuren davor schwimmen. */
.lf-water-host--surface {
	isolation: isolate;
}

.lf-water-host--surface > .lf-water-canvas--surface {
	z-index: -1;
}