#__MTS .image-container.shadow-image-container:after,
#__MTS .shadow-image-container:after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 50%, transparent);
    width: 66%;
}

#__MTS .Salutation-text,
#__MTS .description,
#__MTS .close-icon.hidden+.mts-interest-title,
#__MTS .close-icon.hidden+.mts-interest-title+.mts-moreinfo-button,
#__MTS p.pl-4.pb-4.md\:\!pl-4.md\:\!pb-6.xl\:\!pl-8.xl\:\!pb-12.font-titleLarge.leading-titleLarge.text-titleLarge.tracking-titleLarge.text-secondary-dark,
#__MTS .client-name {
    color: #fff;
}

/* #__MTS .show-more-button {
    display: none;
} */

#__MTS .show-more-button {
    margin-left: calc(var(--fontSize-base) * 1.25);
    border-radius: 2px;
}

#__MTS .PriceInfo {
    font-family: 'nunito-sans';
}

#__MTS .client-img {
    height: 100px !important;
    width: 100px !important;
    border-radius: 500px !important;
    object-fit: cover !important;
}

#__MTS aside button {
    background-color: #D7D5D2;
    border-radius: 2px;
    text-transform: uppercase;
}

#__MTS .mealPlan-filter button,
#__MTS .offers-filter button {
    border-radius: 2px;
}

#__MTS .mealPlan-filter button+ul,
#__MTS .offers-filter button+ul {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

#__MTS aside button svg,
#__MTS .other-option-wrapper button svg,
#__MTS .show-more-button svg {
    display: none;
}

#__MTS .flex.items-start.py-2\.5.md\:w-1\/3.h-max-md\:w-1\/3.xl\:w-auto svg {
    fill: #000 !important;
}

#__MTS .border-b.border-secondary.h-px.my-7.md\:mb-4.md\:mt-6.xl\:mb-7.xl\:my-7.h-max-md\:my-4 {
    border: 1px solid #000;
}

#__MTS .bestOffer .StarIcon {
    fill: #000;
}

#__MTS .bestOffer {
    line-height: 1;
}

#__MTS .mts-footer-logo {
    background-color: #fff;
}

#__MTS aside button:hover,
#__MTS .show-more-button:hover,
#__MTS .cta_button a:hover,
#__MTS .other-option-wrapper button:hover {
    opacity: 0.7;
}

#__MTS .other-option-wrapper button,
#__MTS .cta_button a {
    border-radius: 2px;
    text-transform: uppercase;
}

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

#__MTS .offerIncluded-label div {
    color: #000;
}

#__MTS .room-title,
#__MTS .mts-interest-title,
#__MTS .summery-label+span {
    word-break: break-word;
}

#__MTS .room-icons .StarIcon {
    fill: #000;
}

#__MTS aside span.flex.items-center.font-label.text-label.tracking-label.leading-label.my-1.text-secondary-lighter {
    font-size: var(--fontSize-titleXSmall);
    line-height: var(--lineHeight-body);
    font-weight: 400;

}

