/*
 * RICHTUNG 3: SATZSCHRIFT FÜR LANGE ÜBERSCHRIFTEN (Entscheidung des Betreibers: Variante 02)
 * Regel: Kurze Überschriften (ein bis drei Wörter: Projekte, Leistungen, Referenzen) bleiben in den
 * schweren, schmalen Versalien. Lange Überschriften (Satz oder Aufzählung) stehen in normaler
 * Groß-/Kleinschreibung, leicht, mit EINEM schweren Schlüsselwort (<b>) pro Überschrift.
 * Verwendung: <h2 class="satz">Ihr verlässlicher … in der <b>Architekturvisualisierung</b></h2>
 * Nur die Achsen Stärke und Breite der Schrift Archivo, keine Zusatzfarbe.
 */
.satz { font-stretch: 80%; font-weight: 400; text-transform: none; line-height: 1.08; letter-spacing: -.015em; text-wrap: balance; hyphens: manual; }
.satz b { font-weight: 850; }
h2.satz.h2--text { font-size: clamp(2rem, 4.2vw, 4.6rem) !important; line-height: 1.06; }
.fliess h2.satz { font-size: clamp(1.7rem, 2.8vw, 2.7rem); line-height: 1.1; margin-top: var(--s3); }
@media (max-width: 40rem) {
  /* das lange Wort „Architekturvisualisierung“ soll in einer Zeile bleiben (gemessen: passt bei 7,3 % der Breite) */
  h2.satz.h2--text { font-size: 7.3vw !important; }
  .fliess h2.satz { font-size: 6.4vw; }
}

/* der runde Trenner sitzt in Satzschrift auf Höhe der Kleinbuchstaben-Mitte (tiefer als bei Versalien) */
.fliess h2.satz .trenner { vertical-align: .2em; margin-inline: .35em .4em; }
