/* ==========================================================================
   FHG Intro Text v1.0.0
   Einleitungstext mit Wort-fuer-Wort Fade-In Animation
   Font: Poppins (Body Text)
   ========================================================================== */

/* --- Container --- */

.fhg-introtext {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 36px;
	letter-spacing: -0.22px;
	color: #0D2102;
}

/* --- Individual Word Spans (generated by JS) --- */

.fhg-introtext .fhg-word {
	display: inline-block;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.fhg-introtext .fhg-word.fhg-word--visible {
	opacity: 1;
	transform: translateY(0);
}

/* Speed variants */

.fhg-introtext--slow .fhg-word {
	transition-duration: 0.8s;
}

.fhg-introtext--fast .fhg-word {
	transition-duration: 0.3s;
}

/* No-animation fallback: show all words immediately */

.fhg-introtext--no-anim .fhg-word,
.fhg-introtext--no-anim span {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

/* Elementor Editor: always visible */

.elementor-editor-active .fhg-introtext .fhg-word {
	opacity: 1;
	transform: none;
	transition: none;
}

/* --- Italic/Bold/Underline Support --- */

.fhg-introtext em,
.fhg-introtext i {
	font-style: italic;
}

.fhg-introtext strong,
.fhg-introtext b {
	font-weight: 600;
}

.fhg-introtext u,
.fhg-introtext u .fhg-word {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

/* --- Responsive --- */

@media (max-width: 1024px) {
	.fhg-introtext {
		font-size: 20px;
		line-height: 32px;
	}
}

@media (max-width: 767px) {
	.fhg-introtext {
		font-size: 18px;
		line-height: 28px;
	}
}
