/* Wegbegleitung — Hintergrundrahmen nach Klaus' Referenzbild
   (hintergrund-rahmen.webp: organische Flächen in allen vier Ecken,
   Creme-Fläche in der Mitte). Absolut positioniert am Seitenanfang/-ende,
   nicht am Viewport fixiert — sitzt an der tatsächlichen Ober-/Unterkante
   des Inhalts und scrollt mit der Seite mit. Oben zeigt der obere
   Bildausschnitt (dunkle Ecke, Altrosa, Terrakotta), unten der untere
   Bildausschnitt (Altrosa, Terrakotta, Salbei) — dieselbe Datei, nur
   anders positioniert. */

body {
	position: relative;
	overflow-x: clip;
}

body::before,
body::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	z-index: 0;
	pointer-events: none;
	background-image: url('hintergrund-rahmen.webp');
	background-repeat: no-repeat;
	background-size: 1536px auto;
}

body::before {
	top: 72px; /* lässt die Kopfzeile (Titel/Menü) auf reinem Creme stehen, lesbar */
	height: 340px;
	background-position: left top;
}

body::after {
	bottom: 0;
	height: 320px;
	background-position: left bottom;
}

@media (max-width: 780px) {
	body::before,
	body::after {
		background-size: 1050px auto;
	}
	body::before {
		height: 230px;
	}
	body::after {
		height: 220px;
	}
}