/*
 * Typografie für lange Texte: Fallberichte, Impressum, Datenschutz, Beiträge.
 * Nur auf Einzelseiten geladen. Die Regeln hängen an der Vorlage (.klw-lesetext),
 * nicht an Klassen im Inhalt: Jede h2 ist ein Kapitel, jede h3 im Abschnitt
 * „Kurz gefragt“ eine Frage. Schriften und Farben aus theme.json.
 */

/* Lesegröße: lange Texte etwas größer als auf der Startseite, Zeile höchstens 66 Zeichen */
.klw-lesetext p { font-size: 18px; line-height: 1.6; text-wrap: pretty; }
.klw-lesetext p:not(.is-style-anriss):not(.klwa-fakt-titel):not(.klwa-fakt-text) { max-width: 66ch; }
.klw-lesetext .is-style-anriss { font-size: var(--wp--preset--font-size--large); line-height: 1.45; max-width: 52ch; }

/* Absätze im Fluss: eine gute halbe Zeile Abstand, nicht der Abstand zwischen Blöcken.
   Nach einem Zwischentitel folgt der Text dicht, damit Titel und Text zusammengehören. */
.klw-lesetext p + p { margin-top: .9em; }
.klw-lesetext :is(h2, h3) + * { margin-top: 14px; }

/* Kapitel: schmale Versalien wie auf der Startseite, aber in Zwischentitelgröße */
.klw-lesetext h2 {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1;
	max-width: 20em; /* etwa so breit wie der Text darunter */
	margin-top: var(--wp--preset--spacing--60);
	margin-bottom: 14px;
	text-wrap: balance;
}
.klw-lesetext .wp-block-column > h2:first-child,
.klw-lesetext .wp-block-post-content > h2:first-child { margin-top: 0; }

/* Kurz gefragt: Frage in normaler Breite und größer als ihre Antwort (Befund 12.09.2026) */
.klw-lesetext .klw-fragen {
	margin-top: var(--wp--preset--spacing--60);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--hell);
}
.klw-lesetext .klw-fragen h3 {
	font-family: var(--wp--preset--font-family--archivo);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.25;
	text-transform: none;
	letter-spacing: 0;
	max-width: 44ch;
	margin: var(--wp--preset--spacing--40) 0 8px;
}
.klw-lesetext .klw-fragen h3:first-child { margin-top: 0; }
.klw-lesetext .klw-fragen p { font-size: 17px; color: var(--wp--preset--color--nebentext); }

/* Kundenstimme: rote Linie links statt Anführungszeichen-Grafik */
.klw-stimme {
	margin-top: var(--wp--preset--spacing--50);
	padding-left: 26px;
	border-left: 2px solid var(--wp--preset--color--rot);
}
.klw-stimme-text { font-size: var(--wp--preset--font-size--large) !important; line-height: 1.45; max-width: 34ch; }
.klw-stimme-quelle { margin-top: 12px !important; color: var(--wp--preset--color--nebentext); }

/* Zwei Belege nebeneinander, unter 600 px untereinander */
.klw-paar { margin-block: var(--wp--preset--spacing--50); }
.klw-paar-bilder { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--40); align-items: start; }
.klw-paar-bilder figure { margin: 0; }
.klw-paar-bilder img { width: 100%; height: auto; display: block; }
.klw-paar-zeile { margin-top: 14px !important; }
@media (max-width: 600px) { .klw-paar-bilder { grid-template-columns: 1fr; gap: 18px; } }

/* Nebentext im Bericht */
.klw-lesetext .klw-klein { font-size: 15px; color: var(--wp--preset--color--nebentext); }

/* Kopf: Titel ausgewogen umbrechen */
.klw-fall-kopf .wp-block-post-title { text-wrap: balance; }