@media (min-width: 320px) {
  ._404error .single_image img {
    margin: 90px auto 0px !important;
  }
}

@media (max-width: 460px) {
  #room-slider .custom-slider-wrapper .roomCard-body #gridButtondevID {
    margin-top: 40px !important;
  }

  #header--main .header--wrapper+div.mr-7 {
    margin-right: 10px;
  }

  div#news-slider #navigation-arrow {
    top: calc(50% - 40px);
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  ._404error .single_image img {
    margin: 60px auto 0px !important;
  }
}

@media (max-width: 768px) {
  #room-slider .custom-slider-wrapper .roomCard-body #gridButtondevID {
    margin-top: 40px !important;
  }

  .mobile-menu--wrapper .mobile-special--menu .menu--icons li#Instagram {
    display: none;
  }

  .mobile-menu--wrapper .mobile-special--menu .menu--icons li#call {
    border-right: none;
  }

  header #header--main .menu--desktop-icons ul>li:not(:last-child) {
    border-right-width: var(--borderWidth);
    --tw-border-opacity: 1;
    border-color: rgb(77 77 77 / var(--tw-border-opacity));
  }
}

@media (min-width: 1024px) {
  #MainMenu--list .site-logo.mr-5 {
    margin-right: 0px;
  }
}

header {
  background-color: transparent !important;
}

header #MainMenu--list .menu-desktop .icons-desktop-Menu.max-w-\[120px\] {
  max-width: 100% !important;
}

footer li#site-link {
  margin-left: 48px !important;
  margin-top: 0px !important;
}

@media screen and (min-width:768px) {
  header .site-logo .logo {
    width: 180px !important;
  }
}

#MainMenu--list li.menu-icon:not(:first-child) {
  border-left: 1px solid var(--borderColor-primary)
}

#MainMenu--list .menu--desktop.icons-desktop-menu ul>li {
  border-color: #6cdacc;
}

#requestForm select.font-bold {
  font-weight: normal !important;
}


#room-slider .roomslist-card .description {
  display: none;
}

/* .roomSliderWrapper .roomCard-heading.line-clamp-1 {
  -webkit-box-orient :unset !important
} */
/* #room-slider .custom-slider-wrapper .roomCard-body #gridButtondevID {
  margin-top: 56px !important;
}

#room-slider #roomslist--version-four .roomCard-head+div {
  margin-right: 50px;
  margin-bottom: 77px;
  margin-top: 300px;
}
#room-slider #roomslist--version-four .lg\:absolute.top-20.right-0.flex.justify-center.lg\:justify-start.mt-4.lg\:mt-0.w-full.lg\:max-w-\[618px\] {
  top: 16.7em;
}
#room-slider #roomslist--version-four .roomSliderWrapper > div.lg\:max-w-\[618px\]:last-child {
  max-width: 668px;
} */
/* #room-slider .roomDetail-head-wrapper .tabbing-head li:first-child {
  display: none !important;
} */
#celebrations #sauna-block #inner-sauna #details-sauna .sauna-content-inner h2 {
  color: #FFF;
  font-family: var(--fontFamily-subHeading);
}

a#site-logo img {
  object-fit: contain !important;
}

/* #room-slider #roomslist--version-four .w-full.h-full.bg-\[\#000000CC\].fixed.left-0.top-0.z-50.flex.justify-center.items-center.\!z-\[10000\] .relative.w-full.md\:w-auto.h-\[400px\].md\:h-\[600px\].lg\:h-\[650px\].flex.overflow-hidden.mx-auto img {
  height: 100% !important;
} */
/* Social Wall css */
#SocialWall--widget .slick-list .slick-slide {
  flex-shrink: 0;
}

#SocialWall--widget .slick-list .slick-track {
  display: flex !important
}

#SocialWall--widget p.text-surface.mb-\[3\.6em\],
#SocialWall--widget p.text-surface.font-heading.m-0.text-lg.hover\:underline,
#SocialWall--widget p.text-secondary.m-0.text-xs.pt-2,
#SocialWall--widget p.text-secondary.flex.items-center.gap-2.hover\:text-surface.opacity-70.hover\:opacity-100.text-sm {
  font-family: "karla";
}

#SocialWall--widget section.py-6.font-body>div.text-center:first-child>h2.font-heading {
  font-size: 48px !important;
}

@media screen and (max-width:768px) and (min-width:426px) {
  #SocialWall--widget section.py-6.font-body>div.text-center:first-child>h2.font-heading {
    font-size: 55px !important;
    line-height: 1.25;
  }
}

@media screen and (max-width:425px) {
  #SocialWall--widget .flex.flex-row.items-center.pt-6.pb-2.gap-6 {
    --fontSize-base: 10px
  }

  #SocialWall--widget section.py-6.font-body>div.text-center:first-child>h2.font-heading {
    font-size: 30px !important;
  }

  #SocialWall--widget section.py-6.font-body>div.text-center:first-child {
    text-align: left;
  }

  #SocialWall--widget section.py-6.font-body>div.text-center:first-child>h2.font-heading {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #SocialWall--widget .flex.flex-row.relative.pb-6.border-b.border-\[\#e7e7e730\] {
    padding-left: 15px;
  }

  #SocialWall--widget .flex.flex-row.relative.pb-6.border-b.border-\[\#e7e7e730\]>div:first-child {
    padding-left: 15px;
  }

  #SocialWall--widget .flex.flex-row.relative.pb-6.border-b.border-\[\#e7e7e730\]>div:first-child>p {
    width: max-content;
  }
}

