/*
 * Layout-Korrekturen, 03.09.2026
 *
 * Eigene Datei statt Aenderung an wohnbauwoerth.css: fuer das gebaute
 * Stylesheet liegen keine SCSS-Quellen im Paket, ein Rebuild der Agentur
 * wuerde Aenderungen dort ueberschreiben. Diese Datei wird nach dem Bundle
 * geladen, gleiche Spezifitaet gewinnt dadurch.
 *
 * ---------------------------------------------------------------------------
 * Waagerechter Scrollbalken auf allen Seiten
 * ---------------------------------------------------------------------------
 * .header, .header::after und .header__navigation waren auf "width: 100vw"
 * gesetzt. Die Einheit vw bemisst sich am Viewport *einschliesslich* eines
 * klassischen Scrollbalkens, der Inhaltsbereich daneben aber ohne ihn. Da die
 * Seite immer vertikal scrollt, ragt der Header dadurch um die Breite des
 * Scrollbalkens (rund 15 px) nach rechts hinaus - und genau das erzeugt den
 * waagerechten Balken.
 *
 * Sichtbar wird das nur in Browsern mit klassischem Scrollbalken (Windows-
 * Standard in Chrome, Edge und Firefox). Wo der Scrollbalken ueber dem Inhalt
 * liegt (macOS-Standard, mobile Browser, Headless-Chrome), sind 100vw und
 * Inhaltsbreite identisch und der Fehler faellt nicht auf. Deshalb war er
 * bisher unbemerkt - er steckt unveraendert auch in der 10.4-Fassung.
 *
 * "width: 100%" loest gegen den Bezugsrahmen auf. Der ist hier der Viewport
 * ohne Scrollbalken (.header ist absolut positioniert und hat keinen
 * positionierten Vorfahren), also genau die gewuenschte Breite.
 */

.header {
	width: 100%;
}

@media (min-width: 1000px) {
	.header::after {
		width: 100%;
	}
}

@media (max-width: 999px) {
	.header__navigation {
		width: 100%;
	}
}