.elementor-element.elementor-widget-shortcode:has(.expoxr-hover-preview) {
	width: 100%;
	max-width: 100%;
	align-self: stretch;
	flex: 1 1 auto;
	overflow: hidden;
}

.elementor-element.elementor-widget-shortcode:has(.expoxr-hover-preview) > .elementor-widget-container,
.elementor-widget-shortcode .elementor-shortcode,
.elementor-widget-shortcode .elementor-shortcode .expoxr-hover-preview {
	display: block;
	position: static;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100%;
	margin: 0;
	inset: auto;
	overflow: hidden;
}

.expoxr-hover-preview {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100%;
	position: static;
	margin: 0;
	overflow: hidden;
}

.expoxr-hover-preview__title {
	margin: 0 0 1rem;
}

.expoxr-hover-preview__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr);
	gap: 1.5rem;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100%;
	overflow: hidden;
}

.expoxr-hover-preview__grid--has-nested {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	gap: 0;
}

.expoxr-hover-preview__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	height: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

.has-nested-active .expoxr-hover-preview__list {
	padding-right: 0.5rem;
}

.expoxr-hover-preview__item {
	margin: 0;
	padding: 0;
	position: relative;
}

.expoxr-hover-preview__item--has-nested {
	position: relative;
}

.expoxr-hover-preview__item--has-nested.is-active {
	background-color: #b59775;
	padding: 0.5rem;
	margin: -0.5rem 0;
	border-radius: 8px 0 0 8px;
	padding-right: 1rem;
	margin-right: -1rem;
}

.expoxr-hover-preview__link {
	display: inline-flex;
	align-items: center;
	width: 100%;
	padding: 0.5rem 0;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.expoxr-hover-preview__item.is-active .expoxr-hover-preview__link,
.expoxr-hover-preview__link:hover,
.expoxr-hover-preview__link:focus-visible {
	opacity: 1;
	transform: translateX(6px);
}

.expoxr-hover-preview__item:not(.is-active) .expoxr-hover-preview__link {
	opacity: 0.72;
}

.expoxr-hover-preview__name {
	font-family: var(--e-global-typography-f9fba0f-font-family), Sans-serif;
	line-height: var(--n-menu-title-line-height);
	font-size: var(--n-menu-title-font-size);
	
}

/* Nested menu container */
.expoxr-hover-preview__nested {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100%;
	display: flex;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	overflow: hidden;
	background-color: #b59775;
	padding: 1rem 0.5rem;
	border-radius: 0 8px 8px 0;
	margin-left: -1rem;
	padding-left: 1.5rem;
}

.expoxr-hover-preview__nested.is-visible {
	opacity: 1;
	visibility: visible;
}

.expoxr-hover-preview__nested-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	flex-direction: column;
	gap: 0.25rem;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.expoxr-hover-preview__nested-list.is-visible {
	display: flex;
}

.expoxr-hover-preview__nested-item {
	margin: 0;
	padding: 0;
}

.expoxr-hover-preview__nested-link {
	display: inline-flex;
	align-items: center;
	width: 100%;
	padding: 0.5rem 0;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.expoxr-hover-preview__nested-item.is-active .expoxr-hover-preview__nested-link,
.expoxr-hover-preview__nested-link:hover,
.expoxr-hover-preview__nested-link:focus-visible {
	opacity: 1;
	transform: translateX(6px);
}

.expoxr-hover-preview__nested-item:not(.is-active) .expoxr-hover-preview__nested-link {
	opacity: 0.72;
}

.expoxr-hover-preview__nested-name {
	font-family: var(--e-global-typography-f9fba0f-font-family), Sans-serif;
	line-height: var(--n-menu-title-line-height);
	font-size: var(--n-menu-title-font-size);
}


.expoxr-hover-preview__visual {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
}

.has-nested-active .expoxr-hover-preview__visual {
	padding-left: 1rem;
}

.expoxr-hover-preview__stage {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 260px;
	overflow: hidden;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 0;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 0;
}

.expoxr-hover-preview--bereich .expoxr-hover-preview__stage {
	width: 100%;
	max-width: 100%;
}

.expoxr-hover-preview--leistung .expoxr-hover-preview__grid {
	grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);
}

.expoxr-hover-preview--leistung .expoxr-hover-preview__grid--has-nested {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.expoxr-hover-preview--leistung .expoxr-hover-preview__stage {
	width: min(100%, 360px);
	max-width: 100%;
	min-height: 460px;
}

.expoxr-hover-preview--leistung .expoxr-hover-preview__grid--has-nested .expoxr-hover-preview__stage {
	width: 100%;
	max-width: 280px;
}

.expoxr-hover-preview--uber-uns .expoxr-hover-preview__stage {
	width: 100%;
	max-width: 100%;
}

.expoxr-hover-preview--produkt .expoxr-hover-preview__stage {
	width: 100%;
	max-width: 100%;
	min-height: 460px;
}

.expoxr-hover-preview__figure {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.24s ease;
}

.expoxr-hover-preview__figure.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.expoxr-hover-preview__image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.expoxr-hover-preview__placeholder,
.expoxr-hover-preview__empty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 320px;
	padding: 1.5rem;
	background: #f3f1ea;
	color: #665f55;
	text-align: center;
}

.expoxr-hover-preview-debug {
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	border: 1px solid #d3cdc2;
	background: #faf8f4;
	font-size: 0.9rem;
}

.expoxr-hover-preview-debug summary {
	cursor: pointer;
	font-weight: 600;
}

.expoxr-hover-preview-debug__body {
	margin-top: 0.75rem;
}

.expoxr-hover-preview-debug__body p,
.expoxr-hover-preview-debug__body ul {
	margin: 0 0 0.75rem;
}

@media (max-width: 767px) {
	.expoxr-hover-preview__grid {
		grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
		gap: 1rem;
	}
	
	.expoxr-hover-preview__grid--has-nested {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
	}
	
	.expoxr-hover-preview__nested {
		order: 2;
	}
	
	.expoxr-hover-preview__visual {
		order: 3;
	}

	.expoxr-hover-preview--leistung .expoxr-hover-preview__grid {
		grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);
	}

	.expoxr-hover-preview--leistung .expoxr-hover-preview__stage {
		width: min(100%, 260px);
		min-height: 320px;
	}

	.expoxr-hover-preview--uber-uns .expoxr-hover-preview__stage {
		width: 100%;
		max-width: 100%;
	}

	.expoxr-hover-preview--produkt .expoxr-hover-preview__stage {
		width: 100%;
		max-width: 100%;
	}

	.expoxr-hover-preview__stage,
	.expoxr-hover-preview__placeholder,
	.expoxr-hover-preview__empty {
		min-height: 240px;
	}
}