/*-----------------------------------------------------------*/
/* Template                                                  */
/*-----------------------------------------------------------*/

body {
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-lines: 2;

  -moz-hyphenate-limit-chars: 6 3 3;

  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-chars: 6 3 3;

  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  -webkit-font-smoothing: antialiased;
}
a {
  color: inherit;
}
svg {
  display: block;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

input:focus {
  outline: none;
}

/* Utility Classes */

[lang]:not([lang="de"]) [cb-lang-element="de"],
[lang]:not([lang="fr"]) [cb-lang-element="fr"],
[lang]:not([lang="it"]) [cb-lang-element="it"],
[lang]:not([lang="en"]) [cb-lang-element="en"] {
  display: none;
}
.utl__hidden {
  display: none;
}
.utl__hyphens {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
[cb-scrollbar-hidden="true"]::-webkit-scrollbar {
  display: none;
}
[cb-scrollbar-hidden="true"]::-webkit-scrollbar {
  display: none;
}

/* Different CSS for touch devices */

@media (hover: hover) {
}

@media (hover: none) {
}

/* Rich Text */

.utl__rich-text ol li {
  counter-increment: step-counter;
}
.utl__rich-text ol li::before {
  content: counter(step-counter);
  position: absolute;
  left: 0;
  width: 26px;
  height: 26px;
  font-size: 14px;
  color: #111111;
  font-weight: 500;
  background-color: #f3f4f5;
  border-radius: 99px;
  text-align: center;
  line-height: 28px;
}

/* Colored selection */

::selection {
  background: rgb(179 164 138);
  color: white;
}
::-moz-selection {
  background: rgb(179 164 138);
  color: white;
}

body .wg-progress {
  background-color: transparent;
  box-shadow: none;
  display: none;
}
body .wg-progress-bar {
  background-color: vransparent;
  box-shadow: none;
  display: none;
}

.image-gallery__overlay {
  pointer-events: none;
}


/*-----------------------------------------------------------*/
/* Custom CSS                                                */
/*-----------------------------------------------------------*/

/* Sticky Nav Menu */

.nav-menu__sticky .nav-link,
.nav-menu__sticky .lng-link,
.nav-menu-mob__normal-scroll .lng-link,
.nav-menu-mob__normal-click .lng-link,
.nav-menu-normal .nav-menu-info-link {
  color: rgb(0 33 60 / 60%);
  height: 60px;
}

.lng-link.weglot-link--active {
  color: #fff;
}
.nav-menu-normal .nav-link,
.nav-menu-normal .lng-link {
  color: rgb(0 33 60 / 60%);
  height: 58px;
}
.nav-menu-normal .nav-menu__sticky,
.popup .nav-menu.nav-menu__sticky-copy {
  border-bottom: none;
}
.nav-menu-normal .nav-link,
.nav-menu-normal .nav-menu-info-link {
  height: auto;
}
.nav-menu__sticky .nav-link:hover,
.nav-menu-normal .nav-link:hover,
.nav-menu__sticky .lng-link:hover,
.nav-menu-normal .lng-link:hover,
.nav-menu__sticky .lng-link.weglot-link--active,
.nav-menu-mob__normal-scroll .lng-link.active,
.nav-menu-mob__normal-click .lng-link.active,
.nav-menu-normal .lng-link.active,
.nav-menu-normal .lng-link.weglot-link--active,
.nav-menu-mob__normal-scroll .weglot-link--active,
.nav-menu-mob__normal-click .lng-link.weglot-link--active {
  color: #00213c;
}
.nav-menu-mob.nav-menu-mob__normal-scroll,
.nav-menu-mob.nav-menu-mob__click-scroll {
  background-color: #f7f5ed;
}
.nav-menu-mob__normal-scroll .nav-logo-white,
.nav-menu-mob__normal-click .nav-logo-white,
.nav-menu-normal .nav-logo-white,
.nav-menu-normal .nav-logo-desktop-white,
.nav-menu-mob__normal-scroll .nav-menu-btn-ic__white,
.nav-menu-mob__normal-click .nav-menu-btn-ic__white,
.nav-menu-normal .nav-menu-btn-ic__white {
  opacity: 0;
}
.nav-menu-mob__normal-scroll .nav-logo-color,
.nav-menu-mob__normal-click .nav-logo-color,
.nav-menu-normal .nav-logo-desktop-color,
.nav-menu-normal .nav-logo-color,
.nav-menu-mob__normal-scroll .nav-menu-btn-ic__color,
.nav-menu-mob__normal-click .nav-menu-btn-ic__color,
.nav-menu-normal .nav-menu-btn-ic__color {
  opacity: 1;
}
.nav-menu-mob__normal-scroll,
.nav-menu-normal .nav-menu-pt-top,
.nav-menu-normal .nav-menu__container {
  border-bottom-color: #e0e1df;
}
.nav-menu__sticky .nav-link.w--current,
.nav-menu-normal .nav-link.w--current {
  color: #00213c;
  border-bottom-color: #00213c;
}
.nav-menu__sticky .button__nav,
.sticky-cta-mob .button__nav,
.nav-menu-normal .button__nav {
  color: #00213c;
  border: 1px solid #e0e1df;
  background-color: #e0e1df;
}
.nav-menu__sticky .button__nav:hover,
.sticky-cta-mob .button__nav:hover,
.nav-menu-normal .button__nav:hover {
  color: #00213c;
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: rgba(0, 33, 60, 0.15);
}


/* Swiper Styling */

.carousel-nav {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

/* Home Page - Benefits Swiper */
.home-benefits-list {
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.home-benefits-item {
  opacity: 1 !important;
}

/* About Arosa Table */

.c-places-item:hover {
  z-index: 3;
}
.places-item-preview {
  pointer-events: none;
}
.places-season-item:nth-child(2):before {
  content: "\00a0/\00a0";
}

/* Quote Avatars */

.quote-avatar:nth-child(1) {
  margin-left: 0;
}
.quote-avatar:nth-child(2) {
  z-index: 9;
}
.quote-avatar:nth-child(3) {
  z-index: 8;
}
.quote-avatar:nth-child(4) {
  z-index: 7;
}

/* Angebote Replacement Menu */

.angebote-menu-item.angebote-menu-item__active > .angebote-menu-item-content {
  opacity: 1;
}
.angebote-menu-item.angebote-menu-item__active > .angebote-menu__img {
  opacity: 1;
  z-index: -1;
}
.angebote-menu-item__active .angebote-menu-item-content {
  opacity: 1;
}

/* Blog Common Page */

.blog-category:nth-child(2):before,
.blog-grid-season-item:nth-child(2):before {
  content: "\00a0/\00a0";
}

/* Blog Slider */

.blog-slider-thumbnail-item:hover .blog-slider-thumbnail-item__title,
.blog-slider-thumbnail-item.swiper-slide-active .blog-slider-thumbnail-item__title {
  opacity: 1;
}
.blog-slider-thumbnail-item:hover .blog-slider-thumbnail-item__info,
.blog-slider-thumbnail-item.swiper-slide-active .blog-slider-thumbnail-item__info {
  opacity: 0.7;
}
.blog-slider-main-item.swiper-slide-active {
  z-index: 10;
}

/* Highlights Carousel */

.highlights-carousel-slide.swiper-slide-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.highlights-carousel-slide {
  transform: translateX(calc(-50% * var(--distance-to-active, 1) + 43% * var(--active-at-right, 1)))
    scale(0.5);
}

/* UI --- Scroll Down */

.scroll-down-decor {
  pointer-events: none;
}
.scroll-down-decor__copy {
  animation: scrollDown 4s ease 0s infinite normal forwards;
}
@keyframes scrollDown {
  0%,
  50%,
  100% {
    opacity: 0.7;
  }

  25%,
  75% {
    opacity: 0.4;
  }
}

/* UI  */

.hero__image__home {
  height: calc(100vh + 218px);
}
.popup-collection-item.popup-active {
  display: -ms-grid;
  display: grid;
}
.blog-grid-item-image:hover .blog-grid-item-image__img,
.suiten-carousel-slide__link:hover .suiten-carousel-slide__img,
.highlights-slide:hover .highlights-slide__img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: -webkit-transform 06s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.suiten-carousel-slide__link:hover .card-overlay,
.highlights-slide:hover .card-overlay,
.blog-grid-item-image:hover .card-overlay {
  background-color: rgb(255 255 255 / 7%);
}

/* ==== TOGGLE === */

.hero .s-toggle .s-toggle__text__span {
  color: hsla(0, 0%, 100%, 0.7);
}
/*
.hero .s-toggle__box {
  background-color: #3e3e3e;
}
*/
.hero .s-toggle__box__marker {
  background-color: #fff;
}

.s-toggle__box__marker {
  transition: transform 0.3s ease-in-out;
}
.s-toggle__box__icon {
  transition: color 0.3s ease-in-out;
}

body.summer .hero .s-toggle .s-toggle__box__item:nth-of-type(1) .s-toggle__box__icon {
  color: #000;
}

body.summer .s-toggle .s-toggle__box__item:nth-of-type(1) .s-toggle__box__icon {
  color: #fff;
}
body.summer .s-toggle .s-toggle__box__item:nth-of-type(2) .s-toggle__box__icon {
  color: #8b969a;
}

body.summer .hero .s-toggle .s-toggle__box__item:nth-of-type(2) .s-toggle__box__icon {
  color: #fff;
}

body.winter .s-toggle .s-toggle__box__item:nth-of-type(2) .s-toggle__box__icon {
  color: #fff;
}

body.summer .s-toggle .s-toggle__text__span.cc-summer {
  display: block !important;
}
body.summer .s-toggle .s-toggle__text__span.cc-winter {
  display: none !important;
}
body.winter .s-toggle .s-toggle__text__span.cc-summer {
  display: none !important;
}
body.winter .s-toggle .s-toggle__text__span.cc-winter {
  display: block !important;
}

body.summer .s-toggle__box__marker {
  transform: translateX(0px);
}

body.winter .s-toggle__box__marker {
  transform: translateX(30px);
}

body.winter .hero .s-toggle .s-toggle__box__item:nth-of-type(1) .s-toggle__box__icon {
  color: #fff;
}

body.winter .s-toggle .s-toggle__box__item:nth-of-type(1) .s-toggle__box__icon {
  color: #8b969a;
}

body.winter .hero .s-toggle .s-toggle__box__item:nth-of-type(2) .s-toggle__box__icon {
  color: #000;
}

body.winter .s-toggle .s-toggle__box__item:nth-of-type(2) .s-toggle__box__icon {
  color: #fff;
}

.s-toggle__box {
  background-color: rgba(180, 171, 150, 0.2);
}
.s-toggle__box__marker {
  background-color: #00213c;
}

body.summer .hero__summer {
  opacity: 1 !important;
  display: block;
}
body.summer .hero__winter {
  opacity: 0 !important;
  display: none;
}
body.winter .hero__summer {
  opacity: 0 !important;
  display: none;
}
body.winter .hero__winter {
  opacity: 1 !important;
  display: block;
}

/* ==== BLOG SLIDER ==== */
.blog__slider__list .slick-list {
  height: 100% !important;
  width: 100% !important;
}
.blog__slider__list .slick-track {
  display: flex !important;
  height: 100% !important;
}
.blog__slider__list .slick-slide {
  height: 100% !important;
  width: 100% !important;
}
.blog__slider__list .slick-slide {
  width: 100%;
  height: 100%;
}

.blog__slider__nav__thumbnail__wrapper .slick-slide {
  opacity: 0.7;
}

.blog__slider__nav__thumbnail__wrapper .slick-slide.slick-current.slick-active {
  opacity: 1 !important;
}

.blog__slider__nav__thumbnail__wrapper .slick-track {
  display: flex !important;
}

.blog__slider__nav__thumbnail__wrapper .slick-slide:not(:last-child) {
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .blog__slider__nav__thumbnail__wrapper .slick-list {
    width: 90% !important;
    overflow: visible !important;
  }
}

/* Text Reveal */

.cb-ts__wrapper {
  overflow-y: hidden;
  display: inline-block;
  margin: -0.2em;
  vertical-align: top;
}
.cb-ts__item {
  padding: 0.2em;
  transform: translateY(120%);
  display: inline-block;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.69, 0.04, 0.83, 0.32);
  transition-property: opacity, transform;
  transition-delay: calc(0.05s * (var(--length) - (var(--index) + 1)));
}
.cb-ts__active .cb-ts__item {
  transform: translateY(0%);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: calc(0.05s * var(--index));
}
.cb-ts__visible {
  opacity: 1;
}

@media screen and (max-width: 1240px) and (min-width: 992px) {
  .hero__cta.home__hero__cta {
    bottom: 125px;
  }
}

.booking-persons__controls {
  border-radius: 50%;
  padding-bottom: 3px;
}

.datepicker-dropdown {
  border-radius: 12px;
  -webkit-box-shadow: 0 20px 10px rgba(0, 33, 60, 0.09);
  box-shadow: 0 20px 10px rgba(0, 33, 60, 0.09);
}

.datepicker-container {
  padding: 18px;
}
.datepicker-panel > ul > li:hover {
  background-color: #e5f2ff;
  border-radius: 40px;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #e5f2ff;
  border-radius: 0%;
}
.datepicker-panel > ul > li.highlighted {
  background-color: #e5f2ff;
  border-radius: 50%;
}
.datepicker-panel > ul > li.picked {
  color: white;
  background-color: #00213c;
  border-radius: 50%;
}
.datepicker-panel > ul > li.picked:hover {
  color: white;
  background-color: #0b3455;
}
.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #b4ab96;
  border-top-width: 0px;
}

.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #b4ab96;
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #f7f5ed;
  color: #ccc;
}
.datepicker-panel > ul > li {
  border-radius: 40px;
}
.datepicker-panel > ul > li {
  background-color: transparent;
}
.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: rgba(0, 33, 60, 0.04);
  cursor: default;
  border-radius: 0px;
  margin-bottom: 16px;
  margin-top: 8px;
}
.datepicker-container {
  background-color: #f7f5ed;
}
.datepicker-panel > ul > li:hover {
  background-color: white;
  color: black;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgba(0, 33, 60, 0.05);
  border-radius: 50%;
}
.datepicker-panel > ul > li.highlighted {
  background-color: rgba(0, 33, 60, 0.05);
  border-radius: 50%;
}