@media screen and (max-width:1023px) {
  #SocialWall--widget .overflow-hidden.relative.cursor-pointer.object-center.h-\[var\(--height-card\)\].p-\[6px\].lg\:p-\[12px\].text-base:hover .lg\:opacity-0.lg\:pointer-events-none.absolute.inset-0.hover\:bg-\[\#00000088\].z-10.m-4 {
    opacity: 0;
  }

  #SocialWall--widget .lg\:opacity-0.lg\:pointer-events-none.absolute.inset-0.hover\:bg-\[\#00000088\].z-10.m-4 {
    display: none;
  }
}

/* @media screen and (max-width:320px) and (min-width:320px) {
  #SocialWall--widget .slick-track div.slick-slide {
    width: 320px !important;
  }
}

@media screen and (max-width:375px) and (min-width:321px) {
  #SocialWall--widget .slick-track div.slick-slide {
    width: 375px !important;
  }
}

@media screen and (max-width:425px) and (min-width:376px) {
  #SocialWall--widget .slick-track div.slick-slide {
    width: 410px !important;
  }
}

@media screen and (max-width:768px) and (min-width:426px) {
  #SocialWall--widget .slick-track div.slick-slide {
    width: 400px !important;
  }
} */

#Topics #topics-cards .topicCard-swiperSlider .swiper-wrapper .swiper-slide .topic--card {
  cursor: unset !important;
}

@media screen and (max-width:425px) {
  #Topics #topics-cards {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.roomDetails_popup_container .amenities-wrapper {
  list-style: none;
  padding: 0;
}

.roomDetails_popup_container .amenities-wrapper li {
  position: relative;
  padding-left: 40px;
}

.roomDetails_popup_container .amenities-wrapper li::before {
  content: "" !important;
  height: 11px;
  width: 10px;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  transform: rotate(-45deg);
  left: 0;
  top: 10px;
  position: absolute;
  display: block;
  margin-right: .5em;
}

.roomDetails_popup_container .roomDetail-card .room-head>div>div.h-\[auto\].sm\:h-auto.md\:min-h-\[330px\].min-h-\[260px\] {
  min-height: 520px;
}

@media (max-width: 768px) {
  .roomDetails_popup_container .amenities-wrapper li::before {
    height: 12px;
    width: 20px;
    top: 8px;
  }

  .roomDetails_popup_container .roomDetail-card .room-head>div.flex div.w-full div.overflow-hidden div.absolute.top-0.bottom-0.flex {
    position: unset !important;
  }

  .roomDetails_popup_container .roomDetail-card .room-head>div>div.h-\[auto\].sm\:h-auto.md\:min-h-\[330px\].min-h-\[260px\] {
    min-height: auto;
    max-height: 600px;
  }
}

/* #SocialWall--widget {
  display: none !important;
} */

@media screen and (min-width:1025px) {
  #room-slider p.font-semibold.absolute.mx-auto.w-full.left-0.right-0.opacity-\[1\%\].bottom-\[1px\].text-\[10px\].md\:text-xs.whitespace-nowrap {
    font-size: 10px !important;
  }
}

/* #room-slider ._lar_dept_only_wbnwo_63 {
  color: #331b0c !important;
} */


/* roomDetail-priceCalculator:Start */
#__MTS_roomDetail-priceCalculator .flex.items-center.absolute.gap-\[var\(--buttonGap\)\]>button {
  background-color: rgba(77, 77, 77, .7);
}

#__MTS_roomDetail-priceCalculator .pricecalculator_requestbar_price {
  font-size: var(--fontSize-title) !important;
}

#__MTS_roomDetail-priceCalculator .flex.items-center.absolute.gap-\[var\(--buttonGap\)\]>button>svg {
  fill: white;
}

#__MTS_roomDetail-priceCalculator .people-icon {
  fill: #4d4d4d;
}

#__MTS_roomDetail-priceCalculator #tabsHolderID span:before {
  display: none;
}

#__MTS_roomDetail-priceCalculator .SelectedClass,
#__MTS_roomDetail-priceCalculator .ArrivalClass,
#__MTS_roomDetail-priceCalculator .DepartureClass,
#__MTS_roomDetail-priceCalculator .ClosedClass {
  font-size: 12px !important;
  line-height: 20px !important;
  font-family: "Bellefair" !important;
}

#__MTS_roomDetail-priceCalculator .pricecalculator_requestbar_text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#__MTS_roomDetail-priceCalculator .priceCalc-roomTitle {
  color: #ffffff !important;
  pointer-events: none;
}

@media screen and (max-width: 1024px) {
  #__MTS_roomDetail-priceCalculator .requestBarClass>div:first-child>div:last-child {
    margin-top: 0 !important;
  }
}

#__MTS_roomDetail-priceCalculator .requestBarClass {
  gap: 20px !important;
  justify-content: space-between !important;
  padding: 18px 40px;
  border: 0;
  background-color: #4D4D4D !important;
  /* flex-wrap: nowrap; */
}

#__MTS_roomDetail-priceCalculator .requestBarClass>.flex.flex-col.justify-between.items-center {
  position: relative;
  align-items: flex-start;
  padding-left: 78px;
}