@media screen and (min-width: 1200px) {
    #__MTS .footer-social img {
        height: 46px;
        width: 46px;
    }

    #__MTS .mealPlan-filter button {
        min-width: 270px;
    }

    #__MTS .offers-filter button {
        min-width: 200px;
    }

    #__MTS .summery-label {
        font-size: 20px;
    }

    #__MTS .cta_button a {
        line-height: 36px;
        font-size: 25px;
        padding: 7px 35px;
        text-transform: uppercase;
    }

    #__MTS .other-option-wrapper button,
    #__MTS aside button,
    #__MTS .cta-button a,
    #__MTS .show-more-button {
        line-height: 36px;
    }

    #__MTS .alternative-dates-label {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    #__MTS .calendarIcon {
        height: 16px;
        width: 16px;
    }

    #__MTS div#contact-info>div:not(:last-child) {
        padding-bottom: calc(var(--fontSize-base) * 4);
    }

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

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

    #__MTS .footer-social img {
        height: 20px;
        width: 20px;
    }

    #__MTS #description-block {
        width: 100% !important;
    }

    div#_-WidgetRecommendedPackages4-_-WidgetRecommendedPackages4-content-recommended-package-widget-v4-2-2,
    div#_-ImageSlider7-_-ImageSlider7-header-image-slider-v7-0-0 {
        --fontSize-base: 16px !important;
        --fontSize-body: 15px !important;
        --fontSize-heading: 24px !important;
        --fontSize-heading-base: 24px !important;
        --fontSize-subHeading: 24px !important;
        --fontSize-subHeading-base: 24px !important;
        --fontSize-button: 12px !important;
        --fontSize-button-base: 12px !important;
        --fontSize-label: 15px !important;
        --fontSize-label-base: 15px !important;
        --fontSize-input: 15px !important;
        --fontSize-subText: 15px !important;
        --fontSize-caption: 15px !important;
        --fontSize-smallCaption: 15px !important;
        --fontSize-smallCaption-base: 15px !important;
        --fontSize-title: 24px !important;
        --fontSize-title-base: 24px !important;
        --fontSize-titleLarge: 24px !important;
        --fontSize-subTitle: 20px !important;
        --fontSize-subTitleSmall: 15px !important;
        --fontSize-subTitle-base: 15px !important;
        --fontSize-subTitleSmall-base: 15px !important;
        --fontSize-titleSmall: 15px !important;
        --fontSize-titleXSmall: 15px !important;
        --fontSize-button-cta: 15px !important;
        --lineHeight-heading: 26px !important;
        --lineHeight-heading-base: 26px !important;
        --lineHeight-subHeading: 26px !important;
        --lineHeight-subHeading-base: 26px !important;
        --lineHeight-base: 22px !important;
        --lineHeight-body: 22px !important;
        --lineHeight-button: 14px !important;
        --lineHeight-button-base: 14px !important;
        --lineHeight-label: 22px !important;
        --lineHeight-label-base: 22px !important;
        --lineHeight-input: 22px !important;
        --lineHeight-subText: 22px !important;
        --lineHeight-caption: 22px !important;
        --lineHeight-smallCaption: 22px !important;
        --lineHeight-title: 26px !important;
        --lineHeight-titleLarge: 26px !important;
        --lineHeight-subTitle: 22px !important;
        --lineHeight-subTitleSmall: 22px !important;
        --lineHeight-titleSmall: 22px !important;
        --lineHeight-titleXSmall: 22px !important;
        --lineHeight-button-cta: 22px !important;
    }
}

@media screen and (max-width: 1280px) {
    #__MTS aside>div {
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    }
}

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

    div#_-WidgetRecommendedPackages4-_-WidgetRecommendedPackages4-content-recommended-package-widget-v4-2-2,
    div#_-ImageSlider7-_-ImageSlider7-header-image-slider-v7-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-titleXSmall: 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 .mealPlan-filter button,
    #__MTS .offers-filter button {
        min-width: 150px;
    }

    #__MTS .offerIncluded-label div {
        font-size: 12px;
    }

    #__MTS .footer-social img {
        height: 20px;
        width: 20px;
    }

    #__MTS #description-block {
        width: 65% !important;
    }
}

/* Hide salutation block LP*/
#__MTS #salutation-block {
    display: none;
}

/* Style salutation block h1 title LP*/
#__MTS #salutation-block,
h1 {
    font-weight: 400;
    font-size: 56px !important;
    line-height: 1.25;
    font-family: "playfair-display";
}

/* Align Navbar Logo In Center::Start */
#__MTS .header--slider .main-container.relative.top-0.left-0.z-10.px-5.sm\:px-10.xl\:pl-16.\33 xl\:px-24.flex.py-10.md\:py-6.xl\:py-16.md\:w-3\/5.xl\:w-1\/2.w-full.bg-\[\#00000000\].lg\:bg-primary.min-h-\[874px\].md\:min-h-\[416px\].xl\:min-h-\[100vh\] {
  width: 100%;
  padding-top: 10px;
}

#__MTS .header--slider .main-container.relative.top-0.left-0.z-10.px-5.sm\:px-10.xl\:pl-16.\33 xl\:px-24.flex.py-10.md\:py-6.xl\:py-16.md\:w-3\/5.xl\:w-1\/2.w-full.bg-\[\#00000000\].lg\:bg-primary.min-h-\[874px\].md\:min-h-\[416px\].xl\:min-h-\[100vh\] .logo {
  justify-content: center;
}

#__MTS img.object-contain.w-auto.h-\[133px\].md\:h-\[68px\].xl\:h-\[170px\] {
    width: 65.23px !important;
    height: 82.98px !important;
}

#__MTS #description-block {
    width: 35%;
}
/* Align Navbar Logo In Center::End */

/* Accordion Full Width::Start */
#__MTS .text-primary.w-full.xl\:w-\[calc\(100\%_-_400px\)\].\32 xl\:w-\[calc\(100\%_-_500px\)\].py-28.md\:py-11.xl\:py-36 {
    width: 100%;
}