.splide__arrow--prev {
  left: 4em;
}
.splide__arrow--next {
  right: 4em;
}

[cb-textreveal-autoanimate] {
  opacity: 1;
}

/* ========== DROPDOWN ========== */

.dropdown__header {
  transition: all 0.3s var(--easing);
}
.dropdown__header:hover {
  opacity: 0.8;
}

.dropdown__icon__span:nth-of-type(2) {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transition: all 0.3s var(--easing);
}

.dropdown__icon.is--active .dropdown__icon__span:nth-of-type(2) {
  width: 0;
  opacity: 0;
}

/* ========== DROPDOWN END ========== */

/* ========== KARRIERE LINK ========== */
/* Remove border bottom from last item & from second last if its odd */
.karriere-coll-item:last-child .karriere-link {
  border-bottom: none;
}

@media only screen and (min-width: 767px) {
  .karriere-coll-item:last-child .karriere-link,
  .karriere-coll-item:nth-last-child(2):nth-child(odd) .karriere-link {
    border-bottom: none;
  }

  /* Add right border to every second item */
  .karriere-coll-item:nth-child(odd) .karriere-link {
    border-right: 1px solid rgba(247, 245, 237, 0.05);
  }
}

/* ========== KARRIERE LINK END ========== */


.rendering-wrapper .w-embed.w-iframe {
  width: 100%;
  height: 100%;
}
.contact-card 
.rendering-wrapper .w-embed.w-iframe {
  display: none;
}
.hero__content__sticky-wrapper {
  pointer-events: none;
}
.hero__item {
  pointer-events: auto;
}




