/* Sanftes Einblenden beim Scrollen. Ohne JS bleibt alles sichtbar —
   die Sichtbarkeit wird nur eingeschränkt, wenn .pe-js gesetzt ist. */

@media (prefers-reduced-motion: no-preference) {
	.pe-js [data-pe-reveal],
	.pe-js [data-pe-reveal-group] > * {
		opacity: 0;
		transition: opacity 600ms ease, transform 600ms ease;
	}

	.pe-js [data-pe-reveal='up'],
	.pe-js [data-pe-reveal-group='up'] > * { transform: translateY(24px); }

	.pe-js [data-pe-reveal='left']  { transform: translateX(-24px); }
	.pe-js [data-pe-reveal='right'] { transform: translateX(24px); }

	.pe-js .pe-reveal--in {
		opacity: 1;
		transform: none;
	}
}