/* Typografische Akzente – 2026-07-15
   Wiederverwendbare Klasse für einzelne betonte Wörter im Fließtext, analog zu
   wibify.agency (dort: Instrument Serif kursiv + Akzentfarbe statt Fett-/
   Kursivdruck). Wird manuell um einzelne Wörter gelegt, siehe Beispiel unten -
   es gibt dafür (bewusst) keinen Button im Fusion-Builder-Editor, das ist
   normale Absicht dieser Technik (siehe Erläuterung an Dr. Gellner).

   Verwendung im Editor: <span class="drg-accent-serif">Wort</span>
   um das gewünschte Wort/die gewünschte Wortgruppe legen. */
/* 2026-07-15, Font-Tausch: DM Serif Display durch Fraunces ersetzt. Grund:
   DM Serif Display wirkte trotz font-weight:400 optisch fett-kursiv (hoher
   Strichkontrast, typisch für Didone-Display-Serifen) und ließ umbrechende
   Zeilen wie einen Absatzumbruch aussehen (deutlich größere x-Höhe/Ober-
   Unterlängen als Inter bei gleicher font-size) - auch mit Größenkorrektur
   (0.8em) nicht zufriedenstellend lösbar, wirkte dann eher "tiefgestellt".
   Fraunces Light Italic (Gewicht 300) passt in der Grundanmutung viel besser
   zu Inter, verifiziert per Vergleichstest gegen mehrere Alternativen
   (Playfair Display u.a.).

   2026-07-15, Nachjustierung (zwei Rückmeldungen nach Live-Test):
   1) Kleinbuchstaben (x-Höhe) wirkten bei 1em ca. 10% kleiner als bei Inter -
      sollten als Hervorhebung eher gleich groß oder etwas größer wirken statt
      unterbetont. font-size auf 1.15em angehoben (per Vergleichstest
      gegengeprüft: passt x-Höhe gut zu "die" & Co., ohne zu dominant zu
      wirken).
   2) Größere font-size allein hätte den Zeilenabstand beim Umbruch erneut
      aufgebläht: line-height:1.4 ist als reiner Verhältniswert vererbt und
      bezieht sich auf die JEWEILS EIGENE font-size des Elements - ein Wort mit
      größerer font-size als der Rest der Zeile bekommt dadurch automatisch
      eine größere absolute Zeilenhöhe als seine Nachbarn, das erzeugt genau
      den gemeldeten "Absatz"-Effekt. line-height:1 fixiert es aufs 1-fache
      der EIGENEN (größeren) font-size - deutlich knapper, wirkt im
      Vergleichstest wie ein normaler Zeilenumbruch statt wie ein
      Absatzabsatz. */
.drg-accent-serif {
	font-family: "Fraunces", serif;
	font-style: italic;
	font-weight: 300;
	font-synthesis: none; /* nur ein Schnitt eingebunden, kein synthetisches Nachfetten/Kursivieren */
	color: #FF6D00; /* gleiches Orange wie die Font-Awesome-Icons (iconcolor) */
	font-size: 1.15em;
	line-height: 1;
}