/* Datepicker */

.cb-datepicker-wrapper {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(0,10px);
  -ms-transform: translate(0,10px);
  transform: translate(0,10px);
  -webkit-transition: all 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.cb-datepicker-wrapper.cb-active {
  opacity: 1;
  
  -webkit-transform: translate(0,0px);
  -ms-transform: translate(0,0px);
  transform: translate(0,0px);
}
.cb-datepicker-wrapper.cb-active .datepicker-inline {
  pointer-events: auto;
}

.cb-datepicker-wrapper {
  position: absolute;
  bottom:100%;
  left:0;
  right:0;
  height:auto;
  margin-bottom: 10px;
}
.datepicker-container.datepicker-inline {
  width:100%;
  color:#00213c;
  border-radius: 6px;
  padding: 20px;
  max-width: 250px;
}




/* Restaurant */

.radio-btn.is-secondary.fs-cmsfilter_active {
  background-color: var(--primary);
  color: var(--white);
}
.menu-filter-item.cb-hidden {
  display: none;
}


    @media only screen and (max-width: 991px) {
        .hotel-badge {
            display: none;
        }
    }


/* hide and show links based on lang */

html:not([lang="en"]) .link-en{   
  display: none!important; 
}
html:not([lang='de']) .link-de {   
  display: none!important; 
}