/* Sprachspezifische Typografie-Anpassungen (immer geladen, nach main.css).
   Ziel: Die Hero-Headline sieht in allen Sprachen korrekt aus – längere
   Sprachen (Türkisch, Ukrainisch, Russisch, Arabisch) dürfen umbrechen und
   erhalten eine etwas kleinere Schrift, damit nichts über die Spalte
   hinausläuft. Das deutsche Original bleibt unverändert. */

/* Generell: lange Wörter/Phrasen umbrechen statt überlaufen. */
.hero-section h1 { overflow-wrap: break-word; hyphens: auto; }
.hero-left { min-width: 0; }

/* Der „nicht umbrechen"-Trick in main.css ist auf die kurze deutsche erste
   Zeile zugeschnitten. Für alle anderen Sprachen Umbruch wieder erlauben,
   damit lange erste Zeilen (z. B. TR/UK) nicht über die Spalte hinauslaufen. */
@media (min-width: 961px) {
    html:not([lang="de"]) .hero-section h1 .hero-title-line { white-space: normal; }
}

/* Längere Sprachen: Hero-Schrift etwas kleiner skalieren. */
html[lang="tr"] .hero-section h1,
html[lang="uk"] .hero-section h1,
html[lang="ru"] .hero-section h1 {
    font-size: clamp(1.85rem, 3.1vw, 3rem);
}
html[lang="ar"] .hero-section h1 {
    font-size: clamp(2rem, 3.4vw, 3.2rem);
}

/* Lead-Absatz: in längeren Sprachen etwas mehr Breite zulassen, damit er
   nicht unnötig schmal/hoch wird. */
html[lang="tr"] .hero-section p.lead,
html[lang="uk"] .hero-section p.lead,
html[lang="ru"] .hero-section p.lead { max-width: 520px; }