/*
 * Eingangsanimation „Maske nach rechts“
 *
 * Elementor nimmt beim Eintritt ins Sichtfeld „elementor-invisible“ weg und
 * setzt stattdessen „animated mm-maske-rechts“ ans Element. Die Dauer kommt
 * aus Elementors eigener Einstellung (.animated = 1,25 s, mit
 * .animated-slow/.animated-fast 2 s bzw. 0,75 s) – hier steht deshalb nur
 * der Ablauf selbst, keine Dauer.
 *
 * Der Ablauf ist eine Maske über der vollen Fläche, die am rechten Rand
 * hängt und ihre Breite auf null zieht: Das Element kommt von links nach
 * rechts zum Vorschein. Umgesetzt als clip-path am Element selbst, nicht
 * als eingefärbtes Pseudo-Element – so muss die Animation keine
 * Hintergrundfarbe kennen und läuft über jedem Untergrund. Der Preis:
 * Was über den Elementrand hinausragt (Schlagschatten, ein absolut
 * gesetztes Overlay), ist während des Laufs mit abgeschnitten.
 *
 * Kein animation-fill-mode: Elementor setzt keinen, und es braucht auch
 * keinen. Nach dem letzten Bild fällt das Element auf „kein clip-path“
 * zurück – das ist genau das Endbild. Der Startzustand steht deshalb
 * bewusst NICHT zusätzlich am Element: Bis die Animation läuft, hält
 * Elementor es über „elementor-invisible“ unsichtbar, auch über eine
 * eingestellte Verzögerung hinweg (die Klassen kommen erst danach).
 *
 * „Bewegung reduzieren“ ist abgedeckt: Elementors frontend.css schaltet
 * unter prefers-reduced-motion alles unter .animated per
 * „animation: none !important“ ab, das Element steht dann sofort da.
 */
@keyframes mm-maske-rechts {
	from {
		clip-path: inset(0 100% 0 0);
	}

	to {
		clip-path: inset(0 0 0 0);
	}
}

.mm-maske-rechts {
	animation-name: mm-maske-rechts;

	/* Weich an- und auslaufen; ohne Angabe stünde hier Elementors „ease“. */
	animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}