#__MTS_roomDetail-priceCalculator .requestBarClass>.flex.flex-col.justify-between.items-center:after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  height: 56px;
  width: 56px;
  left: 0;
  background-image: url('../static/images/mealplan-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

/* #__MTS_roomDetail-priceCalculator .requestBarClass > .flex.flex-col.justify-between.items-center > span {
  padding-left: 8px;
} */

#__MTS_roomDetail-priceCalculator .requestBarClass .priceTab {
  flex-direction: row-reverse;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .priceTab>p {
  align-items: flex-start;
  margin-right: 0;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .priceTab>span {
  height: 56px;
  width: 56px;
  background-image: url('../static/images/calendar-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .priceTab>span svg {
  display: none;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .priceTab>span:before {
  display: none;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .hidden.lg\:block.lg\:border-primary-lighter.lg\:border-r.lg\:h-12.lg\:w-px.lg\:my-5 {
  border-color: #C3C3C3;
  height: calc(var(--fontSize-base) * 4);
}

#__MTS_roomDetail-priceCalculator .requestBarClass .occupancyTab>div:first-child {
  position: relative;
  padding-left: 60px;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .occupancyTab>div:first-child:before {
  position: absolute;
  content: '';
  height: 56px;
  width: 56px;
  left: 0;
  background-image: url('../static/images/person-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .occupancyTab>div:first-child>span:first-child {
  position: relative;
  padding-right: 34px;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .occupancyTab>div:first-child>span:first-child:after {
  position: absolute;
  content: '';
  height: 24px;
  width: 24px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-image: url("../static/icons/Arrow-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .pricecalculator_requestbar_price {
  font-weight: 400;
}

#__MTS_roomDetail-priceCalculator .pricecalculator_requestbar_price {
  flex: 1;
}

#__MTS_roomDetail-priceCalculator .DatesClass span.text-base {
  font-family: var(--fontFamily-calendarBody) !important;
}

#__MTS_roomDetail-priceCalculator .MonthNameClass {
  font-family: var(--fontFamily-calendarHeading) !important;
  font-size: var(--fontSize-calendarHeading-base) !important;
}

#__MTS_roomDetail-priceCalculator .DatesClass span {
  font-size: var(--fontSize-calendarBody-base) !important;
}

#__MTS_roomDetail-priceCalculator #MainCalendarHolderID {
  border-color: transparent !important;
  background-color: transparent !important;
}

#__MTS_roomDetail-priceCalculator .MonthParentClass div.text-center.py-2.border-b span,
#__MTS_roomDetail-priceCalculator div.flex.flex-wrap.w-60 div {
  font-size: var(--fontSize-calendarHeading-base) !important;
}

#__MTS_roomDetail-priceCalculator .MonthParentClass>div>div>div:last-child div.border,
#__MTS_roomDetail-priceCalculator .MonthParentClass>div>div>div.flex.flex-wrap.w-60 {
  border: 0.5px solid #4d4d4d !important;
}

#__MTS_roomDetail-priceCalculator .MonthParentClass>div>div>div.flex.flex-wrap.w-60 div:hover {
  background-color: unset !important;
  color: unset !important;
  opacity: 0.5 !important;
}

#__MTS_roomDetail-priceCalculator .accordianUlClass li div.rounded-md {
  border-radius: 0px !important;
}

#__MTS_roomDetail-priceCalculator .accordianUlClass li div.bg-label-darker {
  border: 1px solid #4D4D4D !important;
}

#__MTS_roomDetail-priceCalculator .pricecalculator_requestbar_text div.shadow-lg {
  background-color: #FFF !important;
}

#__MTS_roomDetail-priceCalculator .calendar-hide,
#__MTS_roomDetail-priceCalculator .priceTab span.absolute.right-4 {
  right: -20px !important;
}

#__MTS_roomDetail-priceCalculator select.focus\:outline-none.w-full.bg-surface option {
  border-bottom: 2px solid #4d4d4d !important;
}

#__MTS_roomDetail-priceCalculator .occupancy-popup {
  left: unset !important;
}

#__MTS_roomDetail-priceCalculator .flex.flex-col.justify-between.items-center select {
  text-align: left !important;
}

#__MTS_roomDetail-priceCalculator #tabsHolderID span.text-caption.font-caption {
  font-family: var(--fontFamily-caption) !important;
}

#__MTS_roomDetail-priceCalculator .flex.items-center.absolute.gap-\[var\(--buttonGap\)\]>button {
  width: 62px;
  height: 62px;
  background: url('../static/images/arrow.svg') center no-repeat rgba(0, 0, 0, .36);
  flex-basis: auto;
  font-size: 0;
  border: 0;
  outline: 0;
  background-size: 34px auto;
  transition: all .3s ease-in-out;
}

#__MTS_roomDetail-priceCalculator .flex.items-center.absolute.gap-\[var\(--buttonGap\)\]>button:first-child {
  transform: rotate(180deg);
}

#__MTS_roomDetail-priceCalculator .flex.items-center.absolute.gap-\[var\(--buttonGap\)\]>button svg {
  display: none;
}

