/* Jägerhof: Darstellungs-Korrekturen für das Theme Hotel LUX.
 * 1) Seitenkopf mit Bild: dunkler Verlauf, damit der weiße Titel lesbar bleibt.
 * 2) Handy (< 768 px): Kopfzeile einzeilig (Logo links, Suche + Menü rechts),
 *    Startseiten-Slider randlos.
 */

/* 1) Seitenkopf-Bild lesbar machen (alle Bildschirmgrößen) */
.headline_outer .headline_color {
	background: linear-gradient(180deg, rgba(20, 16, 12, .30) 0%, rgba(20, 16, 12, .48) 100%) !important;
}
.headline_outer .headline_text .entry-title,
.headline_outer .cmsmasters_breadcrumbs {
	text-shadow: 0 1px 14px rgba(0, 0, 0, .35);
}

@media (max-width: 767px) {
	/* 2a) Kopfzeile einzeilig */
	#header .header_mid_inner {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		min-height: 64px;
		padding: 0 8px 0 16px !important;
	}
	#header .header_mid_inner > .logo_wrap {
		order: 1;
		flex: 1 1 auto;
		display: flex !important;
		align-items: center;
		width: auto !important;
		height: 64px !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left;
	}
	#header .header_mid_inner > .logo_wrap a.logo {
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		line-height: 0;
	}
	#header .header_mid_inner > .logo_wrap img {
		position: static !important;
		width: auto !important;
		max-width: 150px;
		height: 46px !important;
		margin: 0 !important;
	}
	/* „Jetzt buchen“ steckt auf dem Handy schon in der Leiste unten */
	body.jha-has-quickbar #header .cmsmasters_header_button_wrap { display: none !important; }
	#header .header_mid_inner > .mid_search_but_wrap,
	#header .header_mid_inner > .resp_mid_nav_wrap {
		order: 2;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 64px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#header .header_mid_inner > .resp_mid_nav_wrap { order: 3; }
	#header .resp_mid_nav_wrap .resp_mid_nav_outer {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin: 0 !important;
	}
	#header .resp_mid_nav_wrap a.responsive_nav { transform: scale(1.35); }
	#header .header_mid_inner > .mid_nav_wrap {
		order: 4;
		flex: 0 0 100%;
		height: auto !important;
	}

	/* 2b) Slider randlos */
	.cmsmasters_row_inner.cmsmasters_row_fullwidth:has(> .cmsmasters_row_margin .cmsmasters_slider) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.cmsmasters_row_inner.cmsmasters_row_fullwidth:has(> .cmsmasters_row_margin .cmsmasters_slider) > .cmsmasters_row_margin { margin: 0 !important; }
	.cmsmasters_row_inner.cmsmasters_row_fullwidth:has(> .cmsmasters_row_margin .cmsmasters_slider) .cmsmasters_column {
		width: 100% !important;
		margin: 0 !important;
	}

	/* Seitenkopf mit Bild etwas höher */
	.headline_outer .headline_inner { min-height: 220px; display: flex; flex-direction: column; justify-content: center; }
}