diff --git a/sermon-a4.css b/sermon-a4.css index 1a511d4..2ba5be5 100644 --- a/sermon-a4.css +++ b/sermon-a4.css @@ -35,15 +35,6 @@ section::after { color: #555; } -/* Nur das erste kursive Element (em) auf der ersten Seite */ -section:first-of-type em:first-of-type { - display: block; /* Sorgt dafür, dass es eine eigene Zeile ist */ - font-size: 0.8em; /* Etwas kleiner als die Standard-Schrift */ - margin-bottom: -10px; /* Rückt es näher an die H1 ran */ - color: #666; /* Optional: Etwas dezenteres Grau */ -} - - h1 { color: var(--heading-color); font-size: 1.3em; @@ -77,6 +68,26 @@ strong { color: var(--heading-color); } +/* 1. Globaler Style für Regieanweisungen (bleibt 100% groß) */ +em { + color: var(--regie-color); + font-style: italic; + font-weight: bold; + font-size: 1em; /* Stellt sicher, dass es normal groß bleibt */ +} + +/* 2. Spezial-Style NUR für das Motto auf der ersten Seite */ +/* Wir nehmen das erste 'em', das direkt auf ein 'h1' folgt */ +section:first-of-type h1 + em, +section:first-of-type p:first-of-type em:first-of-type { + display: block; + font-size: 0.8em; /* Hier wird es kleiner */ + color: #666; /* Etwas dezenter */ + margin-top: -15px; /* Zieht es näher an die Überschrift */ + margin-bottom: 20px; + font-weight: normal; /* Motto meist nicht fett, nur kursiv */ +} + blockquote { color: #555; padding: 10px 20px;