#__MTS_roomDetail-priceCalculator .closeButton {
  background-color: transparent;
  padding: 0;
  align-items: center;
  margin-top: 2em;
  margin-right: 2em;
  text-transform: uppercase;
  gap: 5px;
  text-shadow: .05em 0 rgba(0, 0, 0, .05), 0 .05em rgba(0, 0, 0, .05), -.05em 0 rgba(0, 0, 0, .05), 0 -.05em rgba(0, 0, 0, .05), -.05em -.05em rgba(0, 0, 0, .05), -.05em .05em rgba(0, 0, 0, .05), .05em -.05em rgba(0, 0, 0, .05), .05em .05em rgba(0, 0, 0, .05);
  cursor: pointer;
}

#__MTS_roomDetail-priceCalculator .closeButton::before {
  position: relative;
  content: 'Close';
  font-size: 16px;
}

html[lang="de"] #__MTS_roomDetail-priceCalculator .closeButton::before {
  content: 'schliessen';
}

html[lang="it"] #__MTS_roomDetail-priceCalculator .closeButton::before {
  content: 'chiudi';
}

#__MTS_roomDetail-priceCalculator .closeButton svg {
  position: relative;
  background-color: transparent;
  fill: #ffffff;
  width: 30px;
  height: 30px;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .priceTab {
  position: relative;
}

#__MTS_roomDetail-priceCalculator .requestBarClass .priceTab>div:last-child {
  top: unset !important;
  bottom: 0;
  transform: translateY(100%);
}

#room-slider #roomslist--version-four .absolute.top-0.bottom-0.flex div img, 
#room-slider #roomslist--version-four .relative.w-full.h-full.flex.overflow-hidden {
  max-height: 600px;
}


#__MTS_roomDetail-priceCalculator .RoomDetailsTitleControl button.absolute.left-\[1\%\].md\:left-\[4\%\].lg\:left-\[8\%\].top-\[50\%\].-translate-y-1\/2,
#__MTS_roomDetail-priceCalculator .RoomDetailsTitleControl button.absolute.right-\[1\%\].md\:right-\[4\%\].lg\:right-\[8\%\].top-\[50\%\].-translate-y-1\/2 {
  top: calc(50% - 60px);
}

.bottom-booking-bar a.button--cta,
div#MainMenu--list li.menu-button a {
  font-family: "bellefair" !important;
}


@media screen and (max-width:1400px) {
  div#MainMenu--list li.menu-button a {
    font-size: 14px;
  }

}

@media screen and (max-width:1200px) {
  div#MainMenu--list li.menu-button a {
    font-size: 12px;
  }

  div#news-slider #topics-cards .swiper-slide .relative.md\:absolute.md\:top-\[50\%\].md\:translate-y-\[-50\%\].w-full.mx-auto.flex.justify-center.items-center.text-primary-light.z-20 h3 {
    font-size: 25px;
    line-height: 1.4;
  }

  #__MTS_roomDetail-priceCalculator .requestBarClass .priceTab>span,
  #__MTS_roomDetail-priceCalculator .requestBarClass>.flex.flex-col.justify-between.items-center:after,
  #__MTS_roomDetail-priceCalculator .requestBarClass .occupancyTab>div:first-child:before {
    height: 40px;
    width: 40px;
  }

  #__MTS_roomDetail-priceCalculator .requestBarClass>.flex.flex-col.justify-between.items-center,
  #__MTS_roomDetail-priceCalculator .requestBarClass .occupancyTab>div:first-child {
    padding-left: 50px;
  }

  #__MTS_roomDetail-priceCalculator .requestBarClass .pricecalculator_requestbar_price {
    font-size: 28px !important;
    line-height: 1.25;
    white-space: nowrap;
  }

  #__MTS_roomDetail-priceCalculator .requestBarClass .hidden.lg\:block.lg\:border-primary-lighter.lg\:border-r.lg\:h-12.lg\:w-px.lg\:my-5 {
    display: none;
  }

  #__MTS_roomDetail-priceCalculator .requestBarClass .priceTab {
    justify-content: center;
  }

  #__MTS_roomDetail-priceCalculator .requestBarClass {
    flex-direction: column;
  }
}

@media screen and (max-width:1024px) {
  #__MTS_roomDetail-priceCalculator .\!bg-\[\#00000000\].\!p-0.\!z-\[10000\].\32 xl\:w-8\/12.bg-surface.duration-300.ease-in.flex.flex-col.h-full.overflow-hidden.p-4.relative.transform.transition.translate-y-0.w-full.xl\:w-4\/5 {
    margin: 0 !important;
    padding: 0 !important;
  }

  #__MTS_roomDetail-priceCalculator select.cursor-pointer.px-2.py-1.focus\:outline-none.bg-primary.w-full.tracking-\[1\.26px\].text-primary-darker {
    min-width: 130px;
  }
}

@media screen and (max-width:1023px) {
  #room-slider #roomslist--version-four .roomCard-head+div {
    padding-bottom: 0 !important;
  }

  div#news-slider #topics-cards .swiper-slide .relative.md\:absolute.md\:top-\[50\%\].md\:translate-y-\[-50\%\].w-full.mx-auto.flex.justify-center.items-center.text-primary-light.z-20 h3 {
    padding: 10px 30px;
  }

  div#about-site-textbox #naviagtion-arrow .navigation-button #navigation-previous {
    left: 1em;
  }

  div#about-site-textbox #naviagtion-arrow .navigation-button #navigation-next {
    right: 1em;
  }

  #Highlight #contentbox h2 {
    font-size: 55px !important;
    line-height: 1.25;
  }

  #__MTS_roomDetail-priceCalculator .requestBarClass .pricecalculator_requestbar_price {
    padding-top: 0;
  }
}

