/* ESA Motion – Startzustände. Greifen nur, solange html.esa-motion gesetzt ist. */

html.esa-motion .esa-reveal:not(.esa-in),
html.esa-motion .esa-text:not(.esa-in),
html.esa-motion .esa-count:not(.esa-in),
html.esa-motion .esa-stagger:not(.esa-in) > * { opacity: 0; }

html.esa-motion .esa-magnetic { display: inline-block; will-change: transform; }
html.esa-motion .esa-parallax { will-change: transform; }

.esa-word-wrap { display: inline-block; overflow: hidden; vertical-align: bottom; }
.esa-word { display: inline-block; will-change: transform; }

/* Barrierefreiheit: Bewegung reduzieren -> alles sofort sichtbar und statisch. */
@media (prefers-reduced-motion: reduce) {
	html.esa-motion .esa-reveal,
	html.esa-motion .esa-text,
	html.esa-motion .esa-count,
	html.esa-motion .esa-stagger > *,
	html.esa-motion .esa-word,
	html.esa-motion .esa-parallax,
	html.esa-motion .esa-magnetic {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
	}
}

/* Druckansicht nie animiert ausgeben. */
@media print {
	html.esa-motion [class*="esa-"] { opacity: 1 !important; transform: none !important; filter: none !important; }
}