/* ─── Pseudo-Ueberschriften: Frontend-Optik ────────────────────────────
   Ein core/heading mit gesetztem sarPseudo wird serverseitig als <p>
   ausgespielt (SAR\Pseudo_Heading) und traegt dann diese Klassen. Die
   Regeln spiegeln die Element-Regeln fuer h1-h6 aus Neves
   style-main-new.css und nutzen DIESELBEN CSS-Variablen (per Customizer
   dynamisch auf body gesetzt). Aendert sich die Heading-Typo im
   Customizer, ziehen die Pseudo-Ueberschriften automatisch mit.
   Wichtig: hier keine festen Werte eintragen, nur die Variablen. */

.sar-pseudo-heading {
	margin: 0 0 30px;
	padding: 0;
	font-family: var(--headingsfontfamily), var(--nv-fallback-ff);
	color: var(--headingcolor, inherit);
}

.sar-pseudo-heading--h1 {
	font-size: var(--h1fontsize);
	font-weight: var(--h1fontweight);
	line-height: var(--h1lineheight);
	letter-spacing: var(--h1letterspacing);
	text-transform: var(--h1texttransform);
}

.sar-pseudo-heading--h2 {
	font-size: var(--h2fontsize);
	font-weight: var(--h2fontweight);
	line-height: var(--h2lineheight);
	letter-spacing: var(--h2letterspacing);
	text-transform: var(--h2texttransform);
}

.sar-pseudo-heading--h3 {
	font-size: var(--h3fontsize);
	font-weight: var(--h3fontweight);
	line-height: var(--h3lineheight);
	letter-spacing: var(--h3letterspacing);
	text-transform: var(--h3texttransform);
}

.sar-pseudo-heading--h4 {
	font-size: var(--h4fontsize);
	font-weight: var(--h4fontweight);
	line-height: var(--h4lineheight);
	letter-spacing: var(--h4letterspacing);
	text-transform: var(--h4texttransform);
}

.sar-pseudo-heading--h5 {
	font-size: var(--h5fontsize);
	font-weight: var(--h5fontweight);
	line-height: var(--h5lineheight);
	letter-spacing: var(--h5letterspacing);
	text-transform: var(--h5texttransform);
}

.sar-pseudo-heading--h6 {
	font-size: var(--h6fontsize);
	font-weight: var(--h6fontweight);
	line-height: var(--h6lineheight);
	letter-spacing: var(--h6letterspacing);
	text-transform: var(--h6texttransform);
}