@media screen and (max-width:767px) {
  #__MTS_roomDetail-priceCalculator p.priceCalc-roomTitle {
    pointer-events: all;
    color: #4d4d4d !important;
  }

  #news-slider #navigation-arrow {
    top: calc(50% - 30px);
  }

  #Topics #topics-cards .card-swiperSlider {
    flex-wrap: wrap;
  }

  div#Topics #navigation-arrow {
    position: relative;
    top: 0;
    bottom: unset;
    transform: unset;
    width: 100%;
  }

  div#Topics #navigation-arrow .navigation-button {
    justify-content: center;
    gap: 10px;
  }

  div#Topics #navigation-arrow .navigation-button>div {
    position: relative;
  }

  div#news-slider #topics-cards .swiper-slide .relative.md\:absolute.md\:top-\[50\%\].md\:translate-y-\[-50\%\].w-full.mx-auto.flex.justify-center.items-center.text-primary-light.z-20 h3 {
    font-size: 22px;
    line-height: 1.4;
    text-shadow: none !important;
  }

  div#__MTS_request-form form .flex.flex-wrap.md\:flex-nowrap.w-full.gap-2>div {
    width: 100%;
  }
}

@media screen and (max-width:640px) {
  div#Highlight #contentbox h2 {
    font-size: 30px !important;
  }
}

#__MTS_roomDetail-priceCalculator .ToolTipClass1,
#__MTS_roomDetail-priceCalculator .ToolTipClass2 {
  background-color: #4D4D4D !important;
  color: #E9E9E9 !important;
  width: max-content !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#__MTS_roomDetail-priceCalculator .occupancyPopUpTitleClass>div.absolute {
  border-color: transparent transparent #6cdacc transparent !important;
}

.container.mx-auto {
  background-color: transparent !important;
}

@media screen and (max-width:1024px) and (min-width:769px) {
  #__MTS_roomDetail-priceCalculator .requestBarClass {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 25px !important;
  }
}

@media screen and (max-width: 768px) {
  #__MTS_roomDetail-priceCalculator .requestBarClass>div:first-child>div:last-child {
    font-size: 18px !important;
  }

  #__MTS_roomDetail-priceCalculator .priceTab {
    margin-bottom: 0 !important;
  }

  #__MTS_roomDetail-priceCalculator .w-full.flex.flex-col.justify-between.mt-3.lg\:mt-8,
  #__MTS_roomDetail-priceCalculator #tabsHolderID {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #__MTS_roomDetail-priceCalculator .requestBarClass {
    background-color: #4D4D4D !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    gap: 10px !important;
  }

  div#__MTS_roomDetail-priceCalculator .requestBarClass div:nth-child(5) select {
    background-image: url('../static/icons/Arrow-white.svg');
  }
}


@media screen and (min-width: 1025px) {
  #__MTS_roomDetail-priceCalculator .InfoClass {
    font-size: 18px !important;
    line-height: 30px !important;
  }

  #__MTS_roomDetail-priceCalculator .pricecalculator_requestbar_text div.shadow-lg.absolute.w-\[320px\].sm\:w-\[380px\] {
    width: 420px !important;
  }

  #__MTS_roomDetail-priceCalculator .pricecalculator_requestbar_text,
  #__MTS_roomDetail-priceCalculator .flex.flex-col.justify-between.items-center span,
  #__MTS_roomDetail-priceCalculator .flex.flex-col.justify-between.items-center select {
    font-size: var(--fontSize-subText) !important;
  }
}


@media screen and (min-width:1024px) {
  /* #__MTS_roomDetail-priceCalculator .requestBarClass {
    margin-left: 50px !important;
    margin-right: 50px !important;
  } */

  #__MTS_roomDetail-priceCalculator .w-full.flex.flex-col.justify-between.mt-3.lg\:mt-8,
  #__MTS_roomDetail-priceCalculator #tabsHolderID {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  div#news-slider #topics-cards #navigation-arrow .navigation-button>div,
  div#Topics #topics-cards #navigation-arrow .navigation-button>div,
  div#news-slider #topics-cards #navigation-arrow .navigation-button>div#navigation-next,
  div#Topics #topics-cards #navigation-arrow .navigation-button>div#navigation-next {
    height: 60px;
    width: 60px;
  }
}

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

  div#news-slider #topics-cards #navigation-arrow .navigation-button>div,
  div#Topics #topics-cards #navigation-arrow .navigation-button>div,
  div#news-slider #topics-cards #navigation-arrow .navigation-button>div#navigation-next,
  div#Topics #topics-cards #navigation-arrow .navigation-button>div#navigation-next {
    height: 100px;
    width: 100px;
  }
}

/* roomDetail-priceCalculator:End */

img.h-\[100\%\].w-\[inherit\].min-w-\[inherit\].object-cover.object-center {
  height: auto !important;
}

/* request-from:Start */
#__MTS_request-form .MonthParentClass div.absolute.z-\[10\].shadow-lg {
  background-color: #FFF !important;
}

#__MTS_request-form .flex.flex-wrap.w-60 div.w-1\/3.py-2.border.text-center.cursor-pointer.hover\:bg-primary-light:hover {
  background-color: unset !important;
  color: unset !important;
  opacity: 0.5 !important;
}