#__MTS .text-primary.w-full.xl\:w-\[calc\(100\%_-_400px\)\].\32 xl\:w-\[calc\(100\%_-_500px\)\].py-28.md\:py-11.xl\:py-36 > ul > li {
    border-bottom: 2px solid black;
}

#__MTS .text-primary.w-full.xl\:w-\[calc\(100\%_-_400px\)\].\32 xl\:w-\[calc\(100\%_-_500px\)\].py-28.md\:py-11.xl\:py-36 > ul > li > div > h3 {
    font-size: 22px;
    font-family: "playfair-display";
}
/* Accordion Full Width::End */

#__MTS #contact > ul > li {
    margin-bottom: 0px;
    line-height: 1.75;
}

#__MTS ul.amenities-list-ul.list-disc.md\:columns-2.columns-1.gap-4 > li::before {
    height: 9.98px;
    width: 9.98px;
}

#__MTS .footer-address-cin,
#__MTS #contact-info div a p {
    line-height: 1.75 !important;
}

#recommended .roomdetail-container .relative.h-\[330px\].md\:h-\[297px\].lg\:h-\[553px\].w-full.md\:\!w-\[56\%\].md\:px-0.rounded-2xl.overflow-auto:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), transparent);
}

#recommended .roomdetail-container .text-titleLarge {
    z-index: 9;
    position: relative;
}

#__MTS #roominfo-section-div {
    background-color: #D7D5D2;
}

#__MTS .text-primary.w-full.xl\:w-\[calc\(100\%_-_400px\)\].\32 xl\:w-\[calc\(100\%_-_500px\)\].py-28.md\:py-11.xl\:py-36 {
    padding-top: 30px;
}

#__MTS .relative.pb-24.md\:pb-6.xl\:pb-24 {
    padding-bottom: 30px;
}

#__MTS .border-b.border-secondary.h-px.w-full {
    border: 0px;
}

#__MTS button.flex.items-center.justify-center.hover\:bg-button-hover-dark.px-6.py-3.xl\:p-button.rounded-\[var\(--borderRadius\)\].bg-button-dark.text-button-dark.font-button.text-button.leading-button.tracking-button {
    background-color: #000000;
    color: #FFFFFF;
}

#__MTS #RoomDetails_Card .bg-button {
    background-color: transparent;
}

/* Change bullet points for Ausstattung */
#__MTS #RoomDetails_Card .amenities-list-ul li::before {
    content: "";
    display: inline-block;
    background: url(https://cdn.mts-online.com/u1375/static/images/black-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 12.98px;
    background-size: 100%;
    border-radius: 0px;
}

/* Navbar header menubar change font-style */
#__MTS #navbar-menu .menu-text,
#__MTS #navbar-menu .menu-text *{
    font-weight: 400 !important;
    text-transform: uppercase;
}

/* Title for room styling */
#__MTS #roominfo-section-div .pb-4 {
    font-size: 45px;
    font-family: "playfair-display";
}

/* Accordian title styling */
#__MTS .accordian_list h3 {
    font-family: "nunito-sans" !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
}

/* Title "summary offer with RNumber" style */
#__MTS #request-summary-section-div h2 {
    font-size: 45px;
}

/* Title "Selected offer styling" aside card */
#__MTS aside p.flex.text-subHeading.font-subHeading.tracking-subHeading.leading-subHeading.text-secondary {
    font-size: 45px;
    line-height: 1;
}

/* aside style "Teilweise rückerstattbar" and "Buchungsbedingungen" */
#__MTS aside span.text-smallCaption.font-smallCaption.leading-smallCaption.tracking-smallCaption.italic {
    font-style: normal;
}

#__MTS .cancellation-text > span,
#__MTS .booking-text > span {
    font-style: normal;
}

#__MTS .summary-info:nth-of-type(4) {
  display: none;
}


/* Mobile view */
@media (max-width: 768px) {

    /* Title for room styling */
    #__MTS #roominfo-section-div .pb-4 {
    font-size: 24px;
    }

    /* Accordion title styling */
    #__MTS .accordian_list h3 {
    font-size: 24px;
    }

    /* Request summary title */
    #__MTS #request-summary-section-div h2 {
    font-size: 24px;
    }

    #__MTS aside p.flex.text-subHeading.font-subHeading.tracking-subHeading.leading-subHeading.text-secondary {
    font-size: 24px;
    }

}

#__MTS #Q\&A-accordion {
    background-color: #D7D5D2;
}

#__MTS .interest-section {
    padding-bottom: 0px;
}

#__MTS .cancellation-text-icon > div,
#__MTS .booking-text-icon > div {
    color: #000000;
}