#__MTS .main-container {
	background-color: transparent;
}

#__MTS .image-container::after {
	background: rgba(0, 0, 0, 0.35);
}

#__MTS .logo img {
	width: 270px;
	height: auto;
}

#__MTS .footer-logo img {
	width: 210px;
}

#__MTS .footer-social li img {
	width: 24px;
	height: 100%;
	margin: 0 7px;
}

#__MTS .footer-social ul {
	display: flex;
	align-items: center;
}

#__MTS .absolute.bottom-full.hidden.left-1\/2.w-40.translate-x-\[-80\%\].rounded-lg.bg-gray-800.p-3.text-sm.text-white.group-hover\:block.bg-\[\#fff\].z-50.shadow-lg.max-h-\[250px\].overflow-x-hidden.overflow-y-auto {
	color: #143324;
}

#__MTS button,
#__MTS .cta_button a {
	text-transform: uppercase;
}

#__MTS aside button {
	border: 1px solid white;
}

#__MTS aside button:hover {
	background-color: #446354;
}

#__MTS .flex.top-7.right-7.md\:top-5.md\:right-5.xl\:top-7.xl\:right-7.items-center.gap-1.text-titleXSmall.font-titleXSmall.leading-titleXSmall.tracking-titleXSmall.text-right.text-primary-darker.absolute.z-30 {
	line-height: 1.2;
}

#__MTS .offers-filter button svg path,
#__MTS .mealPlan-filter button svg path,
#__MTS .StarIcon,
#__MTS .flex.items-center.py-2\.5.md\:w-1\/3.h-max-md\:w-1\/3.xl\:w-auto svg {
	fill: white;
}

#__MTS .flex.justify-center.items-center.w-full.h-full.p-5.pb-3.md\:py-2\.5.md\:px-2.xl\:px-5.xl\:py-4.bg-effect-dark.text-effect-dark.z-30.relative.text-titleXSmall.font-titleXSmall.leading-titleXSmall.tracking-titleXSmall.rounded-b-2xl.md\:rounded-b-lg.xl\:rounded-b-2xl.max-w-\[129px\].md\:max-w-\[70px\].lg\:max-w-\[129px\] {
	color: white;
}

#__MTS .other-option-wrapper>div.p-7 {
	border: 1px solid white;
}

#__MTS .room-title {
	word-break: break-all;
}

#__MTS .OfferDescriptionStyles>p:first-child {
	line-height: var(--lineHeight-subHeading);
	font-size: var(--fontSize-subHeading-base);
}

#__MTS .offers-filter button,
#__MTS .mealPlan-filter button,
#__MTS .offers-filter button+ul,
#__MTS .mealPlan-filter button+ul {
	border-radius: 0;
}

#__MTS .close-icon svg path {
	fill: #fff;
}

#__MTS .summary-info .summery-label+span>p {
	word-break: break-all;
}

#__MTS .transition-all.ease-in-out.duration-500.flex.flex-col.z-20.w-full.\32 xl\:\!w-\[50\%\].\33 xl\:\!w-\[67\%\].p-5.bg-secondary-darker.rounded-b-\[20px\].\32 xl\:rounded-b-\[0px\].\32 xl\:\!rounded-r-\[20px\].min-h-\[724px\].relative {
	background-color: #446354;
}

#__MTS button.pb-4.md\:pb-2.xl\:pb-4.text-titleXSmall.font-titleXSmall.leading-titleXSmall.outline-none.border-b-\[3px\].text-black.border-primary {
	text-transform: unset;
}

#__MTS .mobile-menu--wrapper {
	background-color: #446354;
}

/* #__MTS .mealplan-info {
	margin-top: 5px;
} */

#__MTS .interest-description h1 {
	font-size: 24px;
}

#__MTS aside span.md\:hidden.h-max-md\:hidden.xl\:block {
	white-space: nowrap;
}

#__MTS aside .flex.justify-between.items-center.my-2\.5.md\:w-1\/3.h-max-md\:w-1\/3.xl\:w-auto {
	align-items: start;
}


@media screen and (min-width: 1199px) {

	#__MTS .room-title:not(aside .room-title),
	#__MTS .mts-interest-title {
		font-size: var(--fontSize-subHeading-base);
		line-height: var(--lineHeight-subHeading);
	}

	#__MTS .offers-filter button,
	#__MTS .mealPlan-filter button {
		min-width: 300px;
	}

	#__MTS .mealplan-info {
		font-size: 17px;
	}

	#__MTS .Übernachtung.mit.Frühstück.mealplan-info svg {
		margin-top: -5px;
	}
}

