/*
 * Rechtstext-Seiten (Datenschutzerklärung, Impressum) — gestalterisch an die
 * übrige Design-DNA angeglichen (2026-08-05, Auftraggeber-Vorgabe). Nur auf
 * page-datenschutz.php und page-impressum.php geladen, siehe functions.php.
 *
 * Ausschließlich Gestaltung — keine Änderung an post_content, keine neue
 * Designsprache: Eyebrow, Container-Breite (.wna-container) und
 * Fließtext-Bausteine (.wna-abschnitt__unterzeile) sind bereits bestehende,
 * an anderer Stelle genutzte Komponenten (siehe layout.css). Der einzige neue
 * Baustein ist die Abschnittstrennung per Haarlinie vor jeder H2 — dieselbe
 * Trennlinienfarbe (neutral-200), die auch Zusammenfassungs- und
 * Footer-Bausteine im Assistenten verwenden.
 */

.wna-rechtstext__intro {
	padding-block: var(--wp--preset--spacing--7) var(--wp--preset--spacing--5);
}

.wna-rechtstext__intro h1 {
	margin: 0;
	max-width: 24ch;
	/* Fester rem-Wert statt var(--wp--preset--font-size--h1): WordPress
	   erzeugt die CSS-Variable tatsächlich als "--h-1" (Bindestrich vor der
	   Ziffer), main.css referenziert bislang "--h1" ohne Bindestrich — die
	   globale H1-Regel läuft seit jeher ins Leere. Betrifft alle page.php-
	   Seiten (auch Über WNA Vision, Karriere); hier bewusst nur lokal mit
	   demselben Muster wie Leistungen-Übersicht/Kontakt umgangen, statt die
	   globale Regel zu ändern und damit unautorisiert andere, bereits
	   freigegebene Seiten zu verändern. Wert entspricht dem eigentlich
	   vorgesehenen H1-Token (3rem, siehe theme.json).
	*/
	font-size: clamp( 2.1rem, 5vw, 3rem );
}

.wna-rechtstext {
	padding-block-end: var(--wp--preset--spacing--9);
}

.wna-rechtstext__inhalt p,
.wna-rechtstext__inhalt li {
	line-height: 1.75;
	max-width: 68ch;
}

.wna-rechtstext__inhalt address {
	font-style: normal;
	line-height: 1.75;
}

.wna-rechtstext__inhalt ul {
	margin: 0 0 var(--wp--preset--spacing--4);
	padding-left: 1.3rem;
}

.wna-rechtstext__inhalt li {
	margin-bottom: var(--wp--preset--spacing--2);
}

.wna-rechtstext__inhalt h2 {
	/* Fester rem-Wert statt var(--wp--preset--font-size--h2) — dieselbe
	   fehlende Bindestrich-Variable wie beim H1 oben, hier ebenso lokal
	   umgangen. Wert entspricht dem eigentlich vorgesehenen H2-Token (2,25rem). */
	font-size: 2.25rem;
	margin: var(--wp--preset--spacing--8) 0 var(--wp--preset--spacing--4);
	padding-top: var(--wp--preset--spacing--6);
	border-top: 1px solid var(--wp--preset--color--neutral-200);
}

.wna-rechtstext__inhalt > *:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

@media ( min-width: 600px ) {
	.wna-rechtstext__inhalt h2 {
		margin-top: var(--wp--preset--spacing--9);
	}
}