#__MTS_request-form .flex.flex-wrap.w-60 div.w-1\/3.py-2.border.text-center.cursor-pointer.text-surface.border-primary-dark:hover {
  background-color: #4D4D4D !important;
  color: #FFF !important;
  opacity: 1 !important;
}

#__MTS_request-form select.focus\:outline-none.w-full.bg-surface {
  -webkit-box-shadow: 0 0 0px 1000px #FFF inset !important;
  -webkit-text-fill-color: #4D4D4D !important;
}

#__MTS_request-form select.focus\:outline-none.w-full.bg-surface option:hover {
  opacity: 0.5 !important;
}

#__MTS_request-form select+span {
  width: 24px;
  height: 24px;
  background-image: url(../static/images/chevron-down.svg);
  background-position: center center;
  background-size: 14px;
  background-repeat: no-repeat;
  pointer-events: none;
  right: 16px;
}

#__MTS_request-form .RequestSubmitButton {
  background-color: var(--backgroundColor-button) !important;
  color: var(--color-button) !important;
  border: 1px solid transparent !important;
}

#__MTS_request-form .RequestSubmitButton:hover {
  background-color: var(--backgroundColor-button-hover) !important;
  color: var(--color-button-hover) !important;
  border: 1px solid transparent !important;
}

#__MTS_request-form .privacy_checkbox {
  top: 7px !important;
}

#__MTS_request-form .requestForm-success {
  background-color: #4D4D4D !important;
  color: #e9e9e9 !important;
}

#__MTS_request-form select+span svg {
  fill: #e9e9e9 !important;
}

#__MTS_request-form #privacy {
  top: 0px;
}

#__MTS_request-form form .flex.flex-wrap.md\:flex-nowrap.w-full.gap-2 {
  justify-content: space-between;
  gap: 0;
}

#__MTS_request-form form .flex.flex-wrap.md\:flex-nowrap.w-full.gap-2>div {
  width: calc(50% - 10px);
}


@media screen and (max-width:320px) {
  #__MTS_request-form .shadow-lg.bottom-0.sm\:left-0.w-\[320px\].sm\:w-\[430px\] {
    width: 300px !important;
  }

  #__MTS_request-form .calNightsLabelClass {
    font-size: 8px !important;
  }

  #__MTS_request-form .MonthNameClass,
  #__MTS_request-form .DaysClass div.text-base,
  #__MTS_request-form .DatesClass span.text-base {
    font-size: 18px !important;
  }
}

@media screen and (max-width:425px) and (min-width:321px) {
  #__MTS_request-form .shadow-lg.bottom-0.sm\:left-0.w-\[320px\].sm\:w-\[430px\] {
    width: 100% !important;
  }
}

@media screen and (max-width:768px) {
  #requestForm .privacy_checkbox+label {
    font-size: 16px;
    line-height: 1.6;
  }

  #requestForm .privacy_checkbox>div:first-child {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-color: #3A3A3C;
    border-radius: 2px;
    /* top: 0px; */
  }

  #requestForm .privacy_checkbox svg.absolute.top-1\.5.left-\[2px\].h-\[12px\].w-\[12px\].stroke.stroke-\[color\:var\(--color-primary\)\].stroke-2 {
    width: 14px;
    height: 14px;
    top: 0.2em;
    left: .2em;
    stroke: #3A3A3C;
  }
}

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

  #__MTS_request-form p.MonthNameClass,
  #__MTS_request-form .DaysClass div {
    font-size: var(--fontFamily-calendarBody-base) !important;
  }

  #requestForm .privacy_checkbox+label {
    font-size: 18px;
    line-height: 1.6;
  }

  #requestForm .privacy_checkbox>div:first-child {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-color: #3A3A3C;
    border-radius: 2px;
    top: 0px;
  }

  #requestForm .privacy_checkbox svg.absolute.top-1\.5.left-\[2px\].h-\[12px\].w-\[12px\].stroke.stroke-\[color\:var\(--color-primary\)\].stroke-2 {
    width: 14px;
    height: 14px;
    top: 3px;
    left: .2em;
    stroke: #3A3A3C;
  }
}

/* request-from:End */

#roomslist--version-four .enquiryButtonClass {
  display: none !important;
}

/* #roomslist--version-four #gridButtondevID{
  display: flex !important;
  justify-content: end !important;
} */

#apartments .font-heading.text-primary.text-heading {
  color: #FFF;
}

h2,
.h2 {
  --fontSize-heading: 30px;
  --fontSize-subHeading: 30px;
}

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

  h2,
  .h2 {
    --fontSize-heading: 48px;
    --fontSize-subHeading: 48px;
  }
}

/* style for all titles for home page */
@media screen and (min-width:1025px) {

  h2,
  .h2 {
    --fontSize-heading: 55px;
    --fontSize-subHeading: 55px;
  }

  #Rooms-list #contentbox h2,
  #news-slider #heading--title,
  #bubble-tent #details-sauna h2#title,
  #apartments #details-sauna h2#title,
  #celebrations #details-sauna h2#title,
  #cafe-bistro #details-sauna h2#title,
  #spa-wellness #details-sauna h2#title,
  #Amenities #amenities-list #amenities-content h2,
  #Highlight #contentbox h2,
  #Gallery_slider #gallery-slider>div:first-child>div:first-child h2 {
    font-family: "reckless" !important;
    font-size: 55px !important;
  }
}

