/* AB Stack Cards */
.ab-stack-yes {
	--ab-stack-top: 100px;
	--ab-stack-offset: 0px;
}

.ab-stack-host {
	position: relative;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	overflow: visible !important;
}

.ab-stack-host > .ab-stack__card {
	position: sticky;
	top: calc(var(--ab-stack-top) + var(--ab-i, 0) * var(--ab-stack-offset));
	z-index: calc(var(--ab-i, 0) + 1);
	transform-origin: 50% 0;
	will-change: transform;
	backface-visibility: hidden;
}

/* Platzhalter für den Vollbild-Einstieg */
.ab-stack-host > .ab-stack__spacer {
	flex: none;
	width: 100%;
	pointer-events: none;
	visibility: hidden;
}

/* Nur kurz für die Messung der natürlichen Positionen */
.ab-stack-measuring > .ab-stack__card {
	position: relative !important;
	top: auto !important;
	transform: none !important;
}

/* Mobil deaktiviert */
.ab-stack-off > .ab-stack__spacer {
	display: none;
}

.ab-stack-off > .ab-stack__card {
	position: relative !important;
	top: auto !important;
	transform: none !important;
	filter: none !important;
	opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
	.ab-stack-host > .ab-stack__card {
		transform: none !important;
		filter: none !important;
	}
}
