/* Logo-Effekt der Startseite (wie im Elementor-Original):
   Die Logo-Gruppe dreht sich nach 0,4 s in 1,8 s herein, der Claim-Ring dreht sich endlos (30 s pro Runde).
   Bewusst über die Einzel-Eigenschaften rotate/scale statt transform, damit die Zentrierung
   der Bilder (translate: -50% -50% in der Klasse yp-hero-mark) unangetastet bleibt. */
.yp-hero-logo {
	animation: yp-logo-in 1.8s cubic-bezier(.19, 1, .22, 1) .4s both;
}

.yp-hero-claim {
	animation: yp-claim-spin 30s linear infinite;
}

@keyframes yp-logo-in {
	from {
		rotate: -540deg;
		scale: .3;
		opacity: 0;
	}
}

@keyframes yp-claim-spin {
	to {
		rotate: 360deg;
	}
}

/* „Bewegung reduzieren“ im System: Logo und Ring stehen still. */
@media (prefers-reduced-motion: reduce) {
	.yp-hero-logo,
	.yp-hero-claim {
		animation: none;
	}
}