/*
 * Seitenweite Regeln. Nur theme.json-Variablen, keine festen Farben.
 */

/* Breiten inklusive Innenabstand und Rahmen (wie in der Vorlage). */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Header, Inhalt und Footer liegen direkt aneinander (kein blockGap zwischen den Template-Bereichen). */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* Höhe des transparenten Headers, damit der erste Bereich (z. B. Hero) darunter beginnt.
 * 1300px = breakpoint.menu (CSS-Variablen sind in Media Queries nicht möglich). */
body:has(.diconsus-header.is-overlay) {
	--diconsus-header-offset: var(--wp--custom--header--height);
}

@media (max-width: 1300px) {
	body:has(.diconsus-header.is-overlay) {
		--diconsus-header-offset: var(--wp--custom--header--height-mobile);
	}
}

/* Hinweise, die nur im Editor erscheinen (z. B. fehlendes Menü). */
.diconsus-editor-notice {
	margin: 0;
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	background: var(--wp--preset--color--surface-tint);
	color: var(--wp--preset--color--navy);
	font-size: var(--wp--preset--font-size--small);
}