/* 🌿 Standard-Menüfarbe (für Startseite und ID 51) */
.site-header {
	background-color: #808D5F !important;
/* Olivgrün */
}
/* 🔥 Menüfarbe für Seite mit ID 25 */
.page-id-25 .site-header {
	background-color: #C34E28 !important;
/* Rotbraun */
	}
/* Weißer Text für Menü-Links */
.site-header a {
	color: #ffffff !important;
	text-decoration: none;
}

/* 🌊 Menüfarbe für Seite mit ID 45 */
.page-id-45 .site-header {
	background-color: #7291A2 !important;
/* Blaugrau */
}

/* 🍇 Menüfarbe für Seite mit ID 53 */
.page-id-53 .site-header {
	background-color: #593D49 !important;
/* Dunkles Lila */
}

/* Weißer Pfeil für das Dropdown-Menü */
.wp-block-navigation__submenu-icon svg path {
	stroke: white !important;
}

/* Abstand nach unten für das Menü */
.wp-block-navigation {
	margin-bottom: 20px;
/* Falls es nicht reicht, einfach erhöhen */
}

/* Standard-Grün für die Startseite und Seite 51 */
body.page-id-51 .wp-block-navigation__submenu-container,
body.home .wp-block-navigation__submenu-container,
body.page-id-51 .wp-block-navigation__responsive-container,
body.home .wp-block-navigation__responsive-container {
	background-color: #808D5F !important;
}

/* Rot für Page ID 25 */
body.page-id-25 .wp-block-navigation__submenu-container,
body.page-id-25 .wp-block-navigation__responsive-container {
	background-color: #C34E28 !important;
}

/* Blau für Page ID 45 */
body.page-id-45 .wp-block-navigation__submenu-container,
body.page-id-45 .wp-block-navigation__responsive-container {
	background-color: #7291A2 !important;
}

/* Dunkles Lila für Page ID 53 */
body.page-id-53 .wp-block-navigation__submenu-container,
body.page-id-53 .wp-block-navigation__responsive-container {
	background-color: #593D49 !important;
}

.wp-block-navigation__submenu-container a {
	color: white !important;
/* Links auch in Weiß */
}

/* 🌟 Dropdown-Textfarbe weiß */
.wp-block-navigation__submenu-container a {
	color: #ffffff !important;
}

/* 🔽 Dropdown-Pfeil weiß */
.site-header .has-child a::after {
	color: #ffffff !important;
	border-color: #ffffff !important;
}

/* Standard: Textbalken bleibt über dem Bild */
.wp-block-jetpack-layout-grid-column p {
	position: absolute;
	bottom: 20px;
/* Abstand von unten, anpassen falls nötig */
	left: 50%;
	transform: translateX(-50%);
	background: #c34e28;
/* Hintergrundfarbe bleibt */
	padding: 10px 20px;
	color: white;
	font-size: 20px;
}

/* Desktop: Balken breiter und weiter nach links */
.wp-block-jetpack-layout-grid-column p {
	position: absolute;
	bottom: -60px;
/* Standardposition bleibt */
	left: 35%;
/* Weiter nach links, passe den Wert nach Bedarf an */
	transform: translateX(-50%);
	background: #c34e28;
/* Hintergrundfarbe */
	padding: 40px 60px;
/* Mehr Innenabstand, damit der Balken breiter wirkt */
	color: white;
	font-size: 18px;
	width: auto;
/* Automatische Breite, falls nötig */
}

/* Mobile: Balken weiter nach unten verschieben */
@media (max-width: 768px) {
	.wp-block-jetpack-layout-grid-column p {
		bottom: -100px;
	/* Wert anpassen,
					bis es passt */
		left: 40%;
		font-size: 8px;
	/* Optional: Kleinere Schrift auf Mobil */
		padding: 0 6px;
	/* Mehr
			        width: 70%; /* Optional: Verkleinert den Balken */
		text-align: center;
	}
}