/**
 * Elementor-Glue für Gäste-Intro (.rl-home aus rudelurlaub-seo-below.css).
 * Nur scoped – greift Parent-Padding nur, wenn unser Widget darin steckt (:has).
 *
 * Desktop-Seitenränder: 40px wie die Property-Carousels
 * (.elementor-widget-container { margin-left/right: 40px }).
 */

/* Parent-Container mit asymmetischem Padding neutralisieren, sobald Gäste-Intro drin ist */
.e-con.e-parent:has(> .elementor-widget-rudelurlaub_gaeste_intro),
.e-con.e-parent:has(> .elementor-element > .elementor-widget-rudelurlaub_gaeste_intro),
.e-con.e-parent:has(.elementor-widget-rudelurlaub_gaeste_intro) {
	--padding-left: 0px;
	--padding-right: 0px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.elementor-widget-rudelurlaub_gaeste_intro {
	width: 100%;
}

.elementor-widget-rudelurlaub_gaeste_intro .rl-below.rl-home {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 80px 40px;
	border-top: 0;
	box-shadow: none;
	box-sizing: border-box;
}

.elementor-widget-rudelurlaub_gaeste_intro .rl-home__head {
	max-width: none;
}

.elementor-widget-rudelurlaub_gaeste_intro .rl-home__lead {
	max-width: 70ch;
}

/* Regionen-Grid: 5 / 3 / 2 */
.elementor-widget-rudelurlaub_gaeste_intro .rl-home__regions {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1024px) {
	.elementor-widget-rudelurlaub_gaeste_intro .rl-home__regions {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.elementor-widget-rudelurlaub_gaeste_intro .rl-below.rl-home {
		padding: 48px 16px;
	}

	.elementor-widget-rudelurlaub_gaeste_intro .rl-home__regions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.elementor-widget-rudelurlaub_gaeste_intro .rl-home-missing {
	margin: 1rem 0;
	padding: 0.75rem 1rem;
	border: 1px solid #d94a2b;
	border-radius: 8px;
	background: #fff1ed;
	color: #1c244b;
	font-size: 14px;
}