/**
 * Kritisches CSS für Above-the-fold (Startseite)
 * Wird im Head ausgegeben, wenn move-css-to-footer.php aktiv ist.
 * Deckt ab: Body/Seiten-Layout, Masthead, Content-Bereich, H1/Subline, Validator-Container (LCP).
 * Quelle: HTML-Export 13.03.2026, Analyse „analyse-startseite-tool-signal.md“.
 */

/* Astra-Variablen (minimal für Layout) */
:root {
	--ast-container-default-xlg-padding: 6.67em;
	--ast-container-default-lg-padding: 5.67em;
	--ast-container-default-slg-padding: 4.34em;
	--ast-container-default-md-padding: 3.34em;
	--ast-container-default-sm-padding: 6.67em;
	--ast-container-default-xs-padding: 2.4em;
	--ast-container-default-xxs-padding: 1.4em;
	--ast-normal-container-width: 1240px;
	--ast-narrow-container-width: 750px;
}

html {
	font-size: 93.75%;
}

body,
button,
input,
select,
textarea {
	font-family: 'Maven Pro', sans-serif;
	font-weight: 400;
	font-size: 15px;
	font-size: 1rem;
}

body {
	margin: 0;
}

/* Seitenstruktur */
.hfeed.site,
#page {
	display: block;
}

#content {
	display: block;
}

.ast-container {
	max-width: var(--ast-normal-container-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--ast-container-default-md-padding);
	padding-right: var(--ast-container-default-md-padding);
}

#primary,
.content-area {
	display: block;
}

.site-main,
main {
	display: block;
}

.ast-article-single,
.entry-content {
	display: block;
}

.entry-content.clear {
	clear: both;
}

/* Masthead / Header (Above-the-fold) */
#masthead,
.site-header {
	display: block;
}

.ast-above-header-wrap,
.ast-above-header-bar,
.site-above-header-wrap,
.ast-builder-grid-row,
.site-branding,
.ast-site-identity {
	display: block;
}

.ast-flex {
	display: flex;
}

/* H1 + Subline */
.wp-block-heading,
.entry-content h1 {
	font-family: 'Maven Pro', sans-serif;
}

.home-subline {
	display: block;
}

.wp-block-spacer {
	display: block;
}

/* Validator-Container (LCP-Bereich) – aus Astra-Inline, sonst FOUC wenn Astra in Footer */
.home-validator2-container {
	position: relative;
	height: 501px;
	overflow: hidden;
}

.home-validator2-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	pointer-events: none;
}

.home-validator2-content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Astra setzt .ast-right-sidebar #secondary { padding-left: 60px } (Customizer).
   Ohne Essential-Blocks-Global-Styles fehlt der Ausgleich → Sidebar zu wenig Platz.
   Überschreibung: weniger Padding, damit die rechte Sidebar nicht abgeschnitten wirkt. */
@media (min-width: 993px) {
	.ast-right-sidebar #secondary {
		padding-left: 0;
	}
}