/**
 * HUisHU Gradient Text Styles
 * Setzt den animierten Farbverlauf um und stellt BFSG / WCAG Konformität sicher.
 * Gilt für das Frontend sowie für den Gutenberg Block Editor.
 */

.hu-gradient-text-anim {
	background-size: 300% 300%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	animation: hu-gradient-shift 8s ease infinite;
	display: inline; 
}

@keyframes hu-gradient-shift {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/**
 * Barrierefreiheit (WCAG 2.2 AA / BFSG): 
 * Deaktiviert die Animation für Nutzer, die im Betriebssystem
 * reduzierte Bewegung angefordert haben.
 */
@media (prefers-reduced-motion: reduce) {
	.hu-gradient-text-anim {
		animation: none !important;
		background-size: auto !important;
	}
}