@media screen and (max-width: 767px) {

	#__MTS .show-more-button {
		margin-left: calc(var(--fontSize-base) * 1.25);
		font-size: 16px;
	}

	#__MTS .mealPlan-filter button span,
	#__MTS .offers-filter button span {
		font-size: 14px;
	}

	#__MTS .mealplan-info,
	#__MTS .mealplan-icon2 {
		align-items: start;
	}

	#__MTS .flex.justify-between.items-center.my-2\.5.md\:w-1\/3.h-max-md\:w-1\/3.xl\:w-auto {
		font-size: 17px;
	}

	#__MTS aside .relative.h-full.flex.flex-col.py-8.max-h-\[calc\(100vh_-_100px\)\].h-max-md\:max-h-screen.pt-8.px-5.md\:px-10.xl\:\!pl-5.xl\:\!pr-12.xl\:\!pl-8.\32 xl\:\!pr-24.bg-primary-lighter.rounded-t-\[20px\].xl\:rounded-r-none.xl\:rounded-l-\[20px\].text-secondary-lighter.h-max-md\:rounded-l-none.h-max-md\:\!rounded-t-\[20px\].h-max-md\:\!p-5 {
		padding-left: calc(var(--fontSize-base) * 0.75);
		padding-right: calc(var(--fontSize-base) * 0.75);
	}

	#__MTS .mealplan-info svg,
	#__MTS .mealplan-icon2 svg {
		margin-top: 7px;
	}

	#__MTS .footer-social ul {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#__MTS .roomcard-title {
		font-size: 16px;
	}

	#__MTS .p-7.md\:p-4.\33 xl\:p-8.flex-1.flex.flex-col.min-h-\[360px\].sm\:min-h-\[460px\].shadow-\[0px_5px_15px_rgba\(0\,0\,0\,0\.35\)\].hover\:shadow-\[0px_10px_25px_2px_rgba\(0\,0\,0\,0\.3\)\].rounded-\[20px\].bg-primary-dark.relative.z-20.transition-all.duration-500.false .border.border-primary.rounded-md.px-4.py-1.mb-2 {
		padding-left: calc(var(--fontSize-base) * 0.9);
		padding-right: calc(var(--fontSize-base) * 0.9);
	}

	#__MTS .other-option-wrapper>div.p-7 {
		padding: calc(var(--fontSize-base) * 1.45);
	}

	#__MTS .other-option-wrapper>div.p-7.md\:p-4.\33 xl\:p-8.flex-1.flex.flex-col.min-h-\[360px\].sm\:min-h-\[460px\].shadow-\[0px_5px_15px_rgba\(0\,0\,0\,0\.35\)\].hover\:shadow-\[0px_10px_25px_2px_rgba\(0\,0\,0\,0\.3\)\].rounded-\[20px\].bg-primary-dark.relative.z-20.transition-all.duration-500.pt-20.md\:pt-12.\33 xl\:pt-20 {
		padding-top: calc(var(--fontSize-base) * 6);
	}

	#__MTS .room-title {
		font-size: var(--fontSize-subHeading-base);
		line-height: var(--lineHeight-subHeading);
	}

	#__MTS .calendarIcon {
		height: 16px;
		width: 16px;
	}
}

@media screen and (min-width: 1600px) {
	#__MTS .p-7.md\:p-4.\33 xl\:p-8.flex-1.flex.flex-col.min-h-\[360px\].sm\:min-h-\[460px\].shadow-\[0px_5px_15px_rgba\(0\,0\,0\,0\.35\)\].hover\:shadow-\[0px_10px_25px_2px_rgba\(0\,0\,0\,0\.3\)\].rounded-\[20px\].bg-primary-dark.relative.z-20.transition-all.duration-500.pt-20.md\:pt-12.\33 xl\:pt-20 {
		padding-top: calc(var(--fontSize-base) * 5.9);
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {

	div#_-WidgetRecommendedPackages4-_-WidgetRecommendedPackages4-content-recommended-package-widget-2-2,
	div#_-ImageSlider7-_-ImageSlider7-ImageSlider-0-0 {
		--fontSize-base: 16px !important;
		--fontSize-body: 12px !important;
		--fontSize-heading-base: 22px !important;
		--fontSize-heading: 22px !important;
		--fontSize-subHeading: 19px !important;
		--fontSize-subHeading-base: 19px !important;
		--fontSize-button: 9px !important;
		--fontSize-label: 8px !important;
		--fontSize-label-base: 8px !important;
		--fontSize-input-base: 10px !important;
		--fontSize-smallCaption: 8px !important;
		--fontSize-title: 16px !important;
		--fontSize-title-base: 16px !important;
		--fontSize-titleLarge: 19px !important;
		--fontSize-subTitle: 10px !important;
		--fontSize-input: 10px !important;
		--lineHeight-heading: 1.5 !important;
		--lineHeight-body: 1.5 !important;
		--lineHeight-input: 1.5 !important;
		--lineHeight-title: 1.25 !important;
		--lineHeight-titleLarge: 1.45 !important;
		--lineHeight-titleXSmall: 1.5 !important;
		--fontSize-button-base: 9px !important;
		--fontSize-smallCaption-base: 8px !important;
		--fontSize-subTitle-base: 19px !important;
		--fontSize-body-base: 12px !important;
		--fontSize-titleLarge-base: 19px !important;
		--fontSize-titleSmall: 12px !important;
	}

	footer#_-Footer-_-Footer-content-footer-3-3 {
		--fontSize-base: 16px !important;
		--fontSize-body: 9px !important;
		--lineHeight-heading: 1.25 !important;
		--lineHeight-body: 1.25 !important;
		--fontSize-heading: 12px !important;
		--fontSize-heading-base: 12px !important;
	}

	#__MTS .offers-filter button,
	#__MTS .mealPlan-filter button {
		min-width: 130px;
	}

	#__MTS .other-option-wrapper>div.p-7 .border.border-primary.rounded-md.px-4.py-1.mb-2 {
		padding-left: calc(var(--fontSize-base) * 0.5);
		padding-right: calc(var(--fontSize-base) * 0.5);
	}

	#__MTS .other-option-wrapper .room-title {
		font-size: 16px;
		line-height: 1.25;
	}
}

.footer-social ul {
	gap: 10px;
}

.content:has(#description-block h1) #salutation-block {
    display: none !important;
  }

#description-block h1 {
	line-height: 60px;
	font-family: 'lato';
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 80px;
	margin-top: 64px;
}