/* Eigene Korrekturen zum portierten Webflow-Stylesheet.
 *
 * Lädt NACH webflow-shared.css. Bewusst klein halten: sieht ein Abschnitt
 * falsch aus, fehlt in der Regel eine Webflow-Klasse im Markup oder die
 * Verschachtelung weicht ab – dann wird das MARKUP korrigiert, nicht hier
 * gegengesteuert. Jede Regel bekommt eine Begründung.
 *
 * Zulässige Gründe:
 *   1. Webflow löst etwas per JavaScript, das wir statisch nachbilden.
 *   2. Echter Konflikt mit WordPress-Block- oder Admin-Stilen.
 */

/* (1) WordPress' Admin-Bar verschiebt fixierte Kopfbereiche um 32 px.
 * Webflow kennt die Admin-Bar nicht. */
body.admin-bar .w-nav[data-collapse] {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .w-nav[data-collapse] {
		top: 46px;
	}
}

/* (2) theme.json setzt auf Blockcontainern eine max-width, die Webflow-
 * Sektionen (volle Breite) aufbricht. Innerhalb einer Webflow-Sektion gilt
 * wieder die Webflow-Breite. */
.wp-block-group.section-base,
.wp-block-group.section-base > .wp-block-group__inner-container {
	max-width: none;
}