/* Ersetzt vendor/animate/animate.min.css (58.129 Bytes).
 *
 * Von den 83 Animationsklassen dort wurde genau eine gebraucht: fadeIn, auf
 * fuenf Elementen. Die 46 uebrigen Einblendungen laufen ueber
 * data-appear-animation="fadeInUpShorter" — das ist eine Animation des Themes
 * und steht in theme-elements.css, nicht in animate.css.
 *
 * Vor dem Kuerzen geprueft (09.09.2026): Ein Suchlauf ueber alle HTML-Seiten,
 * js/*.js, custom.css und theme-elements.css meldete zunaechst sechs Treffer.
 * Fuenf davon waren Fehlalarme und sind hier festgehalten, damit sie niemand
 * erneut pruefen muss:
 *   fast      — Fliesstext auf leistungen-keratokonus.html ("fast jeder")
 *   bounce    — .bounce-loader und .bounce3, eigene Theme-Komponenten
 *   pulse     — word-rotator-pulse, eigenes Keyframe des Themes
 *   flip      — .flip-card, eigene Theme-Komponente
 *   infinite  — der CSS-Wert von animation-iteration-count
 *
 * Die prefers-reduced-motion-Regel unten ist der Grund, warum diese Datei
 * ueberhaupt bleiben muss und nicht ersatzlos entfallen kann: Sie traegt
 * !important und setzt die Dauer auf 1 ms. Die Einblenddauer in custom.css
 * steht bewusst OHNE !important, damit diese Regel gewinnt. Reihenfolge nicht
 * umdrehen.
 */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	0% { opacity: 0 }
	to { opacity: 1 }
}

@keyframes fadeIn {
	0% { opacity: 0 }
	to { opacity: 1 }
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@media (prefers-reduced-motion: reduce), (print) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
	}
}