.webschmiede-hero-overlay {
	--webschmiede-header-height: 0px;
	--webschmiede-hero-height: 100svh;
	--webschmiede-hero-extra-offset: 0px;
	--webschmiede-hero-custom-content-offset: 60px;
	--webschmiede-hero-content-offset-base: var(--webschmiede-header-height);
	margin-top: calc(var(--webschmiede-header-height) * -1);
	min-height: var(--webschmiede-hero-height);
	padding-top: calc(var(--webschmiede-hero-content-offset-base) + var(--webschmiede-hero-extra-offset));
	position: relative;
}

.webschmiede-hero-overlay.webschmiede-hero-content-offset-none {
	--webschmiede-hero-content-offset-base: 0px;
}

.webschmiede-hero-overlay.webschmiede-hero-content-offset-header,
.webschmiede-hero-overlay.webschmiede-hero-overlay-padding {
	--webschmiede-hero-content-offset-base: var(--webschmiede-header-height);
}

.webschmiede-hero-overlay.webschmiede-hero-content-offset-custom {
	--webschmiede-hero-content-offset-base: var(--webschmiede-hero-custom-content-offset);
}

body.elementor-editor-active .webschmiede-hero-overlay {
	outline: 1px dashed rgba(0, 0, 0, 0.22);
	outline-offset: -1px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Tablet-Aus: Webschmiede-Hero neutralisieren, Elementor-Höhe behalten. */
	html body .elementor .elementor-element.webschmiede-hero-overlay.webschmiede-hero-disabled-tablet,
	html body.elementor-editor-active .elementor .elementor-element.webschmiede-hero-overlay.webschmiede-hero-disabled-tablet,
	html body:not(.elementor-editor-active) .webschmiede-hero-overlay.webschmiede-hero-disabled-tablet {
		--webschmiede-header-height: 0px !important;
		--webschmiede-hero-extra-offset: 0px !important;
		--webschmiede-hero-content-offset-base: 0px !important;
		--webschmiede-hero-height: var(--min-height, initial) !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

@media (max-width: 767px) {
	/* Mobil-Aus: Webschmiede-Hero neutralisieren, Elementor-Höhe behalten, z.B. 25vh. */
	html body .elementor .elementor-element.webschmiede-hero-overlay.webschmiede-hero-disabled-mobile,
	html body .elementor .elementor-element.webschmiede-hero-overlay.webschmiede-hero-ignore-mobile,
	html body.elementor-editor-active .elementor .elementor-element.webschmiede-hero-overlay.webschmiede-hero-disabled-mobile,
	html body.elementor-editor-active .elementor .elementor-element.webschmiede-hero-overlay.webschmiede-hero-ignore-mobile,
	html body:not(.elementor-editor-active) .webschmiede-hero-overlay.webschmiede-hero-disabled-mobile,
	html body:not(.elementor-editor-active) .webschmiede-hero-overlay.webschmiede-hero-ignore-mobile {
		--webschmiede-header-height: 0px !important;
		--webschmiede-hero-extra-offset: 0px !important;
		--webschmiede-hero-content-offset-base: 0px !important;
		--webschmiede-hero-height: var(--webschmiede-hero-disabled-mobile-height, var(--min-height, 25vh)) !important;
		margin-top: 0 !important;
		min-height: var(--webschmiede-hero-disabled-mobile-height, var(--min-height, 25vh)) !important;
		padding-top: 0 !important;
	}
}