/* style for menu bar background color */
#header-bar,
#MainMenu--list {
  background-color: #d9ede8 !important;
}

/* style for change website background color */
body#reindahls {
  background-color: #f5f5f5 !important;
}

/* style for change background for request-form */
#__MTS_request-form form>div:first-child,
#__MTS_request-form label,
#__MTS_request-form span.m-mInputLabel,
div#__MTS_request-form.bg-primary,
#__MTS_request-form div.bg-input {
  background-color: #f5f5f5 !important;
}

/* style for hide left and right side view for slider */
#Topics #topics-cards .card-swiperSlider:before,
#Topics #topics-cards .card-swiperSlider:after,
#news-slider #topics-cards .card-swiperSlider:before,
#news-slider #topics-cards .card-swiperSlider:after {
  background-color: #f5f5f5 !important;
}

div#news-slider #topics-cards #navigation-arrow .navigation-button>div,
div#Topics #topics-cards #navigation-arrow .navigation-button>div {
  display: flex;
}

#news-slider #topics-cards .swiper-slide .relative.md\:absolute.md\:top-\[50\%\].md\:translate-y-\[-50\%\].w-full.mx-auto.flex.justify-center.items-center.text-primary-light.z-20 h3 {
  padding: 10px 50px;
  word-break: break-word;
  text-shadow: 2px 2px rgba(0, 0, 0, .2);
}

div#news-slider #topics-cards #navigation-arrow .navigation-button>div {
  display: flex;
}

/* font-style for menu items */
.menu-desktop li {
  font-family: "bellefair" !important;
}

#__MTS_roomDetail-priceCalculator .priceCalc-roomTitle {
  color: #FFF !important;
}

#__MTS_roomDetail-priceCalculator .roomdetail_scrollbarmodal .requestBarClass button[title=ANFRAGEN] {
  display: none;
}

#__MTS_roomDetail-priceCalculator .roomdetail_scrollbarmodal .requestBarClass button[title=BUCHEN] {
  width: auto;
}

#__MTS_roomDetail-priceCalculator .roomdetail_scrollbarmodal #priceDetailHeaderParent .RoomDetailsTitleControl {
  height: 25em;
}

#__MTS_roomDetail-priceCalculator .priceCalc-roomTitle+div {
  --fontSize-subHeading: 16px;
}

#__MTS_roomDetail-priceCalculator .bg-surface.p-4.flex.flex-col.lg\:mx-2.w-full.\!bg-\[\#00000000\].xl\:w-4\/5.\32 xl\:w-8\/12.h-full.overflow-hidden.mx-0.\!z-\[10000\].\!p-0.relative.transition.transform.ease-in.duration-300.translate-y-0 {
  max-width: 1300px;
  width: 100%;
  margin: 0;
}

#about-site-textbox .about-swiperSlider {
  max-height: 780px;
}

#about-site-textbox .about-swiperSlider img {
  object-fit: cover;
}

#about-site-textbox #naviagtion-arrow .navigation-button {
  position: relative;
}

#about-site-textbox #naviagtion-arrow .navigation-button>div {
  position: relative;
  left: unset;
  right: unset;
  margin-top: 0;
}

#about-site-textbox #naviagtion-arrow {
  left: 0;
  position: absolute;
  margin-top: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  bottom: unset;
  z-index: 9;
  display: block
}

#about-site-textbox #naviagtion-arrow .navigation-button {
  justify-content: space-between;
}

#about-site-textbox #naviagtion-arrow .navigation-button #navigation-previous {
  left: calc(var(--fontSize-base) * 1.75);
}

#about-site-textbox #naviagtion-arrow .navigation-button #navigation-next {
  right: calc(var(--fontSize-base) * 1.75);
}

#__MTS_roomDetail-priceCalculator .calendar-hide svg {
  display: none;
}

#__MTS_roomDetail-priceCalculator .calendar-hide:before {
  position: relative;
  content: "";
  background-image: url("../static/icons/calendar.svg");
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  display: block;
}

#topics-cards #main--topiclists .linkText {
  font-weight: 700;
}

#topics-cards #main--topiclists .linkText:hover {
  text-decoration: underline;
}

#__MTS_roomDetail-priceCalculator .calendar-hide,
#__MTS_roomDetail-priceCalculator .priceTab span.absolute.right-4 {
  position: relative;
  fill: #FFFFFF;
  right: unset !important;
  left: 0;
}


#__MTS_roomDetail-priceCalculator .occupancyPopUpFormClass select {
  height: 35px;
  background: url('data:image/svg+xml;utf8,<svg width="8" height="5" viewBox="0 0 8 5" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M0.94 0L4 3.09042L7.06 0L8 0.951417L4 5L0 0.951417L0.94 0Z" fill="black"/></svg>');
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: center right 10px;
}

#__MTS_roomDetail-priceCalculator .occupancyPopUpFormClass select::-ms-expand {
  display: none;
}

/* #__MTS_roomDetail-priceCalculator .occupancyTab span:first-child:after{
  position: absolute;
  content: "";
  background-image: url("../static/icons/Arrow.svg");
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  right: -40px;
  bottom: 10px;
} */

