/**
 * Unterkünfte (blog 9) — Startseite: IBE-Schnellanfrage im Hero-Overlay.
 * Widget sitzt in GP Element „Page: Hero – Startseite“ (nicht mehr per negativem Margin im Content).
 */

body.blogid-9 .gb-element-6a0dfbb2 {
	z-index: 2;
}

body.blogid-9 .gb-element-6a0dfbb2 #dsIbeSearchWidgetContentHolder {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: var(--gb-container-width, 1200px);
	margin: 1.5rem auto 0;
	flex: 0 0 auto;
	min-height: 7rem;
}

@media (min-width: 1025px) {
	body.blogid-9 .gb-element-6a0dfbb2 {
		justify-content: flex-start;
	}

	body.blogid-9 .gb-element-6a0dfbb2 #dsIbeSearchWidgetContentHolder {
		margin-top: auto;
		margin-bottom: 0;
	}
}

body.blogid-9 #dsIbeWidget {
	position: relative;
	z-index: 3;
}

/**
 * P1: Hero-Overlay setzt color: var(--base-3) (weiß) — Labels der weißen Suchleiste
 * müssen dunkel bleiben (Prod-Parität). Hero-Headlines außerhalb #dsIbeWidget unberührt.
 */
body.blogid-9 .gb-element-6a0dfbb2 #dsIbeWidget,
body.blogid-9 .gb-element-6a0dfbb2 #dsIbeWidget h3 {
	color: var(--contrast, #222);
}

body.blogid-9 .gb-element-6a0dfbb2 #dsIbeWidget .twng-text-gray-400 {
	color: rgba(0, 0, 0, 0.75);
}

/* P2: Platz für Label-Zeile + Eingabefeld in der Hero-Schnellanfrage */
body.blogid-9 .gb-element-6a0dfbb2 #dsIbeWidget > .ibeng-spa {
	min-height: 7rem;
}

/* GP separate-containers: negatives Margin nicht mehr nötig — Overflow für Hero-Overlap offen lassen */
body.blogid-9.separate-containers .inside-article,
body.blogid-9.separate-containers .site-main,
body.blogid-9.separate-containers .site-content {
	overflow: visible;
}