/* --- Halbsatz -----------------------------------------------------------
   Die zweite Haelfte der H2 traegt Lora kursiv in Türkis. Signaturmerkmal
   (DESIGN.md 1.1), im Markup ein <em> innerhalb der Überschrift.

   .epi-fenster__cta-text traegt dieselbe Stimme wie eine H2 (siehe Fenster-
   Abschnitt weiter unten) und bekommt den Halbsatz deshalb hier mit dazu,
   statt Kursiv/Farbe/Blockumbruch dort zu wiederholen. */

:is(h1, h2) .epi-halbsatz,
:is(h1, h2) em,
.epi-fenster__cta-text em {
    font-style: italic;
    color: var(--color-accent-dark-wcag);
}

/* Eigene Zeile: der Halbsatz ist die zweite Haelfte der Aussage, nicht ein
   kursives Wort im Satz. Ausserdem haelt der Umbruch die Ueberschrift der
   ersten Sektion von der ueberhaengenden Hero-Bildflaeche frei. */
h2 .epi-halbsatz,
h2 em,
.epi-fenster__cta-text em {
    display: block;
}

/* Die zweite Lage des Halbsatzes (DESIGN.md §1.1): steht die Kursive im Satz
   statt am Ende, hebt sie den Gegenstand hervor und laeuft in der Zeile mit.
   Der Blockumbruch entfaellt, er wuerde die Zeile in drei Teile zerlegen. */
h2 em.epi-hervorhebung {
    display: inline;
}