#__MTS_roomDetail-priceCalculator .requestBarClass div:nth-child(5) select {
  background-image: url("../static/icons/Arrow-white.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 24px 24px;
  padding-right: 30px;
}

#__MTS_roomDetail-priceCalculator .LiElementClass>div:first-child {
  font-family: var(--fontFamily-caption);
}

/* #__MTS_roomDetail-priceCalculator .occupancyTab > div.flex.flex-col{
  align-items: flex-start;
} */

#__MTS_roomDetail-priceCalculator select.cursor-pointer.px-2.py-1.focus\:outline-none.bg-primary.w-full.tracking-\[1\.26px\].text-primary-darker {
  -webkit-appearance: none;
  min-width: 160px;
  padding-left: 0;
  color: #FFF !important;
}

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

  #apartments,
  #celebrations,
  #cafe-bistro,
  #spa-wellness,
  #Amenities,
  #Highlight,
  #Widget_Social_Wall,
  #Topics,
  #Gallery_slider,
  #bubble-tent {
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

#__MTS_roomDetail-priceCalculator .occupancyPopUpFormClass div.flex.justify-between.items-center.mt-3,
#__MTS_roomDetail-priceCalculator .occupancyTab .pricecalculator_requestbar_text {
  display: none;
}

#terms-and-condition {
  padding-left: 0;
  padding-right: 0;
}

#roomslist--version-four .roomCard-priceText {
  display: none;
}

#Rooms-list #__MTS_roomDetail-priceCalculator .roomdetail_scrollbarmodal #priceDetailHeaderParent .RoomDetailsTitleControl:after,
#room-slider #__MTS_roomDetail-priceCalculator .roomdetail_scrollbarmodal #priceDetailHeaderParent .RoomDetailsTitleControl:after {
  pointer-events: none;
}

/* 
#__MTS_roomDetail-priceCalculator .bg-surface.p-4.flex.flex-col.mx-2.w-full.flex.justify-center.text-\[white\].text-4xl.font-bold.w-11\/12.lg\:w-10\/12.p-0.md\:p-2.lg\:p-4.floorPlanPopup .relative.w-full.md\:w-\[inherit\].md\:h-\[inherit\].flex.overflow-hidden.mx-auto {
  max-width: 100%;
}  */

#reindahls #editComponent-overlay .mts-slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 22px;
  top: 3px;
  transition: .4s;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 1px rgba(0, 0, 0, .15);
}

#reindahls #editComponent-overlay input:checked+.mts-slider:before {
  transform: translateX(-7px);
}

#requestForm .bg-primary.max-w-widget.mx-auto.font-body.text-base.border-primary>form>div>div:last-child>div:first-child>div:first-child>label:first-child {
  margin-top: 0 !important;
}

#requestForm .grid.grid-cols-1.md\:grid-cols-2.gap-4.lg\:gap-12 {
  display: flex;
  justify-content: center;
}

#requestForm .grid.grid-cols-1.md\:grid-cols-2.gap-4.lg\:gap-12>div:first-child {
  display: none;
}


@media screen and (min-width:1441px) {
  #cafe-bistro #sauna-block #inner-sauna .w-full.lg\:w-1\/2.xl\:w-\[55\%\].relative #title {
    width: max-content;
  }
}

/* #SocialWall--widget {
  display: none;
} */


/* page-speed:Start */

@media screen and (min-width:1441px) {
  #about-site-textbox #about_site .description-about {
    min-height: 300px;
  }

  #MainMenu--list .site-logo+div nav {
    justify-content: unset !important;
  }

  #MainMenu--list .site-logo+div nav.menu--desktop.icons-desktop-menu ul {
    --underline-offset-x: 0;
  }

  #mail-menu img,
  #call-menu img,
  #Instagram img {
    height: 24px;
    width: 24px;
  }

  #MainMenu--list .site-logo #site-logo img,
  #site-logo img {
    width: 270px;
    height: 100px;
  }

  #hotelVideo {
    min-height: 1920px;
  }

}

/* page-speed:End */

._404error #contentbox h3{
  color: #4D4D4D;
}

._404error #contentbox h2, ._404error #contentbox h3, ._404error #contentbox p {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  line-height: 1.5 !important;
}

._404error #contentbox p {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  line-height: 1.5 !important;
  font-size: 18px !important;
}

._404error #contentbox p a {
  font-weight: 600;
}

._404error #contentbox p a:hover {
  text-decoration: underline;
}
._404error #Error-content {
  margin-top: 30px;
}

#Footer-contact nav ul li#instagram .imageWrapperComponent img {
  width: 100%;
  height: 100%;
  max-width: 28px;
  max-height: 28px;
}

#__MTS_roomDetail-priceCalculator > div > div:first-child {
    max-height: unset !important;
}

@media screen and (min-width:1536px) {
  #sauna-block #picture-sauna picture, 
  #sauna-block #picture-sauna picture img {
    max-height: unset !important;
  }
}

/* image-component:Start */
/* #bubble-tent #bubble-tent #sauna-block #picture-sauna .imageWrapperComponent {
  width: 635px;
}

#sauna-block #picture-sauna picture img,
#sauna-block #picture-sauna picture {
  height: auto !important;
}

#bubble-tent .imageWrapperComponent {
  height: 100%;
  width: 100%;
}

div[class*=ImageSliderTextBox] .image-swiper-slide .swiper-slide>div {
  height: 100% !important;
} */
/* image-component:End */