/* Rev10 intro Fassung 5. Kept separate from the shared homepage stylesheet. */
.igf-startseite .buehne__welt { transform-origin: 57.9% 53%; }

@keyframes igf-intro-kamera {
	0% {
		transform: translate(0, -5.5%) scale(0.49) rotate(-30deg);
		animation-timing-function: linear;
	}
	25% {
		transform: translate(0, -5.4%) scale(0.505) rotate(-29deg);
		animation-timing-function: cubic-bezier(0.65, 0, 0.2, 1);
	}
	100% { transform: translate(0, 0) scale(1) rotate(0deg); }
}

html[data-intro="laeuft"] .igf-startseite .intro-figur--zupfarm {
	transform-origin: 96.8% 71.3%;
}

@keyframes igf-intro-zupfarm {
	0% { opacity: 0; transform: rotate(-4deg); }
	8% { opacity: 1; transform: rotate(-4deg); }
	15% { transform: rotate(4deg); }
	30% { transform: rotate(-4deg); }
	45% { transform: rotate(4deg); }
	58% { opacity: 1; transform: rotate(-5deg); }
	82% { opacity: 0; transform: rotate(16deg); }
	100% { opacity: 0; transform: rotate(16deg); }
}

@media (prefers-reduced-motion: reduce) {
	html[data-intro="laeuft"] .igf-startseite .buehne__welt,
	html[data-intro="laeuft"] .igf-startseite .intro-ebene {
		animation: none !important;
	}
}