@charset "UTF-8";
/*** IMPORT CONFIG ***/
/*** IMPORT VENDOR ***/
.basicLightbox {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.01;
  transition: opacity 0.4s ease;
  z-index: 1000;
  will-change: opacity;
}
.basicLightbox--visible {
  opacity: 1;
}
.basicLightbox__placeholder {
  max-width: 100%;
  transform: scale(0.9);
  transition: transform 0.4s ease;
  z-index: 1;
  will-change: transform;
}
.basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child,
.basicLightbox__placeholder > iframe:first-child:last-child {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 95%;
  max-height: 95%;
}
.basicLightbox__placeholder > video:first-child:last-child,
.basicLightbox__placeholder > iframe:first-child:last-child {
  pointer-events: auto;
}
.basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child {
  width: auto;
  height: auto;
}
.basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder, .basicLightbox--iframe .basicLightbox__placeholder {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.basicLightbox--visible .basicLightbox__placeholder {
  transform: scale(1);
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*** IMPORT BASIC STUFF ***/
/**
 * Only use these mixins if it is not possible to add the icon directly to the source
 */
/**
 * Set fluid CSS property based on viewport width
 *
 * $min-vw: defines the minimum resolution used for fluid calculation
 * $max-vw: defines the maximum resolution used for fluid calculation
 */
/**
 * uses default viewport widths from _variables.scss
 */
/**
 * uses phone viewport only
 */
/**
 * uses phone portrait viewport only and
 * calculates the value based on a device width of 375px
 */
/**
 * uses tablet viewport only
 */
/**
 * uses desktop viewport only
 */
/* Container Mimicry */
/*
 * set color of svg
 */
/* hover only for pointer fine (not touch) */
/*
 * custom scrollbar styling (only works in modern chrome, firefox, safari & edge)
 * apply only to non mobile
 */
/*
 * SITE VARIANT CUSTOMIZATIONS
 */
/*** Default values (Montafon) ***/
:root {
  --text-color: #58585A;
  --text-color--opac-60: rgba(88, 88, 90, 0.6);
  --text-color--opac-70: rgba(88, 88, 90, 0.7);
  --brand-primary: #E3051B;
  --brand-primary-montafon: #E3051B;
  --brand-primary-alpenregion: #E65014;
  --brand-primary-gargellen: #0063A7;
  --brand-primary-silvretta-montafon: #DC0014;
  --brand-primary-kristberg: #B99355;
  --brand-primary-gsl: #E30613;
  --brand-primary-golm: #E30613;
  --brand-primary-brandnertal: #E0001A;
  --brand-primary-bludenz: #DEA73A;
  --brand-primary-klostertal: #3A77AA;
  --brand-primary-walsertal: #97C257;
  --font-family-base: "Schibsted Grotesk", sans-serif;
  --font-family-serif: "Newsreader", serif;
  --font-family-special: "Oswald", sans-serif;
  --font-family-headline: "Oswald", sans-serif;
  --headline-font-weight: 500;
  --headline-line-height: 1.3;
  --headline-h1-lg-size: clamp(45px, 45px + 55 * (100vw - 768px) / 632, 100px);
  --headline-h1-size: clamp(45px, 45px + 35 * (100vw - 768px) / 632, 80px);
  --headline-h2-size: clamp(35px, 35px + 13 * (100vw - 768px) / 632, 48px);
  --headline-h3-size: clamp(25px, 25px + 10 * (100vw - 768px) / 632, 35px);
  --headline-h4-size: clamp(20px, 20px + 3 * (100vw - 768px) / 632, 23px);
  --headline-h5-size: 18px;
  --headline-h6-size: 16px;
  --header-title-font-family: "Oswald", sans-serif;
  --header-title-font-weight: 500;
  --header-title-font-size: clamp(45px, 45px + 35 * (100vw - 768px) / 632, 80px);
  --header-title-line-height: 1.3;
  --header-subtitle-font-family: "Schibsted Grotesk", sans-serif;
  --header-subtitle-font-size: clamp(18px, 18px + 12 * (100vw - 768px) / 632, 30px);
  --header-subtitle-line-height: clamp(28px, 28px + 7 * (100vw - 768px) / 632, 35px);
}

body {
  /*** Alpenregion ***/
  /*
   * Variants for Montafon
   */
  /*** Gargellen ***/
  /*** Golm ***/
  /*** Kristberg ***/
  /*** Lünersee ***/
  /*** Silvretta - Bielerhöhe ***/
  /*** Silvretta - Montafon ***/
  /*** GSL ***/
  /*
   * Variants for Alpenregion
   */
  /*** Brandnertal ***/
  /*** Bludenz ***/
  /*** Klostertal ***/
  /*** Walsertal ***/
}
body.alpenregion {
  --brand-primary: #E65014;
  --font-family-base: "Montserrat", sans-serif;
  --font-family-serif: "Montserrat", sans-serif;
  --font-family-special: "Montserrat", sans-serif;
  --font-family-headline: "Montserrat", sans-serif;
  --headline-font-weight: 600;
  --headline-line-height: 1.1;
  --headline-h1-lg-size: clamp(43px, 43px + 47 * (100vw - 768px) / 632, 90px);
  --headline-h1-size: clamp(38px, 38px + 30 * (100vw - 768px) / 632, 68px);
  --headline-h2-size: clamp(28px, 28px + 15 * (100vw - 768px) / 632, 43px);
  --headline-h3-size: 23px;
  --headline-h4-size: 18px;
  --headline-h5-size: 16px;
  --header-title-font-family: "Montserrat", sans-serif;
  --header-subtitle-font-family: "Montserrat", sans-serif;
  --header-title-font-weight: 500;
  --header-title-font-size: clamp(38px, 38px + 30 * (100vw - 768px) / 632, 68px);
  --header-title-line-height: 1.1;
  --header-subtitle-font-size: clamp(15px, 15px + 13 * (100vw - 768px) / 632, 28px);
}
body.gargellen {
  --brand-primary: #0063A7;
}
body.golm {
  --brand-primary: #E30613;
  --text-color: #575756;
}
body.kristberg {
  --brand-primary: #B99355;
}
body.luenersee {
  --brand-primary: #E30613;
  --text-color: #575756;
}
body.silvretta-bielerhoehe {
  --brand-primary: #E30613;
  --text-color: #575756;
}
body.silvretta-montafon {
  --brand-primary: #DC0014;
}
body.gsl {
  --brand-primary: #E30613;
  --text-color: #575756;
}
body.brandnertal, body.bergbahnen-brandnertal {
  --brand-primary: #E0001A;
  --font-family-headline: "ES Rebond Grotesque", sans-serif;
  --font-family-base: "Schibsted Grotesk", sans-serif;
  --font-family-serif: "ES Rebond Grotesque", sans-serif;
  --font-family-special: "Schibsted Grotesk", sans-serif;
  --headline-font-weight: 600;
  --headline-line-height: 1.1;
  --headline-h3-size: 23px;
  --headline-h4-size: 18px;
  --headline-h5-size: 16px;
  --header-title-font-family: "ES Rebond Grotesque", sans-serif;
  --header-title-font-weight: 600;
  --header-title-line-height: 1.1;
  --header-title-font-size: clamp(40px, 40px + 30 * (100vw - 768px) / 632, 70px);
  --header-subtitle-font-size: clamp(17px, 17px + 13 * (100vw - 768px) / 632, 30px);
}
body.bludenz {
  --brand-primary: #DEA73A;
  --font-family-base: "Montserrat", sans-serif;
  --font-family-serif: "Montserrat", sans-serif;
  --font-family-special: "Montserrat", sans-serif;
  --font-family-headline: "Montserrat", sans-serif;
  --headline-font-weight: 600;
  --headline-line-height: 1.1;
  --headline-h1-lg-size: clamp(43px, 43px + 47 * (100vw - 768px) / 632, 90px);
  --headline-h1-size: clamp(38px, 38px + 30 * (100vw - 768px) / 632, 68px);
  --headline-h2-size: clamp(28px, 28px + 15 * (100vw - 768px) / 632, 43px);
  --headline-h3-size: 23px;
  --headline-h4-size: 18px;
  --headline-h5-size: 16px;
  --header-title-font-family: "Montserrat", sans-serif;
  --header-subtitle-font-family: "Montserrat", sans-serif;
  --header-title-font-weight: 500;
  --header-title-font-size: clamp(38px, 38px + 30 * (100vw - 768px) / 632, 68px);
  --header-title-line-height: 1.1;
  --header-subtitle-font-size: clamp(15px, 15px + 13 * (100vw - 768px) / 632, 28px);
}
body.klostertal {
  --brand-primary: #3A77AA;
  --font-family-base: "Montserrat", sans-serif;
  --font-family-serif: "Montserrat", sans-serif;
  --font-family-special: "Montserrat", sans-serif;
  --font-family-headline: "Montserrat", sans-serif;
  --headline-font-weight: 600;
  --headline-line-height: 1.1;
  --headline-h1-lg-size: clamp(43px, 43px + 47 * (100vw - 768px) / 632, 90px);
  --headline-h1-size: clamp(38px, 38px + 30 * (100vw - 768px) / 632, 68px);
  --headline-h2-size: clamp(28px, 28px + 15 * (100vw - 768px) / 632, 43px);
  --headline-h3-size: 23px;
  --headline-h4-size: 18px;
  --headline-h5-size: 16px;
  --header-title-font-family: "Montserrat", sans-serif;
  --header-subtitle-font-family: "Montserrat", sans-serif;
  --header-title-font-weight: 500;
  --header-title-font-size: clamp(38px, 38px + 30 * (100vw - 768px) / 632, 68px);
  --header-title-line-height: 1.1;
  --header-subtitle-font-size: clamp(15px, 15px + 13 * (100vw - 768px) / 632, 28px);
}
body.walsertal {
  --brand-primary: #97C257;
  --font-family-base: "Montserrat", sans-serif;
  --font-family-serif: "Montserrat", sans-serif;
  --font-family-special: "Montserrat", sans-serif;
  --font-family-headline: "Montserrat", sans-serif;
  --headline-font-weight: 600;
  --headline-line-height: 1.1;
  --headline-h1-lg-size: clamp(43px, 43px + 47 * (100vw - 768px) / 632, 90px);
  --headline-h1-size: clamp(38px, 38px + 30 * (100vw - 768px) / 632, 68px);
  --headline-h2-size: clamp(28px, 28px + 15 * (100vw - 768px) / 632, 43px);
  --headline-h3-size: 23px;
  --headline-h4-size: 18px;
  --headline-h5-size: 16px;
  --header-title-font-family: "Montserrat", sans-serif;
  --header-subtitle-font-family: "Montserrat", sans-serif;
  --header-title-font-weight: 500;
  --header-title-font-size: clamp(38px, 38px + 30 * (100vw - 768px) / 632, 68px);
  --header-title-line-height: 1.1;
  --header-subtitle-font-size: clamp(15px, 15px + 13 * (100vw - 768px) / 632, 28px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5625;
  color: var(--text-color);
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1em;
}

p {
  margin-top: 0;
  margin-bottom: 30px;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--brand-primary);
  text-decoration: none;
  background-color: transparent;
}
a:not(.btn):hover {
  color: var(--brand-primary);
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000000;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin: 0;
}

button {
  border-radius: 0;
}

button:focus {
  /*outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;*/
  outline: none;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

@keyframes spin {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.embed-responsive {
  position: relative;
  width: 100%;
  height: 0;
}
.embed-responsive-1by1 {
  padding-bottom: 100%;
}
.embed-responsive-3by2 {
  padding-bottom: 66.66666%;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive > * {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.embed-responsive > iframe {
  border: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: var(--headline-line-height);
  font-family: var(--font-family-headline);
  font-weight: var(--headline-font-weight);
  margin-top: 0;
  margin-bottom: 0;
  word-break: break-all;
  hyphens: auto;
  word-break: break-all;
}
@supports (hyphens: auto) {
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    word-break: normal;
  }
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus,
.h1 a:hover,
.h1 a:focus, .h2 a:hover, .h2 a:focus, .h3 a:hover, .h3 a:focus, .h4 a:hover, .h4 a:focus, .h5 a:hover, .h5 a:focus, .h6 a:hover, .h6 a:focus {
  color: inherit;
  text-decoration: none;
}

h1, .h1 {
  font-size: var(--headline-h1-size);
}

h2, .h2 {
  font-size: var(--headline-h2-size);
}

h3, .h3 {
  font-size: var(--headline-h3-size);
}

h4, .h4 {
  font-size: var(--headline-h4-size);
}

h5, .h5 {
  font-size: var(--headline-h5-size);
}

h6, .h6 {
  font-size: var(--headline-h6-size);
}

hr {
  color: #58585A;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
  border: none;
  opacity: 0.3;
  filter: brightness(0) saturate(100%) invert(32%) sepia(2%) saturate(474%) hue-rotate(202deg) brightness(96%) contrast(82%);
}
hr.no-opacity {
  opacity: 1;
}
body.alpenregion hr {
  opacity: 0.15;
  filter: none;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.bludenz hr {
  opacity: 0.15;
  filter: none;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.brandnertal hr {
  opacity: 0.15;
  filter: none;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.bergbahnen-brandnertal hr {
  opacity: 0.15;
  filter: none;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.klostertal hr {
  opacity: 0.15;
  filter: none;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.walsertal hr {
  opacity: 0.15;
  filter: none;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}

p {
  margin-bottom: 30px;
}
p small {
  display: inline-block;
  font-size: max(11px, 0.6875em);
  line-height: 1.36364;
}

.lead {
  margin-bottom: 30px;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.lead {
  font-size: clamp(17px, 17px + 3 * (100vw - 768px) / 632, 20px);
}

.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}

/*** IMPORT LAYOUT ***/
* {
  scrollbar-width: thin;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow: visible;
  overflow-x: hidden;
  width: 100%;
  font-size: 100%;
}

.page-wrap {
  overflow: visible;
  overflow-x: clip;
}

::selection {
  background: var(--brand-primary);
  color: #fff;
}

.page-header {
  position: relative;
  padding: 0 10px 10px;
  min-height: 230px;
}
.montafon:not(.no-intarsia) .page-header:after {
  display: block;
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 50px;
  background: url(../images/layout/spacer_header.png) repeat-x 0 0 transparent;
  background-size: auto 100%;
}
.montafon .page-header.no-media {
  background: none;
}
.montafon .page-header.no-media:after {
  left: 0;
  top: 60px;
  right: 0;
  bottom: auto;
}
.page-header--top {
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
  height: 50px;
  z-index: 5;
}
.page-header--top .logo {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
}
.page-header--top > a:not(.logo) {
  display: none;
}
.page-header--login {
  display: none;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0 10px 0 12px;
  height: 40px;
  border: 1px solid rgba(88, 88, 90, 0.2);
  border-radius: 5px;
  background: none;
  cursor: pointer;
  transition: color 0.3s;
}
.page-header--login:focus-visible {
  outline: 2px solid #000;
  outline-offset: -1px;
}
.page-header--login .icon {
  font-size: 20px;
}
.page-header--login .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.page-header--login .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.page-header--login .icon svg [stroke] {
  transition: stroke 0.3s;
}

.header-media {
  position: relative;
  height: calc(70vh - 100px);
  overflow: hidden;
  border-radius: 5px;
}
.header-media {
  min-height: clamp(250px, 250px + 110 * (100vw - 768px) / 632, 360px);
}
.frontpage .header-media {
  height: calc(100vh - 100px);
}
.frontpage .header-media {
  min-height: clamp(450px, 450px + 150 * (100vw - 768px) / 632, 600px);
}
.header-media:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.21%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
}
.header-media > img,
.header-media > picture > img,
.header-media > video,
.header-media > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-media > img,
.header-media > picture > img,
.header-media > video {
  object-fit: cover;
}
.header-media--content {
  position: absolute;
  left: 35px;
  padding-right: 20px;
  z-index: 1;
}
.header-media--content {
  bottom: clamp(40px, 40px + 10 * (100vw - 768px) / 632, 50px);
}
.header-media--content {
  max-width: clamp(660px, 660px + 510 * (100vw - 768px) / 632, 1170px);
}
body.montafon:not(.no-intarsia) .header-media--content {
  bottom: clamp(90px, 90px + 20 * (100vw - 768px) / 632, 110px);
}
.header-media--content .btn.btn-outline {
  color: #fff;
}
.header-media--content .btn.btn-outline:before {
  box-shadow: 0 0 2px #fff;
}
.header-media--title {
  position: relative;
  color: #fff;
}
.header-media--title:before {
  display: block;
  content: "";
  width: 3px;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
}
.header-media--title:before {
  position: absolute;
  left: clamp(-20px, -11px + -9 * (100vw - 768px) / 632, -11px);
  top: 0;
}
.header-media--title:before {
  height: clamp(30px, 30px + 10 * (100vw - 768px) / 632, 40px);
}
.header-media--title small {
  display: block;
  font-size: var(--header-subtitle-font-size);
  line-height: var(--header-subtitle-line-height);
  font-family: var(--header-subtitle-font-family);
  letter-spacing: 0.1em;
  font-weight: 400;
}
.header-media--title small + p {
  margin-top: clamp(7px, 7px + 8 * (100vw - 768px) / 632, 15px);
}
.header-media--title p,
.header-media--title > div {
  margin: 0;
  font-size: var(--header-title-font-size);
  line-height: var(--header-title-line-height);
  font-family: var(--header-title-font-family);
  font-weight: var(--header-title-font-weight);
}
.header-media--title + .btn, .header-media--title + .header-media--scroll {
  margin-top: clamp(20px, 20px + 30 * (100vw - 768px) / 632, 50px);
}
.header-media--scroll {
  position: relative;
  display: flex;
  place-items: center;
  place-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 100%;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.header-media--scroll {
  width: clamp(50px, 50px + 12 * (100vw - 768px) / 632, 62px);
}
.header-media--scroll {
  height: clamp(50px, 50px + 12 * (100vw - 768px) / 632, 62px);
}
.header-media--scroll:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 52 52'%3E%3Ccircle cx='26' cy='26' r='25' stroke='%23fff' stroke-dasharray='1 4.05' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  background-size: 100% 100%;
  transition: opacity 0.3s;
}
.header-media--scroll .icon {
  font-size: 10px;
}
.header-media--scroll .icon:before {
  transform: translate(-50%, -70%) rotate(135deg);
  border-color: #fff;
  transition: border-color 0.3s;
}

.main-content {
  padding-top: clamp(60px, 60px + 40 * (100vw - 768px) / 632, 100px);
}
.main-content {
  padding-bottom: clamp(60px, 60px + 40 * (100vw - 768px) / 632, 100px);
}
.main-content > .container > a.btn {
  margin-bottom: 1rem;
}
.main-content > .container > .area:first-child:not([class*=margin-top--]) {
  margin-top: 0;
}
.main-content > .container > .area:last-child:not([class*=margin-bottom--]) {
  margin-bottom: 0;
}
:root {
  --scrollbarWidth: 0px;
}

.footer {
  margin: 0 auto;
  padding: 0 15px;
  /** adaptions for v2 and microsite footer variant **/
  /** adaptions for v2 footer variant **/
  /** adaptions for microsite footer variant **/
}
.footer--main--border {
  display: none;
}
.footer .logo {
  width: 130px;
  margin: 0 auto;
}
.footer--address {
  margin: 0;
  padding: 30px;
  letter-spacing: 0.05em;
}
.footer--address p {
  margin: 0 0 5px;
}
.footer--address .h4 {
  margin-bottom: 15px;
  letter-spacing: initial;
}
.footer--address a {
  color: var(--text-color);
  text-decoration: none;
  white-space: nowrap;
}
.footer--address a .icon {
  margin-right: 5px;
  font-size: 20px;
}
.footer--career {
  position: relative;
  padding: 30px;
  background: #e0e0e0;
  border-radius: 5px;
}
.footer--career .h3 {
  position: relative;
  margin-bottom: 30px;
  padding-left: 75px;
  line-height: 1;
}
.footer--career .h3 .icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 60px;
}
.footer--career .h3 .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.footer--career .h3 .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.footer--career p:not(.h3) {
  letter-spacing: 0.05em;
  margin: 0;
  padding-left: 15px;
}
.footer--career p:not(.h3) + .btn.btn-text {
  margin-top: 20px;
}
.footer--career .btn.btn-text {
  text-transform: uppercase;
  white-space: nowrap;
}
.footer--newsletter {
  position: relative;
  margin-top: 15px;
  margin-bottom: 45px;
}
.footer--newsletter--image {
  position: relative;
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  max-height: 300px;
  overflow: hidden;
}
.footer--newsletter--image:before {
  display: block;
  content: "";
  padding-bottom: 50%;
  width: 100%;
}
.footer--newsletter--image img {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer--newsletter .h2 {
  position: relative;
  line-height: 1;
  hyphens: initial;
}
.footer--newsletter .h2 {
  margin-bottom: clamp(20px, 20px + 20 * (100vw - 768px) / 632, 40px);
}
.footer--newsletter .h2 {
  padding-left: clamp(25px, 25px + 5 * (100vw - 768px) / 632, 30px);
}
.footer--newsletter .h2:before {
  display: block;
  content: "";
  width: 3px;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
}
.footer--newsletter .h2:before {
  position: absolute;
  left: 3px;
  top: 0.1em;
}
.footer--newsletter .h2:before {
  height: clamp(25px, 25px + 15 * (100vw - 768px) / 632, 40px);
}
.footer--newsletter .form-group {
  margin-bottom: 0;
}
.footer--newsletter .form-group + .form-group {
  margin-top: 20px;
}
.footer--newsletter .form-group.input-container {
  display: flex;
  position: relative;
  margin: 0 5px 0 0;
}
.footer--newsletter .form-group.input-container input[type=text] {
  flex: 1 1 auto;
  letter-spacing: 0.05em;
  padding: 0 20px;
  width: auto;
  height: 50px;
  border: none;
  border-radius: 5px 0 0 5px;
  text-overflow: ellipsis;
}
.footer--newsletter .form-group.input-container input[type=text], .footer--newsletter .form-group.input-container input[type=text]::placeholder {
  color: #58585A;
}
.footer--newsletter .form-group.input-container input[type=text]:focus-visible {
  outline: 2px solid #000;
  outline-offset: -2px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.footer--newsletter .form-group.input-container button[type=submit] {
  position: relative;
  flex: 0 0 auto;
  margin-left: -10px;
  padding: 0;
  width: 50px;
  height: 50px;
}
.footer--newsletter .form-group.input-container button[type=submit]:before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.footer--newsletter .form-group.input-container button[type=submit]:after {
  border-color: #fff;
  opacity: 1;
  visibility: visible;
}
.footer--newsletter .form-group .checkbox label:before {
  background: #fff;
}
.footer--newsletter .form-group .checkbox label p {
  margin: 0;
}
.footer--newsletter .form-info {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 700;
}
.footer--newsletter .form-info p {
  margin-bottom: 0;
}
.footer--social {
  margin: 60px 0;
}
.footer--social .h3 {
  margin-bottom: 20px;
  text-align: center;
}
.footer--social ul {
  display: flex;
  gap: 10px;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer--social .btn.btn-primary:after {
  display: none;
}
.footer--social .btn.btn-primary .icon {
  font-size: 30px;
}
.footer--social .btn.btn-primary .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.footer--social .btn.btn-primary .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.footer--social .btn.btn-primary .icon svg > * {
  transition: stroke 0.3s, fill 0.3s;
}
.footer--social .btn.btn-primary .icon svg [stroke] {
  stroke-width: 2;
}
.footer--social .btn.btn-primary .icon.icon--social_media-facebook svg path, .footer--social .btn.btn-primary .icon.icon--social_media-pinterest svg path {
  fill: #fff;
  stroke: none;
}
.footer--nav {
  padding: 0 30px 30px;
}
.footer--nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer--nav ul li {
  margin-bottom: 5px;
  overflow: hidden;
}
.footer--nav ul li a {
  outline-offset: -2px;
}
.footer--bottom {
  position: relative;
  margin-top: 45px;
  padding: 15px 0 145px;
  text-align: center;
}
.footer--bottom--spacer {
  display: none;
}
.footer--bottom p {
  margin: 0;
  letter-spacing: 0.05em;
}
.footer .conecto-copyright {
  display: inline-block;
  margin-top: 30px;
  width: 140px;
}
body.alpenregion .footer--main--border:before, body.alpenregion .footer--main--border:after, body.alpenregion .footer--bottom--spacer:before, body.alpenregion .footer--bottom--spacer:after {
  opacity: 0.15;
  background-image: linear-gradient(0deg, #58585A, #58585A);
}
body.bludenz .footer--main--border:before, body.bludenz .footer--main--border:after, body.bludenz .footer--bottom--spacer:before, body.bludenz .footer--bottom--spacer:after {
  opacity: 0.15;
  background-image: linear-gradient(0deg, #58585A, #58585A);
}
body.brandnertal .footer--main--border:before, body.brandnertal .footer--main--border:after, body.brandnertal .footer--bottom--spacer:before, body.brandnertal .footer--bottom--spacer:after {
  opacity: 0.15;
  background-image: linear-gradient(0deg, #58585A, #58585A);
}
body.bergbahnen-brandnertal .footer--main--border:before, body.bergbahnen-brandnertal .footer--main--border:after, body.bergbahnen-brandnertal .footer--bottom--spacer:before, body.bergbahnen-brandnertal .footer--bottom--spacer:after {
  opacity: 0.15;
  background-image: linear-gradient(0deg, #58585A, #58585A);
}
body.klostertal .footer--main--border:before, body.klostertal .footer--main--border:after, body.klostertal .footer--bottom--spacer:before, body.klostertal .footer--bottom--spacer:after {
  opacity: 0.15;
  background-image: linear-gradient(0deg, #58585A, #58585A);
}
body.walsertal .footer--main--border:before, body.walsertal .footer--main--border:after, body.walsertal .footer--bottom--spacer:before, body.walsertal .footer--bottom--spacer:after {
  opacity: 0.15;
  background-image: linear-gradient(0deg, #58585A, #58585A);
}
.footer.variant-v2 .footer--nav, .footer.variant-microsite .footer--nav {
  margin-top: 20px;
  padding: 0;
}
.footer.variant-v2 .footer--nav:before, .footer.variant-microsite .footer--nav:before {
  display: none;
}
.footer.variant-v2 .footer--nav ul, .footer.variant-microsite .footer--nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 40px;
  column-count: initial;
}
.footer.variant-v2 .footer--nav li, .footer.variant-microsite .footer--nav li {
  position: relative;
  overflow: visible;
}
.footer.variant-v2 .footer--nav li + li:before, .footer.variant-microsite .footer--nav li + li:before {
  display: block;
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  width: 0;
  height: 1em;
  transform: translateY(-50%);
  border-left: 1px solid #58585A;
}
.footer.variant-v2 .footer--nav a, .footer.variant-microsite .footer--nav a {
  text-decoration: underline;
}
.footer.variant-v2 .footer--partner {
  margin-top: 60px;
}
.footer.variant-v2 .footer--partner .h3 {
  padding-left: 0;
  text-align: center;
}
.footer.variant-v2 .footer--partner--inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.footer.variant-v2 .footer--partner--inner > * {
  flex: 0 0 auto;
}
.footer.variant-v2 .footer--partner--inner img {
  display: block;
  width: 100%;
  max-width: 150px;
  height: auto;
  max-height: 90px;
}
.footer.variant-microsite .footer--main--border:after {
  display: none;
}
.footer.variant-microsite .footer--newsletter {
  padding-left: clamp(30px, 30px + 90 * (100vw - 768px) / 632, 120px);
}
.footer.variant-microsite .footer--newsletter {
  padding-right: clamp(30px, 30px + 90 * (100vw - 768px) / 632, 120px);
}
.footer.variant-microsite .footer--newsletter--inner {
  margin-top: 0;
}
.footer.variant-microsite .footer--newsletter .logo {
  width: auto;
  height: 70px;
}
.footer.variant-microsite .footer--newsletter .logo img {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

/*** IMPORT COMPONENTS ***/
@font-face {
  font-display: swap;
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/schibsted_grotesk/schibsted-grotesk-v3-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Schibsted Grotesk";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/schibsted_grotesk/schibsted-grotesk-v3-latin-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/schibsted_grotesk/schibsted-grotesk-v3-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Schibsted Grotesk";
  font-style: normal;
  src: url("../fonts/schibsted_grotesk/SchibstedGrotesk-VariableFont_wght.ttf") format("ttf");
}
@font-face {
  font-display: swap;
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/schibsted_grotesk/schibsted-grotesk-v3-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Schibsted Grotesk";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/schibsted_grotesk/schibsted-grotesk-v3-latin-700italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/newsreader/newsreader-v20-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/newsreader/newsreader-v20-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/oswald/oswald-v53-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/oswald/oswald-v53-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat/montserrat-v29-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat/montserrat-v29-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat/montserrat-v29-latin-500.woff2") format("woff2");
}
.a11y--jump-link {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 0.5em 1em;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1000000;
}
.a11y--jump-link:active, .a11y--jump-link:focus {
  display: block;
  width: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1260px;
}
.container--narrow {
  max-width: 750px;
}
.container--full-width {
  max-width: none;
  width: 100%;
}

.basicLightbox__placeholder > img,
.basicLightbox__placeholder > video,
.basicLightbox__placeholder > iframe,
.basicLightbox__placeholder .basicLightbox--gallery--item > img {
  pointer-events: auto;
}
.basicLightbox__placeholder > img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  height: auto;
}
.basicLightbox__placeholder > img, .basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder .basicLightbox--gallery--item > img,
.basicLightbox__placeholder .basicLightbox--gallery--item > img:first-child:last-child {
  max-width: 100%;
  max-height: 100%;
}
.basicLightbox--btn {
  display: block;
  padding: 0;
  border: none;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  cursor: pointer;
}
.basicLightbox--close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  z-index: 999;
}
.basicLightbox--close:before, .basicLightbox--close:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 75%;
  height: 4px;
  background: #fff;
  transform-origin: 50% 50%;
}
.basicLightbox--close:before {
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.basicLightbox--close:after {
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.basicLightbox--gallery {
  justify-content: flex-start;
}
.basicLightbox--gallery--inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: auto;
  height: 100%;
  overflow: visible;
}
.basicLightbox--visible .basicLightbox--gallery--inner {
  transition: transform 0.5s;
}
.basicLightbox--gallery .basicLightbox__placeholder {
  flex: 0 0 100%;
  transition: transform 0.5s, margin 0.5s;
}
.basicLightbox--gallery--item {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.basicLightbox--gallery--item > img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.basicLightbox--nav {
  position: fixed;
  top: 50%;
  width: 40px;
  height: 50px;
  transform: translateY(-50%);
  z-index: 999;
}
.basicLightbox--nav.prev {
  left: 15px;
}
.basicLightbox--nav.prev:before {
  transform: rotateZ(-45deg);
  left: 9px;
  border-left: 4px solid #fff;
  transform-origin: 0 0;
}
.basicLightbox--nav.next {
  right: 15px;
}
.basicLightbox--nav.next:before {
  transform: rotateZ(45deg);
  right: 9px;
  border-right: 4px solid #fff;
  transform-origin: 100% 0;
}
.basicLightbox--nav:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  padding-bottom: calc(60% - 4px);
  width: 60%;
  height: 0;
  border-top: 4px solid #fff;
  transform-origin: 100% 0%;
}
.basicLightbox--iframe .basicLightbox__placeholder > iframe {
  border: none;
  overflow: auto;
}
.basicLightbox--caption {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  padding: 5px 15px;
  width: calc(100vw - var(--scrollbarWidth));
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.logo {
  display: block;
  height: auto;
}
.logo > svg,
.logo > img,
.logo > picture > img {
  display: block;
  width: 100%;
  max-height: 100%;
  height: auto;
}

.btn {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 20px;
  height: 50px;
  font-family: var(--font-family-base);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  box-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  z-index: 1;
  transition: color 0.3s, padding 0.3s;
}
.btn:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  border-radius: 5px;
}
.btn.btn-primary:after, .btn.btn-secondary:after, .btn.btn-text:after {
  display: block;
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  transform: translateY(-50%) rotateZ(45deg);
  pointer-events: none;
}
.btn.btn-primary:after, .btn.btn-secondary:after {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.btn.btn-primary, .btn.btn-secondary, .btn.btn-outline {
  text-align: center;
}
.btn:before {
  border: 1px solid transparent;
  transition: background-color 0.3s, box-shadow 0.3s;
  z-index: -1;
}
.btn:focus-visible {
  outline: 0;
}
.btn:focus-visible:before {
  outline: 2px solid #000;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.btn-block, .btn-flex {
  display: flex;
}
.btn-primary {
  color: #fff;
}
.btn-primary:before {
  background-color: var(--brand-primary);
}
.btn-primary.btn:after {
  border-color: var(--brand-primary);
}
.btn-secondary {
  color: #fff;
}
.btn-secondary:before {
  background-color: #58585A;
}
.btn-secondary.btn:after {
  border-color: #58585A;
}
.btn-outline {
  color: #58585A;
}
.btn-outline:before {
  background-color: transparent;
}
.btn-outline.btn:after {
  border-color: #58585A;
}
.btn-outline:before {
  box-shadow: 0 0 1px #58585A;
}
.btn-outline:after {
  display: none;
}
.btn-text {
  color: #58585A;
  text-transform: none;
}
.btn-text, .btn-text.btn.btn-sm, .btn-text.btn.btn-lg {
  padding: 0 15px 0 40px;
  height: 40px;
}
.btn-text:before {
  display: none;
}
.btn-text.btn:after {
  left: 15px;
  opacity: 1;
  visibility: visible;
  border-color: var(--brand-primary);
}
.btn-text.cookie-icon.btn:after {
  content: "";
  opacity: 1;
  visibility: visible;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 30'%3E%3Cpath stroke='%23E65014' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M14.214 17.708h.081m10.141-.906h.08M11.387 23.31h.082m9.284-9.28h.082m-6.727-.945h.081M11.372 1h.079m5.7.41c-.086 2.618-2.251 4.715-4.914 4.715-.21 0-.417-.018-.62-.044.137.451.214.928.214 1.423 0 2.694-2.205 4.88-4.923 4.88a5 5 0 0 1-1.993-.418 4.92 4.92 0 0 1-3.903 2.738c-.005.139-.012.277-.012.419C1 22.788 7.267 29 15 29s14-6.212 14-13.877c0-6.941-5.14-12.689-11.851-13.716zM6.13 7.075a.82.82 0 0 1-.824.816.82.82 0 0 1-.824-.816.82.82 0 0 1 .824-.816.82.82 0 0 1 .824.816m14.023 1.915a.82.82 0 0 1-.824.817.82.82 0 0 1-.823-.817.82.82 0 0 1 .823-.816.82.82 0 0 1 .824.816M8.947 17.3a.82.82 0 0 1-.823.817.82.82 0 0 1-.824-.817.82.82 0 0 1 .824-.816.82.82 0 0 1 .823.816m10.258 4.619a.82.82 0 0 1-.824.816.82.82 0 0 1-.824-.816.82.82 0 0 1 .824-.817.82.82 0 0 1 .824.817'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  border-color: transparent;
  width: 20px;
  height: 100%;
  position: relative;
  top: 22px;
  left: -195px;
  rotate: 310deg;
}
.btn-text:focus-visible {
  outline: 2px solid #000;
  border-radius: 3px;
}
.btn.btn-lg {
  padding: 0 22px;
  height: 60px;
}
.btn.btn-sm {
  padding: 0 16px;
  height: 40px;
  font-size: 14px;
}
.btn.btn-sm:before {
  border-radius: 3px;
}
.highlight .btn.btn-primary, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-primary {
  color: var(--brand-primary);
}
.highlight .btn.btn-primary:before, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-primary:before {
  background-color: #fff;
}
.highlight .btn.btn-primary.btn:after, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-primary.btn:after {
  border-color: var(--brand-primary);
}
.highlight .btn.btn-outline, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-outline {
  color: #fff;
}
.highlight .btn.btn-outline:before, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-outline:before {
  background-color: transparent;
}
.highlight .btn.btn-outline.btn:after, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-outline.btn:after {
  border-color: #58585A;
}
.highlight .btn.btn-outline:before, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-outline:before {
  box-shadow: 0 0 1px #fff;
}
.highlight .btn.btn-outline:after, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-outline:after {
  display: none;
}

.main-nav {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 50px;
  width: 100%;
  background: #fff;
  transform: translateX(101%);
  visibility: hidden;
  transition: transform 0.5s, visibility 0.5s;
  z-index: 9990;
}
.main-nav.open {
  transform: translateX(0);
  visibility: visible;
}
.main-nav.open ~ .main-nav--overlay {
  opacity: 1;
  visibility: visible;
}
.main-nav--inner {
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: initial;
}
html:not([data-useragent*=Mobile]) .main-nav--inner {
  scrollbar-width: initial;
  scrollbar-color: initial;
}
html:not([data-useragent*=Mobile]) .main-nav--inner::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
html:not([data-useragent*=Mobile]) .main-nav--inner::-webkit-scrollbar-track {
  background: transparent;
}
html:not([data-useragent*=Mobile]) .main-nav--inner::-webkit-scrollbar-thumb {
  background-color: rgba(88, 88, 90, 0.6);
  border-radius: 5px;
  border: 0 solid transparent;
}
.main-nav--inner > img,
.main-nav--inner > picture > img {
  display: block;
  width: 100%;
  height: auto;
}
.main-nav--inner.no-image .logo {
  margin-bottom: 0;
}
.main-nav .logo {
  position: relative;
  left: 30px;
  width: 75px;
  margin-bottom: -75px;
}
.main-nav--list {
  margin: 0;
  padding: 30px 0 80px;
  list-style-type: none;
  /* 1. Level */
}
.main-nav--list li.accessible-menu--has-submenu-open > .main-nav--subnav-toggle {
  opacity: 0.5;
}
.main-nav--list li.accessible-menu--has-submenu-open > .main-nav--subnav-toggle:after {
  opacity: 0;
}
.main-nav--list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.main-nav--list a {
  text-decoration: none;
  color: #58585A;
}
.main-nav--list .main-nav--subnav-toggle {
  position: relative;
  display: block;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  cursor: pointer;
}
.main-nav--list .main-nav--subnav-toggle:focus-visible {
  outline: 2px solid #000;
  border-radius: 3px;
}
.main-nav--list .main-nav--subnav-toggle:before, .main-nav--list .main-nav--subnav-toggle:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  border-radius: 2px;
  transform-origin: 50% 50%;
  background: #58585A;
}
.main-nav--list .main-nav--subnav-toggle:before {
  transform: translate(-50%, -50%);
}
.main-nav--list .main-nav--subnav-toggle:after {
  transform: translate(-50%, -50%) rotateZ(90deg);
}
.main-nav--list > li.quicklink {
  display: block;
}
.main-nav--list > li.accessible-menu--has-submenu-open > a:after {
  opacity: 0;
}
.main-nav--list > li.active > a, .main-nav--list > li.accessible-menu--has-submenu-open > a {
  padding: 0 70px 0 40px;
}
.main-nav--list > li.active > a span:before, .main-nav--list > li.accessible-menu--has-submenu-open > a span:before {
  opacity: 1;
}
.main-nav--list > li > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0 80px 0 30px;
  height: 70px;
  font-size: 11px;
  line-height: 1.36;
  transition: background-color 0.3s, padding 0.3s;
}
.main-nav--list > li > a:focus-visible {
  outline-offset: 0;
}
.main-nav--list > li > a:after {
  display: block;
  content: "";
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 4 1'%3E%3Cline x1='0.5' y1='0.5' x2='4' y2='0.5' stroke='%2358585A' stroke-linecap='round' stroke-dasharray='1 3'/%3E%3C/svg%3E");
  opacity: 0.2;
  pointer-events: none;
  transition: opacity 0.3s;
}
.main-nav--list > li > a span {
  display: block;
  letter-spacing: 0.05em;
}
.main-nav--list > li > a span:before {
  display: block;
  content: "";
  width: 2px;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
}
.main-nav--list > li > a span:before {
  position: absolute;
  top: 18px;
  left: 32px;
  height: 13px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.main-nav--list > li > a span:empty {
  position: absolute;
  left: 0;
  top: 8px;
}
.main-nav--list > li > a strong {
  display: block;
  font-size: 20px;
  line-height: 1;
  font-family: var(--font-family-special);
}
.main-nav--list > li > .main-nav--subnav-toggle {
  position: absolute;
  right: 35px;
  top: 15px;
}
.main-nav--list > li ul.accessible-menu__submenu--open {
  max-height: 200vh;
}
.main-nav--list > li > ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 15px;
  background: #e0e0e0;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s;
  /* 2. Level */
}
.main-nav--list > li > ul > li {
  position: relative;
}
.main-nav--list > li > ul > li:first-child {
  margin-top: 15px;
}
.main-nav--list > li > ul > li:last-child {
  margin-bottom: 15px;
}
.main-nav--list > li > ul > li.active > a {
  color: var(--brand-primary);
}
.main-nav--list > li > ul > li > a {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 60px;
  font-family: var(--font-family-special);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.main-nav--list > li > ul > li > a .subnav-img {
  flex: 0 0 auto;
  aspect-ratio: 1/1;
  height: 80px;
  overflow: hidden;
}
.main-nav--list > li > ul > li > a .subnav-img img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}
.main-nav--list > li > ul > li > a span {
  display: block;
  padding: 0 50px 0 30px;
}
.main-nav--list > li > ul > li > .main-nav--subnav-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
}
.main-nav--list > li > ul > li.no-img > .main-nav--subnav-toggle {
  top: 10px;
}
.main-nav--list > li > ul > li > ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
  /* 3. Level */
}
.main-nav--list > li > ul > li > ul.accessible-menu__submenu--open {
  max-height: 200vh;
}
.main-nav--list > li > ul > li > ul > li:first-child {
  margin-top: 20px;
}
.main-nav--list > li > ul > li > ul > li:last-child {
  margin-bottom: 20px;
}
.main-nav--list > li > ul > li > ul > li + li {
  margin-top: 5px;
}
.main-nav--list > li > ul > li > ul > li.active > a {
  color: var(--brand-primary);
}
.main-nav--list > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 7px 30px 8px 55px;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.05em;
  transition: padding 0.3s, color 0.3s;
}
.main-nav--list > li > ul > li > ul > li > a:before {
  display: block;
  content: "";
  position: absolute;
  left: 28px;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotateZ(45deg);
  border-top: 2px solid var(--brand-primary);
  border-right: 2px solid var(--brand-primary);
  pointer-events: none;
}
.main-nav--bottom {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 15px;
  height: 60px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.main-nav--bottom a {
  display: flex;
  place-items: center;
  place-content: center;
  width: 50px;
  height: 50px;
}
.main-nav--bottom a + a {
  position: relative;
  margin-left: 40px;
}
.main-nav--bottom a + a:before {
  display: block;
  content: "";
  position: absolute;
  left: -35px;
  top: 50%;
  width: 30px;
  height: 2px;
  transform: translateY(-50%) rotateZ(90deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 4 1'%3E%3Cline x1='0.5' y1='0.5' x2='4' y2='0.5' stroke='%2358585A' stroke-linecap='round' stroke-dasharray='1 3'/%3E%3C/svg%3E");
  opacity: 0.2;
  pointer-events: none;
}
.main-nav--bottom a .icon {
  font-size: 30px;
}
.main-nav--bottom a .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.main-nav--bottom a .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.main-nav--bottom a .icon svg [stroke] {
  stroke-width: 0.8;
}
.main-nav--bottom .page-header--login {
  display: flex;
  margin-left: auto;
}
.main-nav--toggle {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.main-nav--toggle:focus-visible {
  outline: 0;
}
.main-nav--toggle:focus-visible:before {
  outline: 2px solid #000;
}
.main-nav--toggle span {
  position: relative;
  display: block;
  width: 50px;
  height: 5px;
}
.main-nav--toggle span:before, .main-nav--toggle span:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  height: 2px;
  border-radius: 2px;
  width: 22px;
  background: #58585A;
  transform: translate(-50%, 0);
  transform-origin: 50% 50%;
  transition: transform 0.3s, rotate 0.3s;
}
.main-nav--toggle span:before {
  bottom: 100%;
}
.main-nav--toggle span:after {
  top: 100%;
}
.main-nav .main-nav--toggle, .login .main-nav--toggle {
  display: flex;
  place-items: center;
  place-content: center;
  position: absolute;
  top: 30px;
  right: 35px;
  width: 50px;
  height: 50px;
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.2));
  z-index: 1;
}
.main-nav .main-nav--toggle:before, .login .main-nav--toggle:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 5px;
}
.main-nav .main-nav--toggle:before, .login .main-nav--toggle:before {
  transition: background-color 0.3s;
}
.main-nav .main-nav--toggle span:before, .main-nav .main-nav--toggle span:after, .login .main-nav--toggle span:before, .login .main-nav--toggle span:after {
  width: 23px;
}
.main-nav .main-nav--toggle span:before, .login .main-nav--toggle span:before, .main-nav--toggle.active span:before {
  transform: translate(-50%, 3px) rotateZ(45deg);
}
.main-nav .main-nav--toggle span:after, .login .main-nav--toggle span:after, .main-nav--toggle.active span:after {
  transform: translate(-50%, -3px) rotateZ(-45deg);
}
.main-nav--overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(88, 88, 90, 0.5);
  z-index: 9989;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.lang-nav--list {
  display: flex;
  gap: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lang-nav--list abbr {
  cursor: inherit;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
}
.lang-nav--list li {
  position: relative;
}
.lang-nav--list li + li:before {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  transform: skew(-14deg);
  background: #58585A;
}
.lang-nav--list li + li:before {
  position: absolute;
  top: 5px;
  left: -6px;
  height: calc(100% - 10px);
  opacity: 0.15;
}
.lang-nav--list a {
  display: block;
  padding: 0 7px;
  height: 30px;
  line-height: 30px;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #58585A;
  transition: color 0.3s;
}
.lang-nav--list a.active {
  opacity: 0.6;
}

.breadcrumb {
  font-size: 16px;
}
.breadcrumb {
  padding-top: clamp(15px, 15px + 15 * (100vw - 768px) / 632, 30px);
}
.breadcrumb--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 5px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.breadcrumb--list li {
  display: flex;
  height: 35px;
  align-items: center;
}
.breadcrumb--list li + li {
  position: relative;
}
.breadcrumb--list li + li:before {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  transform: skew(-14deg);
  background: #58585A;
}
.breadcrumb--list li + li:before {
  margin: 0 20px;
  height: 100%;
  opacity: 0.15;
}
.breadcrumb--list li.active a {
  opacity: 0.6;
}
.breadcrumb--list li a {
  display: inline-block;
  color: #58585A;
  transition: color 0.3s;
}

.cols {
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
.cols.no-gutter {
  grid-column-gap: 0;
  grid-row-gap: 0;
}

table.contenttable,
.area--text table,
.area--table table {
  width: 100%;
  border: none;
  border-collapse: separate;
  border-spacing: 5px;
}
table.contenttable th,
table.contenttable td,
.area--text table th,
.area--text table td,
.area--table table th,
.area--table table td {
  padding: 12px 20px;
  border-radius: 5px;
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.5625;
  min-width: max(180px, 25vw);
}
table.contenttable thead tr:first-child.hidden,
.area--text table thead tr:first-child.hidden,
.area--table table thead tr:first-child.hidden {
  display: none;
}
table.contenttable thead tr:first-child th,
.area--text table thead tr:first-child th,
.area--table table thead tr:first-child th {
  padding: 16px 20px;
  background-color: var(--brand-primary);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  font-family: var(--font-family-special);
}
table.contenttable thead tr:not(:first-child) th,
table.contenttable tbody th,
.area--text table thead tr:not(:first-child) th,
.area--text table tbody th,
.area--table table thead tr:not(:first-child) th,
.area--table table tbody th {
  font-weight: 700;
  background: #E8EAED;
}
table.contenttable tbody tr,
.area--text table tbody tr,
.area--table table tbody tr {
  position: relative;
}
table.contenttable tbody tr td:first-child:after,
.area--text table tbody tr td:first-child:after,
.area--table table tbody tr td:first-child:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
  background-size: auto 100%;
  opacity: 0.3;
  filter: brightness(0) saturate(100%) invert(32%) sepia(2%) saturate(474%) hue-rotate(202deg) brightness(96%) contrast(82%);
}
body.alpenregion table.contenttable tbody tr td:first-child:after,
body.alpenregion .area--text table tbody tr td:first-child:after,
body.alpenregion .area--table table tbody tr td:first-child:after {
  opacity: 1;
  filter: none;
  background-image: linear-gradient(90deg, #E8EAED, #E8EAED);
}
body.bludenz table.contenttable tbody tr td:first-child:after,
body.bludenz .area--text table tbody tr td:first-child:after,
body.bludenz .area--table table tbody tr td:first-child:after {
  opacity: 1;
  filter: none;
  background-image: linear-gradient(90deg, #E8EAED, #E8EAED);
}
body.brandnertal table.contenttable tbody tr td:first-child:after,
body.brandnertal .area--text table tbody tr td:first-child:after,
body.brandnertal .area--table table tbody tr td:first-child:after {
  opacity: 1;
  filter: none;
  background-image: linear-gradient(90deg, #E8EAED, #E8EAED);
}
body.bergbahnen-brandnertal table.contenttable tbody tr td:first-child:after,
body.bergbahnen-brandnertal .area--text table tbody tr td:first-child:after,
body.bergbahnen-brandnertal .area--table table tbody tr td:first-child:after {
  opacity: 1;
  filter: none;
  background-image: linear-gradient(90deg, #E8EAED, #E8EAED);
}
body.klostertal table.contenttable tbody tr td:first-child:after,
body.klostertal .area--text table tbody tr td:first-child:after,
body.klostertal .area--table table tbody tr td:first-child:after {
  opacity: 1;
  filter: none;
  background-image: linear-gradient(90deg, #E8EAED, #E8EAED);
}
body.walsertal table.contenttable tbody tr td:first-child:after,
body.walsertal .area--text table tbody tr td:first-child:after,
body.walsertal .area--table table tbody tr td:first-child:after {
  opacity: 1;
  filter: none;
  background-image: linear-gradient(90deg, #E8EAED, #E8EAED);
}
table.contenttable p:last-child,
.area--text table p:last-child,
.area--table table p:last-child {
  margin-bottom: 0;
}
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1em;
}
.icon > svg,
.icon > img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-height: 100%;
}
.icon--chevron {
  position: relative;
}
.icon--chevron:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-70%, -50%) rotateZ(45deg);
  transform-origin: 50% 50%;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
.icon.color-montafon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-montafon);
}
.icon.color-montafon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-montafon);
}
.icon.color-gargellen svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gargellen);
}
.icon.color-gargellen svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gargellen);
}
.icon.color-kristberg svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-kristberg);
}
.icon.color-kristberg svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-kristberg);
}
.icon.color-gsl svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gsl);
}
.icon.color-gsl svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gsl);
}
.icon.color-golm svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-golm);
}
.icon.color-golm svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-golm);
}
.icon.color-alpenregion svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-alpenregion);
}
.icon.color-alpenregion svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-alpenregion);
}
.icon.color-brandnertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-brandnertal);
}
.icon.color-brandnertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-brandnertal);
}
.icon.color-bludenz svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-bludenz);
}
.icon.color-bludenz svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-bludenz);
}
.icon.color-klostertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-klostertal);
}
.icon.color-klostertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-klostertal);
}
.icon.color-walsertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-walsertal);
}
.icon.color-walsertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-walsertal);
}
.icon-guestcard {
  display: inline-flex;
  place-items: center;
  place-content: center;
  background: #87888A;
  border-radius: 5px;
}
.icon-guestcard svg {
  width: 75%;
}
.icon-guestcard svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.icon-guestcard svg [fill]:not([fill=none]) {
  fill: #fff;
}
.icon-guestcard.premium {
  background: #58585A;
}
.icon-guestcard.premium svg [stroke]:not([stroke=none]) {
  stroke: #F8DC1E;
}
.icon-guestcard.premium svg [fill]:not([fill=none]) {
  fill: #F8DC1E;
}
.icon-guestcard.alpenregion {
  background: #E65014;
}
.icon-guestcard.walsertal {
  background: #87888A;
}

.accordion {
  position: relative;
}
.accordion:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}
body.alpenregion .accordion:before {
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.bludenz .accordion:before {
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.brandnertal .accordion:before {
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.bergbahnen-brandnertal .accordion:before {
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.klostertal .accordion:before {
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.walsertal .accordion:before {
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
.accordion + .accordion {
  margin-top: 5px;
}
.accordion--header {
  list-style: none;
  -webkit-appearance: none;
  position: relative;
  padding: 17px 40px 17px 30px;
  color: var(--text-color);
  font-family: var(--font-family-special);
  font-size: 23px;
  line-height: 1;
  font-weight: 500;
  background: #E8EAED;
  border-left: 4px solid var(--brand-primary);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: border 0.3s, background-color 0.3s;
}
.accordion--header::-webkit-details-marker, .accordion--header::marker {
  display: none;
}
.accordion--header:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8.668 14.667 4.667-4.666-4.667-4.667'/%3E%3C/svg%3E") center no-repeat transparent;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(32%) sepia(2%) saturate(474%) hue-rotate(202deg) brightness(96%) contrast(82%);
}
.accordion--content {
  padding: 5px 30px 30px;
}
.accordion--content > .area:first-child {
  margin-top: 0;
}
.accordion--content > .area:last-child {
  margin-bottom: 0;
}
.accordion[open]:before {
  opacity: 1;
}
.accordion[open] .accordion--header {
  background-color: transparent;
  border-width: 0;
  border-color: transparent;
}
.accordion[open] .accordion--header:before {
  transform: translateY(-50%) rotateZ(90deg);
}
.accordion--status-item {
  border-bottom: 1px solid rgba(88, 88, 90, 0.3);
  display: flex;
  min-height: 50px;
  flex-direction: column;
  padding: 5px 0;
}
.accordion--status-item:first-child {
  border-top: 1px solid rgba(88, 88, 90, 0.3);
}
.accordion--status-item.lift {
  min-height: 60px;
}
.accordion--status-item.slope {
  padding: 5px 115px 5px 0;
  position: relative;
}
.accordion--status-item--status {
  flex: 1;
  display: flex;
  align-items: center;
}
.accordion--status-item--status {
  gap: clamp(10px, 10px + 5 * (100vw - 768px) / 632, 15px);
}
.accordion--status-item--status .status-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.accordion--status-item--status .status-icon {
  width: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.accordion--status-item--status .status-icon {
  height: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.accordion--status-item--status .status-icon {
  background-size: clamp(15px, 15px + 5 * (100vw - 768px) / 632, 20px);
}
.accordion--status-item--status .status-icon.open {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33333 13.2153L9.31159 19.6669L21.6667 6.33362' stroke='%2300C82D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.accordion--status-item--status .status-icon.closed {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33345 3.83362L21.6667 22.1669M3.33333 22.1669L21.6665 3.83362' stroke='%23E0001A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.accordion--status-item--status .icon {
  flex-shrink: 0;
}
.accordion--status-item--status .icon {
  font-size: clamp(25px, 25px + 5 * (100vw - 768px) / 632, 30px);
}
.accordion--status-item--location {
  flex: 1;
  max-width: 320px;
  padding: 0 0 0 30px;
  margin: 5px 0 0 0;
}
.slope .accordion--status-item--location {
  max-width: 200px;
  margin: 0;
}
.accordion--status-item--level {
  flex: 1;
  max-width: 200px;
  display: flex;
  align-items: center;
}
.accordion--status-item--level {
  gap: clamp(10px, 10px + 5 * (100vw - 768px) / 632, 15px);
}
.accordion--status-item--level:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.accordion--status-item--level.easy:before {
  background: #2179BD;
}
.accordion--status-item--level.medium:before {
  background: #D40D12;
}
.accordion--status-item--level.difficult:before {
  background: #000000;
}
.accordion--status-item--level.skiroute:before {
  border-radius: initial;
  transform: rotate(45deg);
  background: #EDC634;
}

.form-container,
form.formbuilder {
  padding: 30px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  color: var(--text-color);
}
body.alpenregion .form-container:not(.highlight),
body.alpenregion form.formbuilder:not(.highlight) {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.bludenz .form-container:not(.highlight),
body.bludenz form.formbuilder:not(.highlight) {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.brandnertal .form-container:not(.highlight),
body.brandnertal form.formbuilder:not(.highlight) {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.bergbahnen-brandnertal .form-container:not(.highlight),
body.bergbahnen-brandnertal form.formbuilder:not(.highlight) {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.klostertal .form-container:not(.highlight),
body.klostertal form.formbuilder:not(.highlight) {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.walsertal .form-container:not(.highlight),
body.walsertal form.formbuilder:not(.highlight) {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
.form-container.highlight,
form.formbuilder.highlight {
  background: var(--brand-primary);
  color: #fff;
  border-radius: 5px;
}
.form-container.highlight input[type=email],
.form-container.highlight input[type=text],
.form-container.highlight input[type=date],
.form-container.highlight input[type=password],
form.formbuilder.highlight input[type=email],
form.formbuilder.highlight input[type=text],
form.formbuilder.highlight input[type=date],
form.formbuilder.highlight input[type=password] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cg opacity='.15' transform='skewX(-14)'%3E%3Crect width='60%25' height='100%25' x='14' y='0' rx='5' ry='5' fill='%23000' /%3E%3Crect width='40%25' height='100%25' x='60%25' y='0' rx='5' ry='5' fill='%23000' /%3E%3C/g%3E%3C/svg%3E");
  color: #fff;
}
.form-container.highlight select,
form.formbuilder.highlight select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4.668 7.332 5 5.333 5-5.333'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cg opacity='.15' transform='skewX(-14)'%3E%3Crect width='60%25' height='100%25' x='14' y='0' rx='5' ry='5' fill='%23000' /%3E%3Crect width='40%25' height='100%25' x='60%25' y='0' rx='5' ry='5' fill='%23000' /%3E%3C/g%3E%3C/svg%3E");
  color: #fff;
}
.form-container.highlight textarea,
form.formbuilder.highlight textarea {
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
}
.form-container.highlight .checkbox label:before,
.form-container.highlight .radio label:before,
form.formbuilder.highlight .checkbox label:before,
form.formbuilder.highlight .radio label:before {
  background: rgba(0, 0, 0, 0.15);
}
.form-container.highlight .checkbox label a,
.form-container.highlight .radio label a,
form.formbuilder.highlight .checkbox label a,
form.formbuilder.highlight .radio label a {
  color: #fff;
}
.form-container.highlight .checkbox label:after,
form.formbuilder.highlight .checkbox label:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cpath stroke='#fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.5 7.629 6.087 11.5l7.413-8'/%3E%3C/svg%3E");
}
.form-container.highlight .radio label:before,
form.formbuilder.highlight .radio label:before {
  background: rgba(0, 0, 0, 0.15);
}
.form-container.highlight .radio label:after,
form.formbuilder.highlight .radio label:after {
  background: #fff;
}
.form-container.highlight .btn-primary,
form.formbuilder.highlight .btn-primary {
  color: #58585A;
}
.form-container.highlight .btn-primary:before,
form.formbuilder.highlight .btn-primary:before {
  background-color: #fff;
}
.form-container.highlight .btn-primary.btn:after,
form.formbuilder.highlight .btn-primary.btn:after {
  border-color: var(--brand-primary);
}
.form-container.highlight .btn-outline,
form.formbuilder.highlight .btn-outline {
  color: #fff;
}
.form-container.highlight .btn-outline:before,
form.formbuilder.highlight .btn-outline:before {
  background-color: transparent;
}
.form-container.highlight .btn-outline.btn:after,
form.formbuilder.highlight .btn-outline.btn:after {
  border-color: #58585A;
}
.form-container.highlight .btn-outline:before,
form.formbuilder.highlight .btn-outline:before {
  box-shadow: 0 0 2px #fff;
}
.form-container.highlight .form-group.has-datepicker,
form.formbuilder.highlight .form-group.has-datepicker {
  position: relative;
}
.form-container.highlight .form-group.has-datepicker:after,
form.formbuilder.highlight .form-group.has-datepicker:after {
  filter: brightness(0) invert(1);
}
.form-container .form-group + .form-group,
.form-container .form-group + div:not(.form-group) > .form-group:first-child,
form.formbuilder .form-group + .form-group,
form.formbuilder .form-group + div:not(.form-group) > .form-group:first-child {
  margin-top: 40px;
}
.form-container .cols,
form.formbuilder .cols {
  gap: 40px 0;
}
.form-container .cols > .form-group,
form.formbuilder .cols > .form-group {
  margin: 0;
}
.form-container fieldset,
form.formbuilder fieldset {
  margin: 0;
}
.form-container fieldset + fieldset,
.form-container fieldset + legend,
form.formbuilder fieldset + fieldset,
form.formbuilder fieldset + legend {
  margin-top: 40px;
}
.form-container legend,
form.formbuilder legend {
  display: block;
  margin-bottom: 0.8em;
  line-height: 1;
  font-family: var(--font-family-special);
  font-weight: 700;
}
.form-container legend,
form.formbuilder legend {
  font-size: clamp(35px, 35px + 13 * (100vw - 768px) / 632, 48px);
}
.form-container label,
form.formbuilder label {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  line-height: 1.5625;
  text-transform: uppercase;
  font-weight: 700;
}
.form-container label.required:after,
form.formbuilder label.required:after {
  content: "*";
}
.form-container input[type=email],
.form-container input[type=text],
.form-container input[type=date],
.form-container input[type=password],
.form-container select,
.form-container textarea,
.form-container [class*=rangepicker--label],
form.formbuilder input[type=email],
form.formbuilder input[type=text],
form.formbuilder input[type=date],
form.formbuilder input[type=password],
form.formbuilder select,
form.formbuilder textarea,
form.formbuilder [class*=rangepicker--label] {
  display: block;
  padding: 0 30px;
  width: 100%;
  height: 60px;
  border: none;
}
.form-container input[type=email]:focus,
.form-container input[type=text]:focus,
.form-container input[type=date]:focus,
.form-container input[type=password]:focus,
.form-container select:focus,
.form-container textarea:focus,
.form-container [class*=rangepicker--label]:focus,
form.formbuilder input[type=email]:focus,
form.formbuilder input[type=text]:focus,
form.formbuilder input[type=date]:focus,
form.formbuilder input[type=password]:focus,
form.formbuilder select:focus,
form.formbuilder textarea:focus,
form.formbuilder [class*=rangepicker--label]:focus {
  outline: none;
}
.form-container input[type=email][readonly], .form-container input[type=email][disabled],
.form-container input[type=text][readonly],
.form-container input[type=text][disabled],
.form-container input[type=date][readonly],
.form-container input[type=date][disabled],
.form-container input[type=password][readonly],
.form-container input[type=password][disabled],
.form-container select[readonly],
.form-container select[disabled],
.form-container textarea[readonly],
.form-container textarea[disabled],
.form-container [class*=rangepicker--label][readonly],
.form-container [class*=rangepicker--label][disabled],
form.formbuilder input[type=email][readonly],
form.formbuilder input[type=email][disabled],
form.formbuilder input[type=text][readonly],
form.formbuilder input[type=text][disabled],
form.formbuilder input[type=date][readonly],
form.formbuilder input[type=date][disabled],
form.formbuilder input[type=password][readonly],
form.formbuilder input[type=password][disabled],
form.formbuilder select[readonly],
form.formbuilder select[disabled],
form.formbuilder textarea[readonly],
form.formbuilder textarea[disabled],
form.formbuilder [class*=rangepicker--label][readonly],
form.formbuilder [class*=rangepicker--label][disabled] {
  cursor: not-allowed;
}
.form-container input[type=email][disabled],
.form-container input[type=email] :disabled,
.form-container input[type=text][disabled],
.form-container input[type=text] :disabled,
.form-container input[type=date][disabled],
.form-container input[type=date] :disabled,
.form-container input[type=password][disabled],
.form-container input[type=password] :disabled,
.form-container select[disabled],
.form-container select :disabled,
.form-container textarea[disabled],
.form-container textarea :disabled,
.form-container [class*=rangepicker--label][disabled],
.form-container [class*=rangepicker--label] :disabled,
form.formbuilder input[type=email][disabled],
form.formbuilder input[type=email] :disabled,
form.formbuilder input[type=text][disabled],
form.formbuilder input[type=text] :disabled,
form.formbuilder input[type=date][disabled],
form.formbuilder input[type=date] :disabled,
form.formbuilder input[type=password][disabled],
form.formbuilder input[type=password] :disabled,
form.formbuilder select[disabled],
form.formbuilder select :disabled,
form.formbuilder textarea[disabled],
form.formbuilder textarea :disabled,
form.formbuilder [class*=rangepicker--label][disabled],
form.formbuilder [class*=rangepicker--label] :disabled {
  opacity: 0.7;
}
.form-container input[type=email],
.form-container input[type=text],
.form-container input[type=date],
.form-container input[type=password],
.form-container [class*=rangepicker--label],
form.formbuilder input[type=email],
form.formbuilder input[type=text],
form.formbuilder input[type=date],
form.formbuilder input[type=password],
form.formbuilder [class*=rangepicker--label] {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cg transform='skewX(-14)' fill='%23E8EAED'%3E%3Crect width='60%25' height='100%25' x='14' y='0' rx='5' ry='5' /%3E%3Crect width='40%25' height='100%25' x='60%25' y='0' rx='5' ry='5' /%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat transparent;
  background-size: 100% 100%;
}
.form-container select,
form.formbuilder select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2358585A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4.668 7.332 5 5.333 5-5.333'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cg transform='skewX(-14)' fill='%23E8EAED'%3E%3Crect width='60%25' height='100%25' x='14' y='0' rx='5' ry='5' /%3E%3Crect width='40%25' height='100%25' x='60%25' y='0' rx='5' ry='5' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 20px 20px, 100% 100%;
  background-position: calc(100% - 25px) 50%, 0 0;
  appearance: none;
}
.form-container select:not([disabled]),
form.formbuilder select:not([disabled]) {
  cursor: pointer;
}
.form-container textarea,
form.formbuilder textarea {
  padding: 15px 20px;
  min-height: 120px;
  background: #E8EAED;
  border-radius: 5px;
}
.form-container input[type=email]:focus-visible,
.form-container input[type=text]:focus-visible,
.form-container input[type=date]:focus-visible,
.form-container input[type=password]:focus-visible,
form.formbuilder input[type=email]:focus-visible,
form.formbuilder input[type=text]:focus-visible,
form.formbuilder input[type=date]:focus-visible,
form.formbuilder input[type=password]:focus-visible {
  outline: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cmask id='mask-right'%3E%3Crect x='40%25' y='-2' width='100%25' height='150%25' fill='white' /%3E%3C/mask%3E%3Cg transform='skewX(-14)' fill='%23E8EAED' stroke='black' stroke-width='2' %3E%3Crect width='70%25' height='calc(100%25 - 2px)' x='15' y='1' rx='5' ry='5' /%3E%3Crect width='70%25' height='calc(100%25 - 2px)' x='30%25' y='1' rx='5' ry='5' mask='url(%23mask-right)' /%3E%3C/g%3E%3C/svg%3E");
}
.form-container select:focus-visible,
form.formbuilder select:focus-visible {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2358585A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4.668 7.332 5 5.333 5-5.333'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cmask id='mask-right'%3E%3Crect x='40%25' y='-2' width='100%25' height='150%25' fill='white' /%3E%3C/mask%3E%3Cg transform='skewX(-14)' fill='%23E8EAED' stroke='black' stroke-width='2' %3E%3Crect width='70%25' height='calc(100%25 - 2px)' x='15' y='1' rx='5' ry='5' /%3E%3Crect width='70%25' height='calc(100%25 - 2px)' x='30%25' y='1' rx='5' ry='5' mask='url(%23mask-right)' /%3E%3C/g%3E%3C/svg%3E");
}
.form-container.highlight input[type=email]:focus-visible,
.form-container.highlight input[type=text]:focus-visible,
.form-container.highlight input[type=date]:focus-visible,
.form-container.highlight input[type=password]:focus-visible,
form.formbuilder.highlight input[type=email]:focus-visible,
form.formbuilder.highlight input[type=text]:focus-visible,
form.formbuilder.highlight input[type=date]:focus-visible,
form.formbuilder.highlight input[type=password]:focus-visible {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cmask id='mask-left'%3E%3Crect x='0' y='-2' width='60%25' height='150%25' fill='white' /%3E%3C/mask%3E%3Cmask id='mask-right'%3E%3Crect x='40%25' y='-2' width='100%25' height='150%25' fill='white' /%3E%3C/mask%3E%3Cg transform='skewX(-14)' opacity='.15' fill='%23000'%3E%3Crect width='60%25' height='100%25' x='14' y='0' rx='5' ry='5' /%3E%3Crect width='40%25' height='100%25' x='60%25' y='0' rx='10' ry='5' /%3E%3C/g%3E%3Cg transform='skewX(-14)' stroke='black' stroke-width='2'%3E%3Crect width='70%25' height='calc(100%25 - 2px)' x='15' y='1' rx='5' ry='5' mask='url(%23mask-left)' /%3E%3Crect width='70%25' height='calc(100%25 - 2px)' x='30%25' y='1' rx='10' ry='5' mask='url(%23mask-right)' /%3E%3C/g%3E%3C/svg%3E");
}
.form-container.highlight select:focus-visible,
form.formbuilder.highlight select:focus-visible {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4.668 7.332 5 5.333 5-5.333'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cmask id='mask-left'%3E%3Crect x='0' y='-2' width='60%25' height='150%25' fill='white' /%3E%3C/mask%3E%3Cmask id='mask-right'%3E%3Crect x='40%25' y='-2' width='100%25' height='150%25' fill='white' /%3E%3C/mask%3E%3Cg transform='skewX(-14)' opacity='.15' fill='%23000'%3E%3Crect width='60%25' height='100%25' x='14' y='0' rx='5' ry='5' /%3E%3Crect width='40%25' height='100%25' x='60%25' y='0' rx='10' ry='5' /%3E%3C/g%3E%3Cg transform='skewX(-14)' stroke='black' stroke-width='2'%3E%3Crect width='70%25' height='calc(100%25 - 2px)' x='15' y='1' rx='5' ry='5' mask='url(%23mask-left)' /%3E%3Crect width='70%25' height='calc(100%25 - 2px)' x='30%25' y='1' rx='10' ry='5' mask='url(%23mask-right)' /%3E%3C/g%3E%3C/svg%3E");
}
.form-container textarea:focus-visible,
form.formbuilder textarea:focus-visible {
  outline: 2px solid #000;
}
.form-container .rangepicker [class*=rangepicker--label],
form.formbuilder .rangepicker [class*=rangepicker--label] {
  position: relative;
  display: flex;
  align-items: center;
}
.form-container .rangepicker [class*=rangepicker--label]:after,
form.formbuilder .rangepicker [class*=rangepicker--label]:after {
  display: block;
  content: "";
  position: absolute;
  right: 30px;
  bottom: 20px;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.308 1.332v3.345M2 8.022h16m-4.308-6.69v3.345M3.846 18.665h12.308c1.02 0 1.846-.816 1.846-1.824V4.677a1.835 1.835 0 0 0-1.846-1.824H3.846C2.826 2.853 2 3.669 2 4.677v12.164c0 1.008.827 1.824 1.846 1.824'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(32%) sepia(2%) saturate(474%) hue-rotate(202deg) brightness(96%) contrast(82%);
}
.form-container .numberpicker,
form.formbuilder .numberpicker {
  position: relative;
}
.form-container .numberpicker input[type=text],
form.formbuilder .numberpicker input[type=text] {
  text-align: center;
}
.form-container .numberpicker input[type=text]:focus-visible,
form.formbuilder .numberpicker input[type=text]:focus-visible {
  outline: 2px solid #000;
  outline-offset: -10px;
}
.form-container .numberpicker button[type=button],
form.formbuilder .numberpicker button[type=button] {
  position: absolute;
  top: 50%;
  padding: 0;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  border: none;
  background: none;
  cursor: pointer;
}
.form-container .numberpicker button[type=button]:active,
form.formbuilder .numberpicker button[type=button]:active {
  transform: translateY(-50%) scale(0.9);
}
.form-container .numberpicker button[type=button]:focus-visible,
form.formbuilder .numberpicker button[type=button]:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.form-container .numberpicker button[type=button]:before, .form-container .numberpicker button[type=button]:after,
form.formbuilder .numberpicker button[type=button]:before,
form.formbuilder .numberpicker button[type=button]:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 2px;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  background: #58585A;
}
.form-container .numberpicker button[type=button][data-type=subtract],
form.formbuilder .numberpicker button[type=button][data-type=subtract] {
  left: 30px;
}
.form-container .numberpicker button[type=button][data-type=subtract]:after,
form.formbuilder .numberpicker button[type=button][data-type=subtract]:after {
  display: none;
}
.form-container .numberpicker button[type=button][data-type=add],
form.formbuilder .numberpicker button[type=button][data-type=add] {
  right: 30px;
}
.form-container .numberpicker button[type=button][data-type=add]:after,
form.formbuilder .numberpicker button[type=button][data-type=add]:after {
  transform: translate(-50%, -50%) rotateZ(90deg);
}

.form-group.has-datepicker {
  position: relative;
}
.form-group.has-datepicker input[type=text] {
  padding-right: 55px;
}
.form-group.has-datepicker:after {
  display: block;
  content: "";
  position: absolute;
  right: 30px;
  bottom: 20px;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.308 1.332v3.345M2 8.022h16m-4.308-6.69v3.345M3.846 18.665h12.308c1.02 0 1.846-.816 1.846-1.824V4.677a1.835 1.835 0 0 0-1.846-1.824H3.846C2.826 2.853 2 3.669 2 4.677v12.164c0 1.008.827 1.824 1.846 1.824'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(32%) sepia(2%) saturate(474%) hue-rotate(202deg) brightness(96%) contrast(82%);
}
.cols .form-group {
  margin-bottom: 0;
}
.form-group .checkbox,
.form-group .radio {
  position: relative;
}
.form-group .checkbox label,
.form-group .radio label {
  position: relative;
  padding: 4px 0 0 35px;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.05em;
}
.form-group .checkbox label:before, .form-group .checkbox label:after,
.form-group .radio label:before,
.form-group .radio label:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  pointer-events: none;
}
.form-group .checkbox label:before,
.form-group .radio label:before {
  background: #E8EAED;
  border-radius: 3px;
}
.form-group .checkbox label:after,
.form-group .radio label:after {
  opacity: 0;
}
.form-group .checkbox label a,
.form-group .radio label a {
  color: var(--text-color);
  text-decoration: underline;
}
.form-group .checkbox input[type=checkbox],
.form-group .checkbox input[type=radio],
.form-group .radio input[type=checkbox],
.form-group .radio input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.form-group .checkbox input[type=checkbox]:checked,
.form-group .checkbox input[type=radio]:checked,
.form-group .radio input[type=checkbox]:checked,
.form-group .radio input[type=radio]:checked {
  opacity: 1;
}
.form-group .checkbox input[type=checkbox]:checked ~ label:after,
.form-group .checkbox input[type=radio]:checked ~ label:after,
.form-group .radio input[type=checkbox]:checked ~ label:after,
.form-group .radio input[type=radio]:checked ~ label:after {
  opacity: 1;
}
.form-group .checkbox input[type=checkbox]:focus-visible ~ label:before,
.form-group .checkbox input[type=radio]:focus-visible ~ label:before,
.form-group .radio input[type=checkbox]:focus-visible ~ label:before,
.form-group .radio input[type=radio]:focus-visible ~ label:before {
  outline: 2px solid #000;
}
.form-group .checkbox label:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cpath stroke='#58585A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.5 7.629 6.087 11.5l7.413-8'/%3E%3C/svg%3E") no-repeat center center transparent;
  background-size: 16px auto;
}
.form-group .radio label:before {
  background: #E8EAED;
  border-radius: 100%;
}
.form-group .radio label:after {
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #58585A;
}
.form-group .btn {
  text-transform: none;
}

.form-kletterpark .col-form-label {
  font-size: clamp(30px, 30px + 5 * (100vw - 768px) / 632, 35px);
}

.infobox {
  padding: 60px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
}
.infobox {
  padding: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
body.alpenregion .infobox:not(.grey) {
  border: 1px solid #E8EAED;
  background: none;
  border-radius: 5px;
}
body.bludenz .infobox:not(.grey) {
  border: 1px solid #E8EAED;
  background: none;
  border-radius: 5px;
}
body.brandnertal .infobox:not(.grey) {
  border: 1px solid #E8EAED;
  background: none;
  border-radius: 5px;
}
body.bergbahnen-brandnertal .infobox:not(.grey) {
  border: 1px solid #E8EAED;
  background: none;
  border-radius: 5px;
}
body.klostertal .infobox:not(.grey) {
  border: 1px solid #E8EAED;
  background: none;
  border-radius: 5px;
}
body.walsertal .infobox:not(.grey) {
  border: 1px solid #E8EAED;
  background: none;
  border-radius: 5px;
}
.infobox.grey {
  background: #E8EAED;
  border-radius: 5px;
}
.infobox--title {
  display: flex;
  gap: 15px;
  align-items: center;
}
.infobox--title {
  margin-bottom: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.infobox--title .icon {
  font-size: 60px;
}
.infobox--title .icon {
  font-size: clamp(40px, 40px + 20 * (100vw - 768px) / 632, 60px);
}
.infobox--title .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--text-color);
}
.infobox--title .icon svg [fill]:not([fill=none]) {
  fill: var(--text-color);
}
.infobox--text {
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.infobox--text > *:first-child {
  margin-top: 0;
}
.infobox--text > *:last-child {
  margin-bottom: 0;
}
.infobox--button {
  margin-top: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.infobox--button .btn-text {
  transform: translateX(-15px);
}

.teaser {
  position: relative;
  height: 100%;
  opacity: 1;
  transition: opacity 0.5s;
  transform-origin: 0 0;
  will-change: opacity, transform;
  /*** Teaser general ***/
  /*** Event Teaser ***/
  /*** Story Teaser ***/
  /*** Offer Teaser ***/
  /** POI Teaser ***/
  /** Tour Teaser ***/
  /** Accommodation Teaser ***/
  /*** Card Teaser ***/
  /*** Small Teaser ***/
}
.teaser.hiding, .teaser.showing {
  opacity: 0;
  transition: opacity 0.5s;
}
.teaser.hiding, .teaser.showing {
  position: absolute !important;
}
.teaser.hidden {
  display: none;
}
.area--teaser.hide-teaser-categories .teaser .teaser--categories {
  display: none;
}
.teaser a, .teaser a:hover {
  color: var(--text-color);
  text-decoration: none;
}
.teaser--inner {
  padding-top: 15px;
  height: 100%;
  color: var(--text-color);
  border-radius: 5px;
  overflow: hidden;
  transition: filter 0.3s, padding 0.3s;
}
.teaser--inner {
  padding-top: clamp(10px, 10px + 5 * (100vw - 768px) / 632, 15px);
}
.teaser--box {
  display: flex;
  place-items: center;
  place-content: center;
  position: absolute;
  top: 0;
  right: 37px;
  padding: 0 17px;
  color: #fff;
  transition: top 0.3s, right 0.3s;
  z-index: 2;
}
.teaser--box {
  height: clamp(55px, 55px + 10 * (100vw - 768px) / 632, 65px);
}
.teaser--box:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
  border-radius: 5px;
}
.teaser--box:before {
  z-index: -1;
}
.teaser--box.teaser--date .teaser--box--inner {
  align-items: center;
  flex-direction: column;
  gap: 0;
}
.teaser--box.teaser--date span {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.teaser--box--inner {
  display: flex;
  align-items: end;
  gap: 5px;
}
.teaser--box--inner[data-tooltip]:before {
  top: 20px;
  right: 2px;
  transform: none;
}
.teaser--box--inner[data-tooltip]:after {
  top: 26px;
  right: -13px;
  transform: none;
}
.teaser--box strong {
  display: block;
  line-height: 1;
  font-family: var(--font-family-special);
}
.teaser--box strong {
  font-size: clamp(25px, 25px + 10 * (100vw - 768px) / 632, 35px);
}
.teaser--box span {
  display: block;
  line-height: 1.2;
}
.teaser--box .icon {
  align-self: start;
  padding: 2px;
  background: #fff;
  font-size: 15px;
  border-radius: 100%;
}
.teaser--box .icon svg {
  fill: var(--brand-primary);
}
.teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary);
}
.teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary);
}
.teaser--profile {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -60%);
  transition: transform 0.3s;
  z-index: 1;
}
.teaser--profile {
  width: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
}
.teaser--profile {
  height: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
}
.teaser--profile img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  transition: box-shadow 0.3s;
}
.teaser--profile .icon {
  position: absolute;
  left: 0;
  bottom: -4px;
}
.teaser--profile .icon {
  font-size: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.teaser--profile .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary);
}
.teaser--profile .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary);
}
.teaser--profile .icon.color-montafon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-montafon);
}
.teaser--profile .icon.color-montafon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-montafon);
}
.teaser--profile .icon.color-gargellen svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gargellen);
}
.teaser--profile .icon.color-gargellen svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gargellen);
}
.teaser--profile .icon.color-kristberg svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-kristberg);
}
.teaser--profile .icon.color-kristberg svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-kristberg);
}
.teaser--profile .icon.color-gsl svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gsl);
}
.teaser--profile .icon.color-gsl svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gsl);
}
.teaser--profile .icon.color-golm svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-golm);
}
.teaser--profile .icon.color-golm svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-golm);
}
.teaser--profile .icon.color-alpenregion svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-alpenregion);
}
.teaser--profile .icon.color-alpenregion svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-alpenregion);
}
.teaser--profile .icon.color-brandnertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-brandnertal);
}
.teaser--profile .icon.color-brandnertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-brandnertal);
}
.teaser--profile .icon.color-bludenz svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-bludenz);
}
.teaser--profile .icon.color-bludenz svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-bludenz);
}
.teaser--profile .icon.color-klostertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-klostertal);
}
.teaser--profile .icon.color-klostertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-klostertal);
}
.teaser--profile .icon.color-walsertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-walsertal);
}
.teaser--profile .icon.color-walsertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-walsertal);
}
.teaser--media {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  transition: padding 0.4s;
}
.teaser--media:before {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 65%;
  background: #e0e0e0;
  transition: padding 0.3s;
}
.teaser--media:before:only-child {
  background: green;
}
.teaser--media img, .teaser--media video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.teaser--media .pimcore_editable_video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.teaser--text {
  height: 100%;
  text-align: center;
  background-color: #E8EAED;
  transition: background-color 0.3s;
}
.teaser--text {
  padding-left: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.teaser--text {
  padding-top: clamp(30px, 30px + 10 * (100vw - 768px) / 632, 40px);
}
.teaser--text {
  padding-right: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.teaser--text {
  padding-bottom: clamp(20px, 20px + 20 * (100vw - 768px) / 632, 40px);
}
.teaser--text header {
  margin-bottom: 15px;
}
.teaser--text header h3 {
  margin: 0;
  padding: 0;
}
.teaser--text p {
  margin: 0;
}
.teaser--text p + p {
  margin-top: 15px;
}
.teaser--categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  position: relative;
}
.teaser--categories + header {
  margin-top: clamp(15px, 15px + 5 * (100vw - 768px) / 632, 20px);
}
.teaser--category {
  display: flex;
  align-items: center;
  position: relative;
  height: 30px;
  text-transform: uppercase;
  color: var(--text-color);
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.05em;
  font-weight: 700;
  white-space: nowrap;
  z-index: 1;
}
.teaser--category {
  padding-left: clamp(10px, 10px + 2 * (100vw - 768px) / 632, 12px);
}
.teaser--category {
  padding-right: clamp(10px, 10px + 2 * (100vw - 768px) / 632, 12px);
}
.teaser--category:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 5px;
}
.teaser--category:before {
  border: 1px solid transparent;
  transition: border 0.3s, background-color 0.3s, color 0.3s;
  z-index: -1;
}
.teaser--category .icon {
  font-size: 20px;
}
.teaser--category .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.teaser--category .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.teaser--category[class*=color] {
  color: #fff;
}
.teaser--category[class*=color]:before {
  border: none !important;
}
.teaser--category[class*=color] .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.teaser--category[class*=color] .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.teaser--category.color-montafon:before {
  background-color: var(--brand-primary-montafon);
}
.teaser--category.color-gargellen:before {
  background-color: var(--brand-primary-gargellen);
}
.teaser--category.color-kristberg:before {
  background-color: var(--brand-primary-kristberg);
}
.teaser--category.color-gsl:before {
  background-color: var(--brand-primary-gsl);
}
.teaser--category.color-golm:before {
  background-color: var(--brand-primary-golm);
}
.teaser--category.color-alpenregion:before {
  background-color: var(--brand-primary-alpenregion);
}
.teaser--category.color-brandnertal:before {
  background-color: var(--brand-primary-brandnertal);
}
.teaser--category.color-bludenz:before {
  background-color: var(--brand-primary-bludenz);
}
.teaser--category.color-klostertal:before {
  background-color: var(--brand-primary-klostertal);
}
.teaser--category.color-walsertal:before {
  background-color: var(--brand-primary-walsertal);
}
.teaser--category.color-open:before {
  background-color: #00C82D;
}
.teaser--category.color-closed:before {
  background-color: #58585A;
  opacity: 0.5;
}
.teaser--category.color-tour-easy:before {
  background-color: #0066CC;
}
.teaser--category.color-tour-medium:before {
  background-color: #cc0000;
}
.teaser--category.color-tour-hard:before {
  background-color: #000000;
}
.teaser--period {
  display: flex;
  place-items: center;
  place-content: center;
  gap: 10px;
  margin-bottom: 15px;
  text-align: left;
}
.teaser--period .icon {
  font-size: 15px;
}
.teaser--period .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--text-color);
}
.teaser--period .icon svg [fill]:not([fill=none]) {
  fill: var(--text-color);
}
.teaser--period .icon svg [stroke] {
  stroke-width: 1.5;
}
.teaser--button {
  margin-top: 20px;
}
.teaser--button .btn-text {
  text-transform: uppercase;
  text-align: left;
}
.teaser.story:not(.event) .teaser--inner {
  padding-top: 0;
}
.teaser.story:not(.event) .teaser--media:before {
  padding-bottom: 70%;
}
.teaser.story .teaser--text {
  padding-top: clamp(50px, 50px + 10 * (100vw - 768px) / 632, 60px);
}
.teaser.poi .teaser--inner, .teaser.tour .teaser--inner, .teaser.accommodation .teaser--inner {
  padding-top: 0;
}
.teaser.poi .teaser--media:before, .teaser.tour .teaser--media:before, .teaser.accommodation .teaser--media:before {
  padding-bottom: 70%;
}
.teaser.poi .teaser--categories, .teaser.tour .teaser--categories, .teaser.accommodation .teaser--categories {
  margin-bottom: 15px;
}
.teaser.poi .teaser--text p, .teaser.tour .teaser--text p, .teaser.accommodation .teaser--text p {
  position: relative;
  margin-top: 25px;
  padding-top: 25px;
}
.teaser.poi .teaser--text p:before, .teaser.tour .teaser--text p:before, .teaser.accommodation .teaser--text p:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 4 1'%3E%3Cline x1='0.5' y1='0.5' x2='4' y2='0.5' stroke='%2358585A' stroke-linecap='round' stroke-dasharray='1 3'/%3E%3C/svg%3E") repeat-x top center transparent;
  background-size: auto 100%;
  opacity: 0.5;
  pointer-events: none;
}
.teaser.poi .opening-times {
  position: relative;
}
.teaser.poi .opening-times.active .opening-times--container {
  visibility: visible;
  opacity: 1;
}
.teaser.poi .opening-times--title {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  place-items: center;
  place-content: center;
  font-size: 16px;
}
.teaser.poi .opening-times--title .icon {
  flex: 0 0 auto;
  font-size: 15px;
}
.teaser.poi .opening-times--title .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.teaser.poi .opening-times--title .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.teaser.poi .opening-times--container {
  position: absolute;
  left: 50%;
  top: 0;
  padding: 15px 20px;
  width: 100%;
  transform: translateX(-50%);
  background: #fff;
  font-size: 14px;
  text-align: left;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.35s, visibility 0.35s;
}
.teaser.poi .opening-times--row {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: baseline;
}
.teaser.poi .opening-times--row + .opening-times--row {
  margin-top: 8px;
}
.teaser.poi .opening-times--row .icon {
  flex: 0 0 auto;
  display: block;
  font-size: 15px;
  transform: translateY(2px);
}
.teaser.poi .opening-times--row .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.teaser.poi .opening-times--row .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.teaser.poi .opening-times--row .icon svg [stroke] {
  stroke-width: 1;
}
.teaser.poi .opening-times--times {
  line-height: 1.35;
}
.teaser--guestcards {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
}
.teaser--guestcard {
  display: flex;
  height: 40px;
  pointer-events: none;
}
.teaser--guestcard:first-child .teaser--guestcard--text:before {
  border-top-right-radius: 0;
}
.teaser--guestcard:last-child .icon {
  border-bottom-right-radius: 5px;
}
.teaser--guestcard:hover .teaser--guestcard--text {
  visibility: visible;
  opacity: 1;
}
.teaser--guestcard.color-premium .icon {
  background-color: #58585A;
}
.teaser--guestcard.color-premium .icon svg [stroke]:not([stroke=none]) {
  stroke: #F8DC1E;
}
.teaser--guestcard.color-premium .icon svg [fill]:not([fill=none]) {
  fill: #F8DC1E;
}
.teaser--guestcard.color-premium .teaser--guestcard--text {
  font-weight: 700;
}
.teaser--guestcard.color-alpenregion .icon {
  background-color: #E65014;
}
.teaser--guestcard.color-walsertal .icon {
  background-color: #87888A;
}
.teaser--guestcard .icon {
  display: flex;
  place-items: center;
  place-content: center;
  flex: 0 0 auto;
  position: relative;
  font-size: 40px;
  z-index: 2;
  pointer-events: auto;
}
.teaser--guestcard .icon svg {
  width: 25px;
  height: auto;
}
.teaser--guestcard:not(.color-premium) .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.teaser--guestcard:not(.color-premium) .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.teaser--guestcard--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  position: relative;
  padding: 0 20px 0 15px;
  transform: translateX(-5px);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.35;
  z-index: 1;
  color: #fff;
  letter-spacing: 0.05em;
  visibility: hidden;
  opacity: 0;
  pointer-events: auto;
  transition: opacity 0.3s, visibility 0.3s;
}
.teaser--guestcard--text:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: rgba(0, 0, 0, 0.6);
}
.teaser--guestcard--text:before {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  pointer-events: none;
  z-index: -1;
}
.teaser.tour .tour-details {
  display: flex;
  margin: 25px 0;
}
.teaser.tour .tour-details--col {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
  gap: 5px;
  flex: 0 0 33.3333%;
  padding: 12px 10px;
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.teaser.tour .tour-details--col + .tour-details--col {
  border-left: 1px solid rgba(88, 88, 90, 0.2);
}
.teaser.tour .tour-details--col .icon {
  font-size: 20px;
}
.teaser.tour .tour-details--col .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.teaser.tour .tour-details--col .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.teaser.tour .tour-details--col .icon--individuell-arrow_left_right svg [stroke], .teaser.tour .tour-details--col .icon--individuell-mountain_peak svg [stroke] {
  stroke-width: 3;
}
.teaser.accommodation .teaser--inner {
  border-radius: 0;
}
.teaser.accommodation .teaser--media {
  border-radius: 0;
}
.teaser.accommodation .teaser--rating {
  display: flex;
  height: 40px;
  background: #fff;
}
.teaser.accommodation .teaser--rating--num {
  display: flex;
  place-items: center;
  place-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 100%;
  color: #fff;
  background: #3498DB;
  font-size: 15px;
  line-height: 1;
}
.teaser.accommodation .teaser--rating--text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  padding: 0 10px;
  height: 100%;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.05em;
}
.teaser.accommodation .teaser--rating--text strong {
  font-size: 12px;
}
.teaser.accommodation .teaser--stars {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin: -5px 0 25px;
}
.teaser.accommodation .teaser--stars .icon {
  font-size: 18px;
}
.teaser.accommodation .teaser--stars .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.teaser.accommodation .teaser--stars .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.teaser--label {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 15px 5px 15px;
  transform: translateX(5px);
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: 0.05em;
  z-index: 2;
}
.teaser--label:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #000;
}
.teaser--label:before {
  z-index: -1;
  pointer-events: none;
  border-bottom-left-radius: 2px;
  transform: skew(14deg);
}
.teaser--rating {
  position: absolute;
  right: 0;
  bottom: 0;
}
.teaser.card {
  height: auto;
}
.teaser.card .teaser--inner {
  display: block;
  padding: 0;
}
.teaser.card .teaser--inner:before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: #e0e0e0;
  border-radius: 6px;
}
.teaser.card .teaser--media {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
}
.teaser.card .teaser--media:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  bottom: 0;
  padding: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
  transition: top 0.3s;
  z-index: 2;
}
.teaser.card .teaser--text {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  height: auto;
  background: none transparent;
  text-align: left;
  z-index: 2;
}
.teaser.card .teaser--text {
  bottom: clamp(25px, 25px + 5 * (100vw - 768px) / 632, 30px);
}
.teaser.card .teaser--text header {
  position: relative;
  margin: 0;
  padding: 0;
  transition: padding 0.3s;
}
.teaser.card .teaser--text header {
  padding-right: clamp(25px, 25px + 5 * (100vw - 768px) / 632, 30px);
}
.teaser.card .teaser--text header {
  padding-left: clamp(45px, 45px + 15 * (100vw - 768px) / 632, 60px);
}
.teaser.card .teaser--text header:before {
  display: block;
  content: "";
  width: 4px;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
}
.teaser.card .teaser--text header:before {
  position: absolute;
  top: clamp(0px, 4px + -4 * (100vw - 768px) / 632, 4px);
  transition: left 0.3s, width 0.3s, border-radius 0.3s, box-shadow 0.3s;
  pointer-events: none;
}
.teaser.card .teaser--text header:before {
  left: clamp(25px, 25px + 10 * (100vw - 768px) / 632, 35px);
}
.teaser.card .teaser--text header:before {
  height: clamp(30px, 30px + 10 * (100vw - 768px) / 632, 40px);
}
.teaser.card .teaser--text header:after {
  display: block;
  content: "";
  position: absolute;
  top: clamp(6px, 9px + -3 * (100vw - 768px) / 632, 9px);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8.668 14.667 4.667-4.666-4.667-4.667'/%3E%3C/svg%3E") 0 0 no-repeat transparent;
  transform: translateX(-10px);
  filter: brightness(0) invert(1);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
}
.teaser.card .teaser--text header:after {
  left: clamp(23px, 23px + 15 * (100vw - 768px) / 632, 38px);
}
.teaser.card .teaser--text header:after {
  width: clamp(20px, 20px + 6 * (100vw - 768px) / 632, 26px);
}
.teaser.card .teaser--text header:after {
  height: clamp(20px, 20px + 6 * (100vw - 768px) / 632, 26px);
}
.teaser.card .teaser--text header h3 {
  color: #fff;
}
.teaser.card .teaser--categories {
  justify-content: left;
  position: absolute;
  bottom: calc(100% + clamp(10px, 10px + 5 * (100vw - 768px) / 632, 15px));
  transition: left 0.3s;
}
.teaser.card .teaser--categories {
  left: clamp(35px, 35px + 12 * (100vw - 768px) / 632, 47px);
}
.teaser.card .teaser--profile {
  position: absolute;
  transform: none;
}
.teaser.card .teaser--profile {
  left: clamp(25px, 25px + 25 * (100vw - 768px) / 632, 50px);
}
.teaser.card .teaser--profile {
  top: clamp(25px, 25px + 25 * (100vw - 768px) / 632, 50px);
}
.teaser.card.portrait .teaser--inner:before {
  padding-bottom: 133.33333%;
}
.teaser.webcam .teaser--text {
  text-align: left;
  background-color: #fff;
}
.teaser.webcam .teaser--webcam {
  display: flex;
  place-items: center;
  place-content: center;
  position: absolute;
  right: 0;
  padding: 10px;
  color: #fff;
  background-color: var(--brand-primary);
  border-top-right-radius: 5px;
  z-index: 2;
}
.teaser.webcam .teaser--webcam i {
  height: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.teaser.webcam .teaser--webcam i {
  max-height: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.teaser.webcam .teaser--webcam i {
  width: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.teaser.webcam .teaser--webcam i svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.teaser.webcam .teaser--webcam i svg [fill]:not([fill=none]) {
  fill: #fff;
}
.teaser.small {
  height: auto;
}
.teaser.small .teaser--inner {
  display: flex;
  padding: 0;
  overflow: hidden;
}
.teaser.small .teaser--inner {
  padding-top: clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px);
}
.teaser.small .teaser--inner {
  padding-left: clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px);
}
.teaser.small .teaser--inner {
  height: clamp(110px, 110px + 85 * (100vw - 768px) / 632, 195px);
}
.teaser.small .teaser--inner:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 5px;
}
.teaser.small .teaser--inner:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #E8EAED;
  border-radius: 5px;
}
.teaser.small .teaser--inner:before {
  bottom: 0;
  width: auto;
  height: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: -2;
}
.teaser.small .teaser--inner:before {
  top: clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px);
}
.teaser.small .teaser--inner:before {
  left: clamp(115px, 115px + 70 * (100vw - 768px) / 632, 185px);
}
.teaser.small .teaser--inner:before {
  right: clamp(12px, 12px + 9 * (100vw - 768px) / 632, 21px);
}
.teaser.small .teaser--inner:after {
  top: 0;
  transition: background-color 0.3s, opacity 0.3s;
  z-index: -1;
}
.teaser.small .teaser--inner:after {
  left: clamp(14px, 14px + 7 * (100vw - 768px) / 632, 21px);
}
.teaser.small .teaser--inner:after {
  width: clamp(99px, 99px + 67 * (100vw - 768px) / 632, 166px);
}
.teaser.small .teaser--inner:after {
  height: clamp(100px, 100px + 75 * (100vw - 768px) / 632, 175px);
}
.teaser.small .teaser--media {
  flex: 0 0 auto;
  mask: url("data:image/svg+xml,%3Csvg width='125' height='100' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='101' height='100' x='24' y='0' rx='5' fill='#000' transform='skewX(-14)' /%3E%3C/svg%3E") 0 0 no-repeat;
  mask-size: 100% 100%;
  border-radius: 0;
}
.teaser.small .teaser--media {
  width: clamp(125px, 125px + 80 * (100vw - 768px) / 632, 205px);
}
.teaser.small .teaser--media {
  height: clamp(100px, 100px + 75 * (100vw - 768px) / 632, 175px);
}
.teaser.small .teaser--media:before {
  padding-bottom: 85.36585%;
  background: none;
}
.teaser.small .teaser--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  height: auto;
  text-align: left;
  background: none transparent;
}
.teaser.small .teaser--text {
  padding-left: clamp(15px, 15px + 15 * (100vw - 768px) / 632, 30px);
}
.teaser.small .teaser--text {
  padding-right: clamp(40px, 40px + 30 * (100vw - 768px) / 632, 70px);
}
.teaser.small .teaser--text header {
  margin-bottom: 0;
}
.teaser.small .teaser--period {
  margin: 0;
  justify-content: start;
}
.teaser.small .teaser--period {
  margin-top: clamp(10px, 10px + 5 * (100vw - 768px) / 632, 15px);
}
.teaser.color-montafon.card .teaser--text header:before {
  background-color: var(--brand-primary-montafon);
}
.teaser.color-montafon .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-montafon);
}
.teaser.color-montafon .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-montafon);
}
.teaser.color-montafon .teaser--box:before {
  background-color: var(--brand-primary-montafon);
}
.teaser.color-montafon .teaser--box .icon svg {
  fill: var(--brand-primary-montafon);
}
.teaser.color-montafon .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-montafon);
}
.teaser.color-montafon .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-montafon);
}
.teaser.color-montafon .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-montafon);
}
.teaser.color-gargellen.card .teaser--text header:before {
  background-color: var(--brand-primary-gargellen);
}
.teaser.color-gargellen .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gargellen);
}
.teaser.color-gargellen .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gargellen);
}
.teaser.color-gargellen .teaser--box:before {
  background-color: var(--brand-primary-gargellen);
}
.teaser.color-gargellen .teaser--box .icon svg {
  fill: var(--brand-primary-gargellen);
}
.teaser.color-gargellen .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gargellen);
}
.teaser.color-gargellen .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gargellen);
}
.teaser.color-gargellen .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-gargellen);
}
.teaser.color-kristberg.card .teaser--text header:before {
  background-color: var(--brand-primary-kristberg);
}
.teaser.color-kristberg .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-kristberg);
}
.teaser.color-kristberg .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-kristberg);
}
.teaser.color-kristberg .teaser--box:before {
  background-color: var(--brand-primary-kristberg);
}
.teaser.color-kristberg .teaser--box .icon svg {
  fill: var(--brand-primary-kristberg);
}
.teaser.color-kristberg .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-kristberg);
}
.teaser.color-kristberg .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-kristberg);
}
.teaser.color-kristberg .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-kristberg);
}
.teaser.color-gsl.card .teaser--text header:before {
  background-color: var(--brand-primary-gsl);
}
.teaser.color-gsl .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gsl);
}
.teaser.color-gsl .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gsl);
}
.teaser.color-gsl .teaser--box:before {
  background-color: var(--brand-primary-gsl);
}
.teaser.color-gsl .teaser--box .icon svg {
  fill: var(--brand-primary-gsl);
}
.teaser.color-gsl .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gsl);
}
.teaser.color-gsl .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gsl);
}
.teaser.color-gsl .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-gsl);
}
.teaser.color-golm.card .teaser--text header:before {
  background-color: var(--brand-primary-golm);
}
.teaser.color-golm .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-golm);
}
.teaser.color-golm .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-golm);
}
.teaser.color-golm .teaser--box:before {
  background-color: var(--brand-primary-golm);
}
.teaser.color-golm .teaser--box .icon svg {
  fill: var(--brand-primary-golm);
}
.teaser.color-golm .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-golm);
}
.teaser.color-golm .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-golm);
}
.teaser.color-golm .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-golm);
}
.teaser.color-alpenregion.card .teaser--text header:before {
  background-color: var(--brand-primary-alpenregion);
}
.teaser.color-alpenregion .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-alpenregion);
}
.teaser.color-alpenregion .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-alpenregion);
}
.teaser.color-alpenregion .teaser--box:before {
  background-color: var(--brand-primary-alpenregion);
}
.teaser.color-alpenregion .teaser--box .icon svg {
  fill: var(--brand-primary-alpenregion);
}
.teaser.color-alpenregion .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-alpenregion);
}
.teaser.color-alpenregion .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-alpenregion);
}
.teaser.color-alpenregion .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-alpenregion);
}
.teaser.color-brandnertal.card .teaser--text header:before {
  background-color: var(--brand-primary-brandnertal);
}
.teaser.color-brandnertal .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-brandnertal);
}
.teaser.color-brandnertal .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-brandnertal);
}
.teaser.color-brandnertal .teaser--box:before {
  background-color: var(--brand-primary-brandnertal);
}
.teaser.color-brandnertal .teaser--box .icon svg {
  fill: var(--brand-primary-brandnertal);
}
.teaser.color-brandnertal .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-brandnertal);
}
.teaser.color-brandnertal .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-brandnertal);
}
.teaser.color-brandnertal .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-brandnertal);
}
.teaser.color-bludenz.card .teaser--text header:before {
  background-color: var(--brand-primary-bludenz);
}
.teaser.color-bludenz .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-bludenz);
}
.teaser.color-bludenz .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-bludenz);
}
.teaser.color-bludenz .teaser--box:before {
  background-color: var(--brand-primary-bludenz);
}
.teaser.color-bludenz .teaser--box .icon svg {
  fill: var(--brand-primary-bludenz);
}
.teaser.color-bludenz .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-bludenz);
}
.teaser.color-bludenz .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-bludenz);
}
.teaser.color-bludenz .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-bludenz);
}
.teaser.color-klostertal.card .teaser--text header:before {
  background-color: var(--brand-primary-klostertal);
}
.teaser.color-klostertal .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-klostertal);
}
.teaser.color-klostertal .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-klostertal);
}
.teaser.color-klostertal .teaser--box:before {
  background-color: var(--brand-primary-klostertal);
}
.teaser.color-klostertal .teaser--box .icon svg {
  fill: var(--brand-primary-klostertal);
}
.teaser.color-klostertal .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-klostertal);
}
.teaser.color-klostertal .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-klostertal);
}
.teaser.color-klostertal .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-klostertal);
}
.teaser.color-walsertal.card .teaser--text header:before {
  background-color: var(--brand-primary-walsertal);
}
.teaser.color-walsertal .teaser--profile .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-walsertal);
}
.teaser.color-walsertal .teaser--profile .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-walsertal);
}
.teaser.color-walsertal .teaser--box:before {
  background-color: var(--brand-primary-walsertal);
}
.teaser.color-walsertal .teaser--box .icon svg {
  fill: var(--brand-primary-walsertal);
}
.teaser.color-walsertal .teaser--box .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-walsertal);
}
.teaser.color-walsertal .teaser--box .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-walsertal);
}
.teaser.color-walsertal .teaser--button .btn.btn-text:after {
  border-color: var(--brand-primary-walsertal);
}

.floating-nav {
  position: fixed;
  bottom: 0;
  right: -8px;
  height: 60px;
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.2));
}
.floating-nav:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
}
.frontpage .floating-nav {
  bottom: 20px;
}
.floating-nav:before {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.floating-nav--inner {
  display: flex;
  position: relative;
  height: 100%;
}
.floating-nav .btn {
  flex-wrap: wrap;
  margin-right: -1px;
  padding: 0 20px;
  height: 100%;
  font-size: 12px;
  line-height: 13px;
  text-align: center;
}
.floating-nav .btn:first-child {
  margin-left: -1px;
}
.floating-nav .btn:first-child + .btn-secondary {
  margin-left: -1px;
}
.floating-nav .btn:first-child:before {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0;
  transition: background-color 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
html:not(.scroll-direction--scrolled) .frontpage .floating-nav .btn:first-child:before {
  border-bottom-left-radius: 5px;
}
.floating-nav .btn.btn-primary:after, .floating-nav .btn.btn-secondary:after {
  display: none;
}
.floating-nav .btn.btn-primary .icon, .floating-nav .btn.btn-secondary .icon {
  font-size: 30px;
}
.floating-nav .btn.btn-primary .icon.icon--ausstattung-bed svg [stroke], .floating-nav .btn.btn-secondary .icon.icon--ausstattung-bed svg [stroke] {
  stroke-width: 2;
}
.floating-nav .btn.btn-primary .icon svg, .floating-nav .btn.btn-secondary .icon svg {
  transition: opacity 0.3s, visibility 0.3s;
}
.floating-nav .btn.btn-primary .icon svg [stroke]:not([stroke=none]), .floating-nav .btn.btn-secondary .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.floating-nav .btn.btn-primary .icon svg [fill]:not([fill=none]), .floating-nav .btn.btn-secondary .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.floating-nav .btn.btn-primary span, .floating-nav .btn.btn-secondary span {
  display: none;
}
.floating-nav .btn:before {
  border-radius: 0;
}
.floating-nav button, .floating-nav label {
  display: flex;
  place-items: center;
  place-content: center;
  position: relative;
  padding: 0 20px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 12px;
  line-height: 13px;
  z-index: 1;
}
.floating-nav button:before, .floating-nav label:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
}
.floating-nav button:before, .floating-nav label:before {
  z-index: -1;
  transition: background-color 0.3s;
}
.floating-nav button:focus-visible:before, .floating-nav label:focus-visible:before {
  outline: 2px solid #000;
}
.floating-nav button + button:after, .floating-nav button + label:after, .floating-nav label + button:after, .floating-nav label + label:after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  transform: skew(-14deg);
  background: #58585A;
}
.floating-nav button + button:after, .floating-nav button + label:after, .floating-nav label + button:after, .floating-nav label + label:after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  transition: opacity 0.3s;
}
.floating-nav button:last-child, .floating-nav label:last-child {
  margin-right: -1px;
}
.floating-nav button[data-dialog-toggle=livebar], .floating-nav label[data-dialog-toggle=livebar] {
  padding-right: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
@keyframes liveFlash {
  0% {
    background: rgba(88, 88, 90, 0.2);
  }
  65% {
    background: rgba(88, 88, 90, 0.2);
  }
  80% {
    background: #ff0000;
  }
  85% {
    background: rgba(88, 88, 90, 0.2);
  }
  100% {
    background: rgba(88, 88, 90, 0.2);
  }
}
.floating-nav button[data-dialog-toggle=livebar][aria-expanded=true]:before, .floating-nav label[data-dialog-toggle=livebar][aria-expanded=true]:before {
  background: rgba(88, 88, 90, 0.1);
}
.floating-nav button[data-dialog-toggle=livebar]:after, .floating-nav label[data-dialog-toggle=livebar]:after {
  display: block;
  content: "";
  position: absolute;
  left: auto;
  top: calc(50% - 6px);
  right: 18px;
  width: 5px;
  height: 5px;
  transform: translateY(-50%);
  background: rgba(88, 88, 90, 0.2);
  border-radius: 100%;
  opacity: 1;
  animation: liveFlash 3s infinite;
}
.floating-nav button[data-dialog-toggle=region-map] .icon:before, .floating-nav button[data-dialog-toggle=region-map] .icon:after, .floating-nav label[data-dialog-toggle=region-map] .icon:before, .floating-nav label[data-dialog-toggle=region-map] .icon:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.floating-nav button[data-dialog-toggle=region-map] .icon:before, .floating-nav label[data-dialog-toggle=region-map] .icon:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.floating-nav button[data-dialog-toggle=region-map] .icon:after, .floating-nav label[data-dialog-toggle=region-map] .icon:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.floating-nav button[data-dialog-toggle=region-map][aria-expanded=true] .icon svg, .floating-nav label[data-dialog-toggle=region-map][aria-expanded=true] .icon svg {
  opacity: 0;
  visibility: hidden;
}
.floating-nav button[data-dialog-toggle=region-map][aria-expanded=true] .icon:before, .floating-nav button[data-dialog-toggle=region-map][aria-expanded=true] .icon:after, .floating-nav label[data-dialog-toggle=region-map][aria-expanded=true] .icon:before, .floating-nav label[data-dialog-toggle=region-map][aria-expanded=true] .icon:after {
  opacity: 1;
  visibility: visible;
}
.floating-nav button[data-dialog-toggle=page-search] .icon, .floating-nav label[data-dialog-toggle=page-search] .icon {
  font-size: 24px;
}
.floating-nav button[data-dialog-toggle=page-search] .icon svg [stroke]:not([stroke=none]), .floating-nav label[data-dialog-toggle=page-search] .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.floating-nav button[data-dialog-toggle=page-search] .icon svg [fill]:not([fill=none]), .floating-nav label[data-dialog-toggle=page-search] .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.floating-nav button.main-nav--toggle span, .floating-nav label.main-nav--toggle span {
  width: 30px;
}
.floating-nav--list {
  display: none;
}
.floating-nav--avalanche-warning {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  font-weight: 700;
}
.floating-nav--avalanche-warning [class*=avalanche-warning--] {
  display: flex;
  width: 30px;
  height: 30px;
  place-content: center;
  place-items: center;
  font-style: normal;
  color: #fff;
  border-radius: 100%;
  font-size: 13px;
  line-height: 1;
}
.floating-nav--avalanche-warning .avalanche-warning--1 {
  background-color: #498A00;
}
.floating-nav--avalanche-warning .avalanche-warning--2 {
  background-color: #F8C100;
}
.floating-nav--avalanche-warning .avalanche-warning--3 {
  background-color: #FF4614;
}
.floating-nav--avalanche-warning .avalanche-warning--4 {
  background-color: #E20015;
}
.floating-nav--avalanche-warning .avalanche-warning--5 {
  background-color: #C10012;
}
.floating-nav--avalanche-warning span {
  display: inline-block;
  font-size: 13px;
  line-height: 1.125;
}
.page-header--top > .floating-nav--avalanche-warning {
  position: absolute;
  top: 200px;
  right: 0;
  height: 60px;
}
.page-header--top > .floating-nav--avalanche-warning:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 5px;
}
.page-header--top > .floating-nav--avalanche-warning:before {
  width: 200%;
  z-index: -1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.livebar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 0 0;
  height: 165px;
  background: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete, transform 0.3s;
  overflow: hidden;
  z-index: 2 !important;
}
.livebar::backdrop {
  display: none;
}
html:not(.scroll-direction--scrolled-further) .frontpage .livebar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  height: 165px;
  box-shadow: none;
}
.livebar--inner {
  display: flex;
  gap: 20px;
  padding: 0 30px;
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 30px;
}
.livebar--item {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
  flex: 1 0 auto;
  gap: 5px;
  min-width: 85px;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
  scroll-snap-align: start;
}
.livebar--item, .livebar--item:hover {
  color: #58585A;
}
.livebar--item .icon,
.livebar--item [class^=avalanche-warning--] {
  padding: 5px;
  font-size: 40px;
}
.livebar--item .icon svg [stroke]:not([stroke=none]),
.livebar--item [class^=avalanche-warning--] svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.livebar--item .icon svg [fill]:not([fill=none]),
.livebar--item [class^=avalanche-warning--] svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.livebar--item .icon svg [stroke],
.livebar--item [class^=avalanche-warning--] svg [stroke] {
  stroke-width: 2;
}
.livebar--item [class^=avalanche-warning--] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 1em;
  height: 1em;
}
.livebar--item [class^=avalanche-warning--]:before {
  display: block;
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 100%;
  z-index: -1;
}
.livebar--item [class^=avalanche-warning--] span {
  padding: 0;
  font-size: 18px;
  letter-spacing: initial;
  font-style: normal;
  color: #fff;
}
.livebar--item .avalanche-warning--1:before {
  background-color: #498A00;
}
.livebar--item .avalanche-warning--2:before {
  background-color: #F8C100;
}
.livebar--item .avalanche-warning--3:before {
  background-color: #FF4614;
}
.livebar--item .avalanche-warning--4:before {
  background-color: #E20015;
}
.livebar--item .avalanche-warning--5:before {
  background-color: #C10012;
}
.livebar--item span {
  display: inline-block;
  padding: 3px;
  text-align: center;
  letter-spacing: 0.05em;
}
@keyframes showLivebar {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes showLivebarLgFp {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes hideLivebar {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(50%);
  }
}
@keyframes hideLivebarLgFp {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

[data-tooltip] {
  position: relative;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:active:before, [data-tooltip]:active:after {
  opacity: 1;
  visibility: visible;
}
[data-tooltip]:before, [data-tooltip]:after {
  display: block;
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
[data-tooltip]:before {
  top: calc(100% + 2px);
  right: 50%;
  transform: translateX(50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  z-index: 2;
}
[data-tooltip]:after {
  top: calc(100% + 8px);
  right: 50%;
  transform: translateX(21px);
  content: attr(data-tooltip);
  background: #fff;
  color: var(--text-color);
  padding: 10px;
  min-width: 150px;
  max-width: 250px;
  border-radius: 5px;
  font-style: normal;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  font-size: 11px;
  line-height: 15px;
  z-index: 1;
}
[data-tooltip][data-tooltip-top]:before {
  top: auto;
  bottom: calc(100% + 2px);
  border-top: 6px solid #fff;
  border-bottom: none;
}
[data-tooltip][data-tooltip-top]:after {
  top: auto;
  bottom: calc(100% + 8px);
}
[data-tooltip][data-tooltip-left]:before {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
[data-tooltip][data-tooltip-left]:after {
  right: auto;
  left: 50%;
  transform: translateX(-21px);
}

.quote {
  display: block;
  background: #E8EAED;
  color: var(--text-color);
  border-radius: 5px;
  text-align: center;
}
.quote {
  padding-left: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.quote {
  padding-top: clamp(40px, 40px + 20 * (100vw - 768px) / 632, 60px);
}
.quote {
  padding-right: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.quote {
  padding-bottom: clamp(40px, 40px + 20 * (100vw - 768px) / 632, 60px);
}
.quote.highlight {
  color: #fff;
  background: #58585A;
}
.quote.highlight .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.quote.highlight .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.quote.highlight hr {
  filter: brightness(0) saturate(0) invert(1);
}
.quote.highlight .btn-text {
  color: #fff;
}
.quote.highlight .btn-text:after {
  border-color: #fff;
}
.quote .icon {
  font-size: clamp(50px, 50px + 30 * (100vw - 768px) / 632, 80px);
}
.quote .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary);
}
.quote .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary);
}
.quote p {
  margin-bottom: 0;
  line-height: 1.2;
  font-family: var(--font-family-serif);
  letter-spacing: 0.03em;
}
.quote p {
  margin-top: clamp(15px, 15px + 15 * (100vw - 768px) / 632, 30px);
}
.quote p {
  font-size: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.quote hr {
  margin-top: clamp(25px, 25px + 15 * (100vw - 768px) / 632, 40px);
}
.quote hr {
  margin-bottom: clamp(25px, 25px + 15 * (100vw - 768px) / 632, 40px);
}
.quote--profile {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid #fff;
  border-radius: 100%;
  overflow: hidden;
}
.quote--profile {
  margin-bottom: clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px);
}
.quote--profile {
  width: clamp(100px, 100px + 30 * (100vw - 768px) / 632, 130px);
}
.quote--profile {
  height: clamp(100px, 100px + 30 * (100vw - 768px) / 632, 130px);
}
.quote--profile img {
  display: block;
  width: 100%;
  height: auto;
}
.quote cite {
  display: block;
  font-style: normal;
}
.quote .btn-text {
  text-transform: uppercase;
}
.quote .btn-text {
  margin-top: clamp(15px, 15px + 15 * (100vw - 768px) / 632, 30px);
}

.paginator {
  padding-top: clamp(50px, 50px + 20 * (100vw - 768px) / 632, 70px);
}
.paginator.hidden {
  display: none;
}
.paginator ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.paginator ul li.hidden {
  display: none;
}
.paginator ul li span, .paginator ul li a {
  display: flex;
  place-items: center;
  place-content: center;
  width: 50px;
  height: 50px;
}
.paginator ul li a {
  color: var(--text-color);
  background-color: #fff;
  border-radius: 100%;
  transition: box-shadow 0.3s;
}
.paginator ul li a.active {
  background-color: #E8EAED;
}
.paginator ul li a.first .icon, .paginator ul li a.prev .icon {
  transform: rotateZ(180deg);
}
.paginator ul li a .icon {
  font-size: 30px;
}
.paginator ul li a .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.paginator ul li a .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}

.info-icon {
  position: relative;
}
.info-icon.active .icon {
  opacity: 0;
  visibility: hidden;
}
.info-icon.active .info-icon--text {
  opacity: 1;
  visibility: visible;
}
.info-icon.active .info-icon--text .info-icon--text--wrap {
  max-width: 999px;
  transition: max-width 0.8s;
}
.info-icon .icon {
  position: relative;
  padding: 10px;
  font-size: 40px;
  background: #fff;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  z-index: 2;
  transition: opacity 0.3s, visibility 0.3s;
}
.info-icon .icon:focus-visible {
  outline: 2px solid #000;
  outline-offset: -3px;
}
.info-icon .icon svg {
  fill: #58585A;
}
.info-icon .icon svg [stroke] {
  stroke: #58585A;
}
.info-icon--text {
  position: absolute;
  left: 0;
  top: 0;
  padding: 13px 20px;
  font-size: 11px;
  line-height: 15px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: opacity 0.3s, visibility 0.3s;
}
.info-icon--text:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 3px;
}
.info-icon--text:before {
  z-index: -1;
}
.info-icon--text strong {
  text-transform: uppercase;
  color: var(--brand-primary);
}
.info-icon--text--wrap {
  overflow: hidden;
  max-width: 0;
  transition: max-width 0.2s;
}
.info-icon--text a {
  color: var(--text-color);
  text-decoration: underline;
}

.rangepicker--wrap {
  position: relative;
  display: flex;
  justify-content: stretch;
  align-items: center;
}
.rangepicker--col {
  flex: 1 0 auto;
}
.rangepicker--field {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
.rangepicker label[class*=rangepicker--label] {
  margin: 0;
  line-height: 1;
  cursor: pointer;
}

.login {
  position: fixed;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 50px;
  width: 100%;
  background: #fff;
  transform: translateX(101%);
  transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete, transform 0.3s allow-discrete;
  animation: hideLogin 0.3s forwards;
  z-index: 9992;
}
.login[open] {
  transform: translateX(0);
  animation: showLogin 0.3s forwards;
}
.login--inner {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: initial;
}
html:not([data-useragent*=Mobile]) .login--inner {
  scrollbar-width: initial;
  scrollbar-color: initial;
}
html:not([data-useragent*=Mobile]) .login--inner::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
html:not([data-useragent*=Mobile]) .login--inner::-webkit-scrollbar-track {
  background: transparent;
}
html:not([data-useragent*=Mobile]) .login--inner::-webkit-scrollbar-thumb {
  background-color: rgba(88, 88, 90, 0.6);
  border-radius: 5px;
  border: 0 solid transparent;
}
.login--inner > img,
.login--inner > picture > img {
  display: block;
  width: 100%;
  height: auto;
}
.login--inner > .icon {
  position: absolute;
  left: 50%;
  padding: 15px;
  transform: translate(-50%, -50%);
  font-size: 70px;
  background: var(--brand-primary);
  border-radius: 100%;
}
.login--inner > .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.login--inner > .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.login--form {
  padding: 40px 30px;
}
.login--form h3, .login--form .h3 {
  margin: 0 0 40px;
}
.login--form .form-container {
  padding: 0;
  background: none;
}
.login--form .form-container .form-group + .form-group {
  margin-top: 20px;
}
.login--form .form-container .form-group input {
  height: 50px;
}
.login--form .form-container .form-group .btn-primary {
  justify-content: center;
  width: 100%;
  text-transform: uppercase;
}
.login--form .form-container .form-group .btn-primary:after {
  display: none;
}
.login--form .form-container .form-group.form-group--submit {
  padding: 0 6px;
}
.login--form .form-container .form-group.form-group--forgot-pwd {
  margin-top: 15px;
  text-align: center;
}
.login--form .form-container .form-group.form-group--forgot-pwd a {
  text-decoration: underline;
  color: var(--text-color);
}
@keyframes showLogin {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes hideLogin {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

.page-search {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: none;
  z-index: 9992;
}
.page-search::backdrop {
  background: none;
  backdrop-filter: blur(10px);
}
.page-search.has-suggestions .page-search--suggestions, .page-search.no-results .page-search--suggestions, .page-search.has-error .page-search--suggestions {
  max-height: 100vh;
  opacity: 1;
  visibility: visible;
}
.page-search.has-suggestions .page-search--container button[type=submit], .page-search.no-results .page-search--container button[type=submit], .page-search.has-error .page-search--container button[type=submit] {
  display: none;
}
.page-search.has-suggestions .page-search--container button[type=reset], .page-search.no-results .page-search--container button[type=reset], .page-search.has-error .page-search--container button[type=reset] {
  display: flex;
}
.page-search.processing .page-search--container button[type=submit],
.page-search.processing .page-search--container button[type=reset] {
  display: none;
}
.page-search.processing .page-search--container:after {
  display: block;
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #58585A;
  border-right-color: transparent;
  border-radius: 100%;
  animation: spin 0.5s linear infinite;
}
.page-search.show-more-btn .page-search--suggestions--bottom {
  display: block;
}
.page-search.no-results .page-search--suggestions > ul, .page-search.has-error .page-search--suggestions > ul {
  display: none;
}
.page-search.no-results .page-search--suggestions--no-results {
  display: block;
}
.page-search.has-error .page-search--suggestions--error {
  display: block;
}
.page-search--close {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
}
.page-search--inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 125px 40px 60px;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
}
.page-search--inner:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 50px;
  background: rgba(88, 88, 90, 0.5);
}
.page-search form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-search .page-search--container {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  justify-content: stretch;
  height: 60px;
}
.page-search .page-search--container:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 4 1'%3E%3Cline x1='0.5' y1='0.5' x2='4' y2='0.5' stroke='%2358585A' stroke-linecap='round' stroke-dasharray='1 3'/%3E%3C/svg%3E") 0 0 repeat-x transparent;
  background-size: auto 100%;
  opacity: 0.2;
}
.page-search .page-search--container button {
  place-items: center;
  place-content: center;
  position: absolute;
  padding: 0;
  height: 100%;
  border: none;
  background: none;
  cursor: pointer;
}
.page-search .page-search--container button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 1px;
}
.page-search .page-search--container button[type=submit] {
  display: flex;
}
.page-search .page-search--container button[type=submit] .icon {
  font-size: 30px;
}
.page-search .page-search--container button[type=submit] .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.page-search .page-search--container button[type=submit] .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.page-search .page-search--container button[type=reset] {
  display: none;
}
.page-search .page-search--container button[type=reset]:before, .page-search .page-search--container button[type=reset]:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90%;
  height: 2px;
  background: #58585A;
}
.page-search .page-search--container button[type=reset]:before {
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.page-search .page-search--container button[type=reset]:after {
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.page-search .page-search--container input[type=search] {
  flex: 1 1 auto;
  padding: 0 0 0 45px;
  height: 100%;
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0.05em;
  border: none;
  background: none;
}
.page-search .page-search--container input[type=search]:focus {
  outline: none;
}
.page-search .page-search--container input[type=search]::-ms-clear, .page-search .page-search--container input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.page-search .page-search--container input[type=search]::-webkit-search-decoration, .page-search .page-search--container input[type=search]::-webkit-search-cancel-button, .page-search .page-search--container input[type=search]::-webkit-search-results-button, .page-search .page-search--container input[type=search]::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}
.page-search--suggestions {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.3s, opacity 0.5s, visibility 0.3s;
}
.page-search--suggestions > ul {
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0;
  overflow: visible;
  overflow-y: auto;
}
.page-search--suggestions > ul li:after {
  display: block;
  content: "";
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 4 1'%3E%3Cline x1='0.5' y1='0.5' x2='4' y2='0.5' stroke='%2358585A' stroke-linecap='round' stroke-dasharray='1 3'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
  background-size: auto 100%;
  opacity: 0.2;
}
.page-search--suggestions--item {
  display: block;
  padding: 15px 0;
  color: var(--text-color);
  transition: color 0.3s;
}
.page-search--suggestions--item p {
  margin-bottom: 0;
}
.page-search--suggestions--bottom {
  display: none;
  padding: 10px 15px;
  text-align: center;
}
.page-search--suggestions--bottom .btn p {
  margin: 0;
}
.page-search--suggestions--no-results, .page-search--suggestions--error {
  display: none;
  padding: 30px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  pointer-events: none;
  font-size: 18px;
  letter-spacing: 0.05em;
}
.page-search--suggestions--error {
  background: #E3051B;
  color: #fff;
}
.page-search--suggestions--error p {
  margin: 0;
}
.page-search--suggestions--error p:empty:before {
  display: block;
  content: attr(data-msg);
}

.meili--searchform {
  margin-bottom: clamp(30px, 30px + 20 * (100vw - 768px) / 632, 50px);
}
.meili--searchform form {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.meili--searchform input[type=search] {
  padding: 0 25px;
  width: 100%;
  height: 70px;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  border: none;
  letter-spacing: 0.05em;
  font-size: 20px;
}
.meili--searchform input[type=search] {
  padding-right: clamp(60px, 60px + 10 * (100vw - 768px) / 632, 70px);
}
.meili--searchform input[type=search] {
  height: clamp(60px, 60px + 10 * (100vw - 768px) / 632, 70px);
}
.meili--searchform button[type=submit] {
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 0;
  transform: translateY(-50%);
  width: auto;
  height: calc(100% - 20px);
  border: none;
  border-radius: 5px;
  background: var(--brand-primary);
  aspect-ratio: 1/1;
}
.meili--searchform button[type=submit] .icon {
  font-size: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.meili--searchform button[type=submit] .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.meili--searchform button[type=submit] .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.meili--searchform button[type=submit] .icon svg [stroke] {
  stroke-width: 2;
}
.meili--numresults {
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.meili--numresults {
  margin-bottom: clamp(30px, 30px + 20 * (100vw - 768px) / 632, 50px);
}
.meili--numresults {
  font-size: clamp(17px, 17px + 3 * (100vw - 768px) / 632, 20px);
}
.meili--numresults p {
  margin-bottom: 0;
}
.meili--result {
  position: relative;
  padding-bottom: 30px;
}
.meili--result + .meili--result {
  margin-top: 30px;
}
.meili--result:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
  background-size: auto 100%;
  opacity: 0.5;
}
.meili--result--title {
  margin-bottom: 0.5em;
}
.meili--result--text > *:last-child {
  margin-bottom: 0;
}
.meili--result--footer {
  margin-top: 15px;
}
.meili--result--footer a {
  color: var(--text-color);
  text-decoration: underline;
  transition: color 0.3s;
}

.region-map {
  position: relative;
  padding-top: 30px;
  min-height: 100vh;
  min-height: 100svh;
}
.region-map--nav {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  padding: 15px 40px 15px 40px;
  scroll-padding-left: 40px;
  overflow: hidden;
  overflow-x: auto;
}
.region-map--nav button {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0;
  font-family: var(--header-title-font-family);
  font-weight: var(--header-title-font-weight);
  line-height: 1;
  color: var(--text-color--opac-70);
  text-decoration: none;
  background: none transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
.region-map--nav button {
  padding-left: clamp(20px, 20px + 10 * (100vw - 576px) / 416, 30px);
}
.region-map--nav button {
  padding-right: clamp(20px, 20px + 10 * (100vw - 576px) / 416, 30px);
}
.region-map--nav button {
  height: clamp(50px, 50px + 10 * (100vw - 576px) / 416, 60px);
}
.region-map--nav button {
  font-size: clamp(12px, 12px + 6 * (100vw - 576px) / 416, 18px);
}
.region-map--nav button:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 5px;
}
.region-map--nav button:focus-visible {
  outline: 2px solid #000;
  border-radius: 3px;
}
.region-map--nav button.active {
  color: var(--text-color);
}
.region-map--nav button.active:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map--nav button.active:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map--nav button:before {
  box-shadow: 0 0 1px #58585A;
  transition: opacity 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
  z-index: -1;
}
.region-map--nav button:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 15px;
  border-bottom: 3px solid #58585A;
  transform: translateX(-50%);
  opacity: 0.5;
  transition: width 0.3s, border-color 0.3s, opacity 0.3s;
}
.region-map--container {
  position: relative;
  margin-bottom: -30px;
  overflow: hidden;
}
.region-map--container.town-map {
  padding-bottom: 0;
}
.region-map--bg {
  display: none;
}
.region-map--descriptions {
  display: grid;
  grid-template-areas: "main";
  margin-bottom: -60px;
  padding: 0 30px;
}
.region-map--description {
  grid-area: main;
  width: 100%;
  background: #58585A;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  transition: opacity 0.3s, visibility 0.3s;
}
.region-map--description {
  padding-left: clamp(20px, 20px + 40 * (100vw - 768px) / 632, 60px);
}
.region-map--description {
  padding-top: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.region-map--description {
  padding-right: clamp(20px, 20px + 40 * (100vw - 768px) / 632, 60px);
}
.region-map--description {
  padding-bottom: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.region-map--description:not(.default) {
  opacity: 0;
  visibility: hidden;
}
.region-map--description.brandnertal {
  background: var(--brand-primary-brandnertal);
}
.region-map--description.brandnertal .btn-primary:before {
  background: var(--brand-primary-brandnertal);
}
.region-map--description.bludenz {
  background: var(--brand-primary-bludenz);
}
.region-map--description.bludenz .btn-primary:before {
  background: var(--brand-primary-bludenz);
}
.region-map--description.klostertal {
  background: var(--brand-primary-klostertal);
}
.region-map--description.klostertal .btn-primary:before {
  background: var(--brand-primary-klostertal);
}
.region-map--description.walsertal {
  background: var(--brand-primary-walsertal);
}
.region-map--description.walsertal .btn-primary:before {
  background: var(--brand-primary-walsertal);
}
.region-map--description h3, .region-map--description .h3 {
  margin-bottom: clamp(15px, 15px + 15 * (100vw - 768px) / 632, 30px);
}
.region-map--description > :last-child {
  margin-bottom: 0;
}
.region-map--description .btn-outline {
  color: #fff;
}
.region-map--description .btn-outline:before {
  box-shadow: 0 0 1px #fff;
}
.region-map--map-container {
  padding: 95px 0 55px;
  background: #E8EAED;
}
.town-map .region-map--map-container svg {
  max-width: 400px;
  width: 100%;
  height: auto;
}
.region-map--map-container svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 215px;
}
.region-map--map-container svg .region-map--regions > * {
  transition: all 0.3s;
}
.region-map--bottom {
  position: relative;
  display: grid;
  grid-template-areas: "main";
  margin-bottom: 30px;
  padding: 0 30px;
  width: 100%;
  height: 146px;
  z-index: 3;
}
.region-map--bottom--slope {
  position: absolute;
  right: 0;
  bottom: -30px;
  width: 180px;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.region-map--bottom--slope:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
  border-radius: 5px;
}
.region-map--bottom--slope:before {
  width: 200%;
  transform-origin: 0 100%;
}
.region-map--gallery, .region-map--info {
  position: relative;
  grid-area: main;
  transition: opacity 0.3s, visibility 0.3s;
}
.region-map--gallery--wrap, .region-map--info--wrap {
  display: flex;
  max-width: calc(100vw - 60px - var(--scrollbarWidth));
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.region-map--gallery--wrap > *, .region-map--info--wrap > * {
  min-width: 170px;
  scroll-snap-align: start;
}
.region-map--gallery > button, .region-map--info > button {
  display: none;
}
.region-map--gallery .area--thumbnail {
  flex: 0 1 auto;
}
.region-map--gallery .area--thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.region-map--info {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.region-map--info--wrap {
  background: #fff;
}
.region-map--info--item {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  flex: 1 1 20%;
  white-space: nowrap;
  text-align: center;
}
.region-map--info--item {
  gap: clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px);
}
.region-map--info--item .icon {
  font-size: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.region-map--info--item .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.region-map--info--item .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.region-map--info--item p {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
}
.region-map--info--item strong {
  display: block;
  line-height: 1.25;
}
.region-map--info--item span {
  display: block;
}
.region-map--info--item + .region-map--info--item {
  border-left: 1px solid rgba(88, 88, 90, 0.15);
}
.region-map [data-toggle] {
  cursor: pointer;
}
.region-map[class*="--active"] .region-map--gallery,
.region-map[class*="--active"] .region-map--description.default {
  opacity: 0;
  visibility: hidden;
}
.region-map.brandnertal--active .region-map--nav button[data-toggle=brandnertal] {
  color: var(--text-color);
}
.region-map.brandnertal--active .region-map--nav button[data-toggle=brandnertal]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.brandnertal--active .region-map--nav button[data-toggle=brandnertal]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.brandnertal--active .region-map--nav button[data-toggle=brandnertal]:after {
  border-color: var(--brand-primary-brandnertal);
}
.region-map.brandnertal--active .region-map--nav button[data-toggle=brandnertal]:before {
  border-color: var(--brand-primary-brandnertal) !important;
}
.region-map.brandnertal--active .region-map--map-container svg .region-map--brandnertal {
  fill: var(--brand-primary-brandnertal);
  fill-opacity: 1;
  stroke: var(--brand-primary-brandnertal);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.brandnertal--active .region-map--description.brandnertal,
.region-map.brandnertal--active .region-map--info.brandnertal {
  opacity: 1;
  visibility: visible;
}
.region-map.bludenz--active .region-map--nav button[data-toggle=bludenz] {
  color: var(--text-color);
}
.region-map.bludenz--active .region-map--nav button[data-toggle=bludenz]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.bludenz--active .region-map--nav button[data-toggle=bludenz]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.bludenz--active .region-map--nav button[data-toggle=bludenz]:after {
  border-color: var(--brand-primary-bludenz);
}
.region-map.bludenz--active .region-map--nav button[data-toggle=bludenz]:before {
  border-color: var(--brand-primary-bludenz) !important;
}
.region-map.bludenz--active .region-map--map-container svg .region-map--bludenz {
  fill: var(--brand-primary-bludenz);
  fill-opacity: 1;
  stroke: var(--brand-primary-bludenz);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.bludenz--active .region-map--description.bludenz,
.region-map.bludenz--active .region-map--info.bludenz {
  opacity: 1;
  visibility: visible;
}
.region-map.klostertal--active .region-map--nav button[data-toggle=klostertal] {
  color: var(--text-color);
}
.region-map.klostertal--active .region-map--nav button[data-toggle=klostertal]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.klostertal--active .region-map--nav button[data-toggle=klostertal]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.klostertal--active .region-map--nav button[data-toggle=klostertal]:after {
  border-color: var(--brand-primary-klostertal);
}
.region-map.klostertal--active .region-map--nav button[data-toggle=klostertal]:before {
  border-color: var(--brand-primary-klostertal) !important;
}
.region-map.klostertal--active .region-map--map-container svg .region-map--klostertal {
  fill: var(--brand-primary-klostertal);
  fill-opacity: 1;
  stroke: var(--brand-primary-klostertal);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.klostertal--active .region-map--description.klostertal,
.region-map.klostertal--active .region-map--info.klostertal {
  opacity: 1;
  visibility: visible;
}
.region-map.walsertal--active .region-map--nav button[data-toggle=walsertal] {
  color: var(--text-color);
}
.region-map.walsertal--active .region-map--nav button[data-toggle=walsertal]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.walsertal--active .region-map--nav button[data-toggle=walsertal]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.walsertal--active .region-map--nav button[data-toggle=walsertal]:after {
  border-color: var(--brand-primary-walsertal);
}
.region-map.walsertal--active .region-map--nav button[data-toggle=walsertal]:before {
  border-color: var(--brand-primary-walsertal) !important;
}
.region-map.walsertal--active .region-map--map-container svg .region-map--walsertal {
  fill: var(--brand-primary-walsertal);
  fill-opacity: 1;
  stroke: var(--brand-primary-walsertal);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.walsertal--active .region-map--description.walsertal,
.region-map.walsertal--active .region-map--info.walsertal {
  opacity: 1;
  visibility: visible;
}
.region-map.brand--active .region-map--nav button[data-toggle=brand] {
  color: var(--text-color);
}
.region-map.brand--active .region-map--nav button[data-toggle=brand]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.brand--active .region-map--nav button[data-toggle=brand]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.brand--active .region-map--nav button[data-toggle=brand]:after {
  border-color: var(--brand-primary);
}
.region-map.brand--active .region-map--nav button[data-toggle=brand]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.brand--active .region-map--map-container svg .region-map--brand {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.brand--active .region-map--description.brand,
.region-map.brand--active .region-map--info.brand {
  opacity: 1;
  visibility: visible;
}
.region-map.brand--active .region-map--pin-brand .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.buerserberg--active .region-map--nav button[data-toggle=buerserberg] {
  color: var(--text-color);
}
.region-map.buerserberg--active .region-map--nav button[data-toggle=buerserberg]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.buerserberg--active .region-map--nav button[data-toggle=buerserberg]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.buerserberg--active .region-map--nav button[data-toggle=buerserberg]:after {
  border-color: var(--brand-primary);
}
.region-map.buerserberg--active .region-map--nav button[data-toggle=buerserberg]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.buerserberg--active .region-map--map-container svg .region-map--buerserberg {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.buerserberg--active .region-map--description.buerserberg,
.region-map.buerserberg--active .region-map--info.buerserberg {
  opacity: 1;
  visibility: visible;
}
.region-map.buerserberg--active .region-map--pin-buerserberg .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.buers--active .region-map--nav button[data-toggle=buers] {
  color: var(--text-color);
}
.region-map.buers--active .region-map--nav button[data-toggle=buers]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.buers--active .region-map--nav button[data-toggle=buers]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.buers--active .region-map--nav button[data-toggle=buers]:after {
  border-color: var(--brand-primary);
}
.region-map.buers--active .region-map--nav button[data-toggle=buers]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.buers--active .region-map--map-container svg .region-map--buers {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.buers--active .region-map--description.buers,
.region-map.buers--active .region-map--info.buers {
  opacity: 1;
  visibility: visible;
}
.region-map.buers--active .region-map--pin-buers .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.nueziders--active .region-map--nav button[data-toggle=nueziders] {
  color: var(--text-color);
}
.region-map.nueziders--active .region-map--nav button[data-toggle=nueziders]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.nueziders--active .region-map--nav button[data-toggle=nueziders]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.nueziders--active .region-map--nav button[data-toggle=nueziders]:after {
  border-color: var(--brand-primary);
}
.region-map.nueziders--active .region-map--nav button[data-toggle=nueziders]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.nueziders--active .region-map--map-container svg .region-map--nueziders {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.nueziders--active .region-map--description.nueziders,
.region-map.nueziders--active .region-map--info.nueziders {
  opacity: 1;
  visibility: visible;
}
.region-map.nueziders--active .region-map--pin-nueziders .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.alpenstadt-bludenz--active .region-map--nav button[data-toggle=alpenstadt-bludenz] {
  color: var(--text-color);
}
.region-map.alpenstadt-bludenz--active .region-map--nav button[data-toggle=alpenstadt-bludenz]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.alpenstadt-bludenz--active .region-map--nav button[data-toggle=alpenstadt-bludenz]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.alpenstadt-bludenz--active .region-map--nav button[data-toggle=alpenstadt-bludenz]:after {
  border-color: var(--brand-primary);
}
.region-map.alpenstadt-bludenz--active .region-map--nav button[data-toggle=alpenstadt-bludenz]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.alpenstadt-bludenz--active .region-map--map-container svg .region-map--alpenstadt-bludenz {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.alpenstadt-bludenz--active .region-map--description.alpenstadt-bludenz,
.region-map.alpenstadt-bludenz--active .region-map--info.alpenstadt-bludenz {
  opacity: 1;
  visibility: visible;
}
.region-map.alpenstadt-bludenz--active .region-map--pin-alpenstadt-bludenz .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.thueringerberg--active .region-map--nav button[data-toggle=thueringerberg] {
  color: var(--text-color);
}
.region-map.thueringerberg--active .region-map--nav button[data-toggle=thueringerberg]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.thueringerberg--active .region-map--nav button[data-toggle=thueringerberg]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.thueringerberg--active .region-map--nav button[data-toggle=thueringerberg]:after {
  border-color: var(--brand-primary);
}
.region-map.thueringerberg--active .region-map--nav button[data-toggle=thueringerberg]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.thueringerberg--active .region-map--map-container svg .region-map--thueringerberg {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.thueringerberg--active .region-map--description.thueringerberg,
.region-map.thueringerberg--active .region-map--info.thueringerberg {
  opacity: 1;
  visibility: visible;
}
.region-map.thueringerberg--active .region-map--pin-thueringerberg .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.st-gerold--active .region-map--nav button[data-toggle=st-gerold] {
  color: var(--text-color);
}
.region-map.st-gerold--active .region-map--nav button[data-toggle=st-gerold]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.st-gerold--active .region-map--nav button[data-toggle=st-gerold]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.st-gerold--active .region-map--nav button[data-toggle=st-gerold]:after {
  border-color: var(--brand-primary);
}
.region-map.st-gerold--active .region-map--nav button[data-toggle=st-gerold]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.st-gerold--active .region-map--map-container svg .region-map--st-gerold {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.st-gerold--active .region-map--description.st-gerold,
.region-map.st-gerold--active .region-map--info.st-gerold {
  opacity: 1;
  visibility: visible;
}
.region-map.st-gerold--active .region-map--pin-st-gerold .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.blons--active .region-map--nav button[data-toggle=blons] {
  color: var(--text-color);
}
.region-map.blons--active .region-map--nav button[data-toggle=blons]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.blons--active .region-map--nav button[data-toggle=blons]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.blons--active .region-map--nav button[data-toggle=blons]:after {
  border-color: var(--brand-primary);
}
.region-map.blons--active .region-map--nav button[data-toggle=blons]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.blons--active .region-map--map-container svg .region-map--blons {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.blons--active .region-map--description.blons,
.region-map.blons--active .region-map--info.blons {
  opacity: 1;
  visibility: visible;
}
.region-map.blons--active .region-map--pin-blons .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.fontanella-faschina--active .region-map--nav button[data-toggle=fontanella-faschina] {
  color: var(--text-color);
}
.region-map.fontanella-faschina--active .region-map--nav button[data-toggle=fontanella-faschina]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.fontanella-faschina--active .region-map--nav button[data-toggle=fontanella-faschina]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.fontanella-faschina--active .region-map--nav button[data-toggle=fontanella-faschina]:after {
  border-color: var(--brand-primary);
}
.region-map.fontanella-faschina--active .region-map--nav button[data-toggle=fontanella-faschina]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.fontanella-faschina--active .region-map--map-container svg .region-map--fontanella-faschina {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.fontanella-faschina--active .region-map--description.fontanella-faschina,
.region-map.fontanella-faschina--active .region-map--info.fontanella-faschina {
  opacity: 1;
  visibility: visible;
}
.region-map.fontanella-faschina--active .region-map--pin-fontanella-faschina .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.sonntag--active .region-map--nav button[data-toggle=sonntag] {
  color: var(--text-color);
}
.region-map.sonntag--active .region-map--nav button[data-toggle=sonntag]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.sonntag--active .region-map--nav button[data-toggle=sonntag]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.sonntag--active .region-map--nav button[data-toggle=sonntag]:after {
  border-color: var(--brand-primary);
}
.region-map.sonntag--active .region-map--nav button[data-toggle=sonntag]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.sonntag--active .region-map--map-container svg .region-map--sonntag {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.sonntag--active .region-map--description.sonntag,
.region-map.sonntag--active .region-map--info.sonntag {
  opacity: 1;
  visibility: visible;
}
.region-map.sonntag--active .region-map--pin-sonntag .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.raggal--active .region-map--nav button[data-toggle=raggal] {
  color: var(--text-color);
}
.region-map.raggal--active .region-map--nav button[data-toggle=raggal]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.raggal--active .region-map--nav button[data-toggle=raggal]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.raggal--active .region-map--nav button[data-toggle=raggal]:after {
  border-color: var(--brand-primary);
}
.region-map.raggal--active .region-map--nav button[data-toggle=raggal]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.raggal--active .region-map--map-container svg .region-map--raggal {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.raggal--active .region-map--description.raggal,
.region-map.raggal--active .region-map--info.raggal {
  opacity: 1;
  visibility: visible;
}
.region-map.raggal--active .region-map--pin-raggal .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.braz--active .region-map--nav button[data-toggle=braz] {
  color: var(--text-color);
}
.region-map.braz--active .region-map--nav button[data-toggle=braz]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.braz--active .region-map--nav button[data-toggle=braz]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.braz--active .region-map--nav button[data-toggle=braz]:after {
  border-color: var(--brand-primary);
}
.region-map.braz--active .region-map--nav button[data-toggle=braz]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.braz--active .region-map--map-container svg .region-map--braz {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.braz--active .region-map--description.braz,
.region-map.braz--active .region-map--info.braz {
  opacity: 1;
  visibility: visible;
}
.region-map.braz--active .region-map--pin-braz .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.dalaas-wald-am-arlberg--active .region-map--nav button[data-toggle=dalaas-wald-am-arlberg] {
  color: var(--text-color);
}
.region-map.dalaas-wald-am-arlberg--active .region-map--nav button[data-toggle=dalaas-wald-am-arlberg]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.dalaas-wald-am-arlberg--active .region-map--nav button[data-toggle=dalaas-wald-am-arlberg]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.dalaas-wald-am-arlberg--active .region-map--nav button[data-toggle=dalaas-wald-am-arlberg]:after {
  border-color: var(--brand-primary);
}
.region-map.dalaas-wald-am-arlberg--active .region-map--nav button[data-toggle=dalaas-wald-am-arlberg]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.dalaas-wald-am-arlberg--active .region-map--map-container svg .region-map--dalaas-wald-am-arlberg {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.dalaas-wald-am-arlberg--active .region-map--description.dalaas-wald-am-arlberg,
.region-map.dalaas-wald-am-arlberg--active .region-map--info.dalaas-wald-am-arlberg {
  opacity: 1;
  visibility: visible;
}
.region-map.dalaas-wald-am-arlberg--active .region-map--pin-dalaas-wald-am-arlberg .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map.kloesterle-am-arlberg--active .region-map--nav button[data-toggle=kloesterle-am-arlberg] {
  color: var(--text-color);
}
.region-map.kloesterle-am-arlberg--active .region-map--nav button[data-toggle=kloesterle-am-arlberg]:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.region-map.kloesterle-am-arlberg--active .region-map--nav button[data-toggle=kloesterle-am-arlberg]:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.region-map.kloesterle-am-arlberg--active .region-map--nav button[data-toggle=kloesterle-am-arlberg]:after {
  border-color: var(--brand-primary);
}
.region-map.kloesterle-am-arlberg--active .region-map--nav button[data-toggle=kloesterle-am-arlberg]:before {
  border-color: var(--brand-primary) !important;
}
.region-map.kloesterle-am-arlberg--active .region-map--map-container svg .region-map--kloesterle-am-arlberg {
  fill: var(--brand-primary);
  fill-opacity: 1;
  stroke: var(--brand-primary);
  stroke-opacity: 1;
  stroke-width: 2;
}
.region-map.kloesterle-am-arlberg--active .region-map--description.kloesterle-am-arlberg,
.region-map.kloesterle-am-arlberg--active .region-map--info.kloesterle-am-arlberg {
  opacity: 1;
  visibility: visible;
}
.region-map.kloesterle-am-arlberg--active .region-map--pin-kloesterle-am-arlberg .pin {
  fill: #58585A !important;
  stroke: #fff !important;
  stroke-width: 2 !important;
  stroke-opacity: 1 !important;
}
.region-map--overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  z-index: 9988;
  background: #fff;
}
.region-map--overlay .region-map--bottom--slope {
  border-bottom-right-radius: 0;
}
.region-map--overlay .region-map--bottom--slope:before {
  border-bottom-left-radius: 0;
}
.region-map--close {
  display: none;
}

.intranet-form h1 {
  margin-bottom: 30px;
}
.intranet-form .remeber-me {
  margin-top: 20px;
}
.intranet-form .submit {
  margin-top: 30px;
}

.alert {
  padding: 15px 20px;
  border-radius: 5px;
  font-weight: 700;
  margin-bottom: 30px;
}
.alert-success {
  background: #E6F4DA;
  color: #47AA63;
  border: 1px solid #47AA63;
}
.alert-danger {
  background: #F4DADA;
  color: #FF0000;
  border: 1px solid #FF0000;
}
.alert-info {
  background: #E8EAED;
  color: #58585A;
  border: none;
}

.layer-banner {
  display: none;
  max-height: calc(100vh - 60px);
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, transform 0.3s;
  border-radius: 5px;
  max-width: calc(100vw - 20px);
}
.layer-banner:after {
  content: "";
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.layer-banner.is-transitioning {
  display: block;
}
.layer-banner.is-visible {
  opacity: 1;
  display: block;
}
.layer-banner.is-visible .layer-banner--inner {
  transform: translate(0);
}
.layer-banner--media {
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
}
.layer-banner--media:before {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 50%;
}
.layer-banner--media:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
  height: 100%;
  width: 100%;
}
.layer-banner--media .layer-banner--headline {
  color: #fff;
  position: absolute;
  bottom: 30px;
  max-width: 600px;
  right: 15px;
  z-index: 1;
}
.layer-banner--media .layer-banner--headline {
  left: clamp(30px, 30px + 60 * (100vw - 768px) / 632, 90px);
}
.layer-banner--media .layer-banner--headline {
  padding-left: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.layer-banner--media .layer-banner--headline:before {
  content: "";
  position: absolute;
  width: 5px;
  transform: skew(-14deg);
  left: 0;
  background: #E65014;
}
.layer-banner--media .layer-banner--headline:before {
  height: clamp(30px, 30px + 10 * (100vw - 768px) / 632, 40px);
}
.layer-banner--media img,
.layer-banner--media video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.layer-banner--content {
  position: relative;
  z-index: 1;
  word-break: break-word;
  padding: 30px;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.layer-banner--content .headline-icon {
  font-size: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
.layer-banner--content .headline-icon:before {
  content: "";
  position: absolute;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x center transparent;
  background-size: auto 1px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
  filter: brightness(0) saturate(100%) invert(32%) sepia(2%) saturate(474%) hue-rotate(202deg) brightness(96%) contrast(82%);
  max-width: 320px;
  width: 100%;
}
.layer-banner--content .headline-icon .icon {
  padding: 10px;
  display: block;
  background: #fff;
  z-index: 1;
  position: relative;
  margin: 0 auto;
}
.layer-banner--content p {
  color: #58585A;
}
.layer-banner--content p.lead {
  margin-bottom: 15px;
}
.layer-banner--close {
  background: none;
  border: none;
  position: absolute;
  top: -30px;
  padding: 0;
  cursor: pointer;
  z-index: 2;
  width: 40px;
  height: 40px;
  transform: translate(0%, 100%);
  transform-origin: bottom center;
  transition: transform 0.3s;
}
.layer-banner--close {
  right: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.layer-banner--close:before {
  background: #fff;
}
.layer-banner--close i {
  height: 20px;
  width: 20px;
  display: block;
}
.layer-banner--close i:before, .layer-banner--close i:after {
  content: "";
  height: 2px;
  border-radius: 1px;
  width: 20px;
  background-color: #000000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.layer-banner--close i:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.layer-banner--close i:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.layer-banner--buttons {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.layer-banner--inner {
  transform: translateY(100%);
  transform-origin: bottom center;
  transition: transform 0.3s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.layer-banner--inner:not(.media-type) {
  text-align: center;
}
.layer-banner--inner:not(.media-type) .layer-banner--content {
  border-radius: 5px;
}
.layer-banner--inner:not(.media-type) .layer-banner--headline {
  margin-top: 40px;
}
.layer-banner--inner:not(.media-type) .layer-banner--buttons {
  justify-content: center;
}
.layer-banner--headline {
  color: #58585A;
}

.object-listing--wrap {
  position: relative;
}
.object-listing--filter:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 50px;
  background: rgba(88, 88, 90, 0.5);
}
.object-listing--filter--toggle {
  position: absolute;
  left: -30px;
  top: -115px;
  height: 0;
  z-index: 9988;
}
.object-listing--filter--toggle.sticky {
  position: fixed;
  top: 30px;
  left: 0;
}
.object-listing--filter--toggle--wrap {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
  padding: 0 18px 0 10px;
  width: 78px;
  height: 55px;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
  overflow: hidden;
}
.object-listing--filter--toggle--wrap:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #58585A;
  border-radius: 5px;
}
.object-listing--filter--toggle--wrap:before {
  left: auto;
  right: 0;
  transform-origin: 100% 0;
  width: 200%;
  z-index: -1;
}
.object-listing--filter--toggle--wrap:focus-visible {
  outline: 0;
}
.object-listing--filter--toggle--wrap:focus-visible:before {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
.object-listing--filter--toggle--wrap .icon {
  display: block;
  font-size: 30px;
}
.object-listing--filter--toggle--wrap .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.object-listing--filter--toggle--wrap .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.object-listing--filter--toggle--wrap span {
  display: block;
  font-size: 11px;
  line-height: 1.35;
  text-transform: uppercase;
  font-weight: 700;
}
.object-listing--filter .object-listing--filter--toggle {
  position: absolute;
  left: auto;
  top: 30px;
  right: 30px;
  z-index: 1;
}
.object-listing--filter .object-listing--filter--toggle:before {
  transform-origin: 50% 50%;
}
.object-listing--filter h2, .object-listing--filter .h2 {
  display: block;
  margin-bottom: 0.8em;
}
.object-listing--filter--wrap {
  overflow: hidden;
  overflow-y: auto;
}
.object-listing--filter form.form-container {
  padding: 0;
  background: none transparent;
}
body.alpenregion .object-listing--filter form.form-container {
  border: none;
  border-radius: 0;
}
body.bludenz .object-listing--filter form.form-container {
  border: none;
  border-radius: 0;
}
body.brandnertal .object-listing--filter form.form-container {
  border: none;
  border-radius: 0;
}
body.bergbahnen-brandnertal .object-listing--filter form.form-container {
  border: none;
  border-radius: 0;
}
body.klostertal .object-listing--filter form.form-container {
  border: none;
  border-radius: 0;
}
body.walsertal .object-listing--filter form.form-container {
  border: none;
  border-radius: 0;
}
.object-listing--filter form .form-group {
  padding: 40px 0;
}
.object-listing--filter form .form-group:first-child {
  padding-top: 0;
}
.object-listing--filter form .form-group, .object-listing--filter form .form-group + .form-group {
  margin: 0;
}
.object-listing--filter form .form-group + .form-group {
  position: relative;
}
.object-listing--filter form .form-group + .form-group:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
  z-index: 1;
}
body.alpenregion .object-listing--filter form .form-group + .form-group:before {
  background: #E8EAED;
}
body.bludenz .object-listing--filter form .form-group + .form-group:before {
  background: #E8EAED;
}
body.brandnertal .object-listing--filter form .form-group + .form-group:before {
  background: #E8EAED;
}
body.bergbahnen-brandnertal .object-listing--filter form .form-group + .form-group:before {
  background: #E8EAED;
}
body.klostertal .object-listing--filter form .form-group + .form-group:before {
  background: #E8EAED;
}
body.walsertal .object-listing--filter form .form-group + .form-group:before {
  background: #E8EAED;
}
.object-listing--filter form .form-group.no-spacer {
  padding-top: 0;
}
.object-listing--filter form .form-group.no-spacer:before {
  display: none;
}
.object-listing--filter form .form-group .field-wrap {
  position: relative;
}
.object-listing--filter form .form-group .checkbox,
.object-listing--filter form .form-group .radio {
  min-height: 24px;
}
.object-listing--filter form .form-group .checkbox:not(:only-child),
.object-listing--filter form .form-group .radio:not(:only-child) {
  margin-top: 30px;
}
.object-listing--filter form .form-group .checkbox label,
.object-listing--filter form .form-group .radio label {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
}
.object-listing--filter form .accordion .checkbox,
.object-listing--filter form .accordion .radio {
  margin-top: 15px;
}
.object-listing--filter--searchterm {
  position: relative;
}
.object-listing--filter--searchterm input[type=text] {
  padding-right: 65px;
}
.object-listing--filter--searchterm button[type=submit] {
  display: block;
  place-items: center;
  place-content: center;
  position: absolute;
  top: 50%;
  right: 22px;
  padding: 0;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  border: none;
  background: none;
  cursor: pointer;
}
.object-listing--filter--searchterm button[type=submit]:focus-visible {
  outline: 2px solid #000;
  border-radius: 3px;
}
.object-listing--filter--searchterm button[type=submit] .icon {
  font-size: 20px;
}
.object-listing--filter--date-range {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.object-listing--filter--date-range .field-wrap .icon {
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  font-size: 20px;
}
.object-listing--filter--seasons--wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.object-listing--filter--seasons .season-item {
  position: relative;
  flex: 0 0 calc(16.66667% - 8.33333px);
  aspect-ratio: 1/1;
}
.object-listing--filter--seasons .season-item input[type=checkbox], .object-listing--filter--seasons .season-item label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.object-listing--filter--seasons .season-item input[type=checkbox] {
  opacity: 0;
  z-index: 0;
}
.object-listing--filter--seasons .season-item input[type=checkbox]:checked ~ label {
  background: #58585A;
  color: #fff;
}
.object-listing--filter--seasons .season-item input[type=checkbox]:focus-visible ~ label {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.object-listing--filter--seasons .season-item label {
  display: flex;
  place-items: center;
  place-content: center;
  background: #E8EAED;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  transition: color 0.3s, background-color 0.3s;
  z-index: 1;
}
.object-listing--filter--buttons {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  height: 60px;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.object-listing--filter--buttons button {
  flex: 0 0 50%;
  display: block;
  padding: 0;
  border: none;
  background: #fff;
  color: var(--text-color);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.object-listing--filter--buttons button[type=submit] {
  color: #fff;
  background: #58585A;
}
.object-listing--filter--buttons button:focus-visible {
  outline-offset: -2px;
}
.object-listing--filter > button.object-listing--filter--toggle:focus-visible {
  outline: 0;
}
.object-listing--filter > button.object-listing--filter--toggle:focus-visible:before {
  outline: 2px solid #000;
}
.object-listing--items > .cols {
  display: grid;
  grid-template-columns: 100%;
}
.object-listing--items.loading > .cols:not(.loading-skeleton),
.object-listing--items.loading > .paginator, .object-listing--items.htmx-request > .cols:not(.loading-skeleton),
.object-listing--items.htmx-request > .paginator {
  display: none;
}
.object-listing--download {
  text-align: right;
}
.object-listing--download .btn {
  gap: 10px;
}
.object-listing--download .btn .icon {
  flex: 0 0 auto;
  font-size: 1.2em;
}
.object-detail--intro {
  margin-left: -30px;
  margin-right: -30px;
  background: #E8EAED;
}
.object-detail--intro--media {
  position: relative;
  overflow: hidden;
}
.object-detail--intro--media:before {
  display: block;
  content: "";
  padding-bottom: 85%;
  width: 100%;
}
.object-detail--intro--media .copyright {
  position: absolute;
  bottom: 30px;
  left: 20px;
  right: 20px;
  color: #fff;
  font-size: 11px;
  line-height: 1.35;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  text-align: center;
}
.object-detail--intro--media.slider .splide__track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.object-detail--intro--media.slider .splide__pagination {
  position: absolute;
  left: 50%;
  bottom: 35px;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  gap: 10px;
}
.object-detail--intro--media.slider .splide__pagination button {
  display: block;
  padding: 0;
  margin: 0;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 100%;
  background: #fff;
  cursor: pointer;
  opacity: 0.6;
}
.object-detail--intro--media.slider .splide__pagination button.is-active {
  opacity: 1;
}
.object-detail--intro--media img, .object-detail--intro--media video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.object-detail--intro--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0 30px 60px;
}
.object-detail--intro--content {
  gap: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.object-detail--intro--title {
  text-align: center;
}
.object-detail--intro--categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: -15px 0 20px;
  order: -1;
}
.object-detail--intro--categories .teaser--category:not([class*=color-]):before {
  box-shadow: 0 0 1px #58585A;
}
.object-detail--intro--date {
  display: flex;
  place-items: center;
  place-content: center;
  gap: 15px;
}
.object-detail--intro--date .icon {
  font-size: 20px;
}
.object-detail--intro--date span {
  display: block;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.object-detail--intro--date span {
  font-size: clamp(17px, 17px + 3 * (100vw - 768px) / 632, 20px);
}
.object-detail--intro--subtitle, .object-detail--intro--discount {
  position: relative;
}
.object-detail--intro--subtitle:before, .object-detail--intro--discount:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") top center repeat-x;
  background-size: auto 100%;
  opacity: 0.3;
}
body.alpenregion .object-detail--intro--subtitle:before, body.alpenregion .object-detail--intro--discount:before {
  background: #58585A;
  opacity: 0.15;
}
body.bludenz .object-detail--intro--subtitle:before, body.bludenz .object-detail--intro--discount:before {
  background: #58585A;
  opacity: 0.15;
}
body.brandnertal .object-detail--intro--subtitle:before, body.brandnertal .object-detail--intro--discount:before {
  background: #58585A;
  opacity: 0.15;
}
body.bergbahnen-brandnertal .object-detail--intro--subtitle:before, body.bergbahnen-brandnertal .object-detail--intro--discount:before {
  background: #58585A;
  opacity: 0.15;
}
body.klostertal .object-detail--intro--subtitle:before, body.klostertal .object-detail--intro--discount:before {
  background: #58585A;
  opacity: 0.15;
}
body.walsertal .object-detail--intro--subtitle:before, body.walsertal .object-detail--intro--discount:before {
  background: #58585A;
  opacity: 0.15;
}
.object-detail--intro--subtitle {
  position: relative;
  margin-top: 5px;
  padding-top: 30px;
  text-align: center;
}
.object-detail--intro--subtitle .icon {
  position: relative;
  top: -1px;
  margin-right: 5px;
  font-size: 20px;
}
.object-detail--intro--subtitle .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.object-detail--intro--subtitle .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.object-detail--intro--subtitle .icon.icon--diverses-map_marker {
  top: -3px;
}
.object-detail--intro--subtitle .icon.icon--diverses-map_marker svg [stroke] {
  stroke-width: 2.5;
}
.object-detail--intro--duration {
  position: relative;
  text-align: center;
  margin-top: -15px;
}
.object-detail--intro--discount {
  display: flex;
  place-items: center;
  place-content: center;
  gap: 15px;
}
.object-detail--intro--discount {
  padding-top: clamp(25px, 25px + 15 * (100vw - 768px) / 632, 40px);
}
.object-detail--intro--discount-item {
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: 160px;
}
.object-detail--intro--discount-item .icon {
  flex: 0 0 auto;
  font-size: 40px;
}
.object-detail--intro--discount-item .icon[data-tooltip]:after {
  transform: translateX(50%);
  text-align: center;
}
.object-detail--intro--discount-item span {
  display: block;
  font-family: var(--font-family-special);
  line-height: 1;
  font-weight: 700;
}
.object-detail--intro--discount-item span {
  font-size: 18px;
}
.object-detail--intro--buttons {
  display: flex;
  gap: 10px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.object-detail--intro--buttons .btn.btn-secondary {
  gap: 13px;
  color: var(--text-color);
  white-space: nowrap;
}
.object-detail--intro--buttons .btn.btn-secondary:before {
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.object-detail--intro--buttons .btn.btn-secondary:after {
  display: none;
}
.object-detail--intro--buttons .btn.btn-secondary .icon {
  font-size: 24px;
}
.object-detail--intro--buttons .btn.btn-secondary .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--text-color);
}
.object-detail--intro--buttons .btn.btn-secondary .icon svg [fill]:not([fill=none]) {
  fill: var(--text-color);
}
.object-detail--intro--buttons .btn.btn-secondary .icon svg [fill] {
  transition: fill 0.3s;
}
.object-detail--intro--buttons .btn.btn-secondary .icon svg [stroke] {
  transition: stroke 0.3s;
}
.object-detail--intro--buttons .btn.btn-secondary .icon.icon--diverses-map_marker svg [stroke] {
  stroke-width: 2.5;
}
.object-detail--content {
  margin-bottom: 90px;
}
.object-detail--content {
  margin-top: clamp(80px, 80px + 20 * (100vw - 768px) / 632, 100px);
}
.object-detail--content > :first-child {
  margin-top: 0;
}
.object-detail--content > :last-child {
  margin-bottom: 0;
}
.object-detail--content--main {
  grid-area: main;
}
.object-detail--content--main:first-child > .area:first-child {
  margin-top: 0;
}
.object-detail--contentblocks--gallery {
  display: grid;
  gap: 30px;
  margin-bottom: 30px;
}
.object-detail--contentblocks .accordion--content > *:first-child {
  margin-top: 0;
}
.object-detail--contentblocks .accordion--content > *:last-child {
  margin-bottom: 0;
}
.object-detail--links .h3 {
  margin-bottom: 0.8em;
}
.object-detail--links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.object-detail--gallery.area--media .area--thumbnail {
  border-radius: 0;
}
.object-detail--info-boxes {
  margin-bottom: 60px;
}
.object-detail--info-boxes .cols--3 {
  grid-template-columns: 100%;
  gap: 30px;
}
.object-detail--info-box {
  background: #E8EAED;
  border-radius: 5px;
}
.object-detail--info-box {
  padding: clamp(30px, 30px + 10 * (100vw - 768px) / 632, 40px);
}
.object-detail--info-box h4, .object-detail--info-box .h4 {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
  margin-bottom: 15px;
}
.object-detail--info-box h4 .icon, .object-detail--info-box .h4 .icon {
  font-size: 30px;
}
.object-detail--info-box h4 .icon svg [stroke]:not([stroke=none]), .object-detail--info-box .h4 .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary);
}
.object-detail--info-box h4 .icon svg [fill]:not([fill=none]), .object-detail--info-box .h4 .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary);
}
.object-detail--info-box p {
  margin-bottom: 15px;
}
.object-detail--info-box p:last-child {
  margin-bottom: 0;
}
.object-detail--info-box a {
  color: var(--text-color);
  text-decoration: underline;
  transition: color 0.3s;
}
.object-detail--info-box a[target=_blank] {
  display: inline-block;
  position: relative;
  padding-right: 14px;
  color: var(--text-color--opac-70);
}
.object-detail--info-box a[target=_blank]:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 13px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.46484 9.53322L9.53151 3.46655M9.53151 3.46655V8.92655M9.53151 3.46655H4.07151' stroke='%2358585A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat transparent;
  background-size: contain;
}
.object-detail--map {
  margin-top: 60px;
}
.object-detail--map--inner {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background: #E8EAED;
}
.object-detail--map--inner:before {
  display: block;
  content: "";
  padding-bottom: 56.25%;
  width: 100%;
}
.object-detail--map .dataCycle-widget {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.object-detail--map .dataCycle-widget .dc-map-container {
  max-height: 100%;
}
.object-detail--accordion + .object-detail--accordion {
  margin-top: 5px;
}
.object-detail--buttons {
  margin: 60px 0;
  text-align: center;
}
.object-detail--accordion .object-detail--guestcards:last-child .object-detail--guestcards--item:last-child:after {
  display: none;
}
.object-detail--guestcards--item {
  display: flex;
  position: relative;
  padding-bottom: 15px;
}
.object-detail--guestcards--item {
  gap: clamp(15px, 15px + 5 * (100vw - 768px) / 632, 20px);
}
.object-detail--guestcards--item:not(:last-child) {
  margin-bottom: 15px;
}
.object-detail--guestcards--item:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
  background-size: auto 100%;
}
body.alpenregion .object-detail--guestcards--item:after {
  background: #E8EAED;
}
body.bludenz .object-detail--guestcards--item:after {
  background: #E8EAED;
}
body.brandnertal .object-detail--guestcards--item:after {
  background: #E8EAED;
}
body.bergbahnen-brandnertal .object-detail--guestcards--item:after {
  background: #E8EAED;
}
body.klostertal .object-detail--guestcards--item:after {
  background: #E8EAED;
}
body.walsertal .object-detail--guestcards--item:after {
  background: #E8EAED;
}
.object-detail--guestcards--item .icon {
  flex: 0 0 auto;
}
.object-detail--guestcards--item .icon {
  font-size: clamp(40px, 40px + 10 * (100vw - 768px) / 632, 50px);
}
.object-detail--guestcards--item > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.object-detail--guestcards--item p {
  margin: 0;
}
.object-detail--author {
  border-bottom: 1px solid rgba(88, 88, 90, 0.15);
  text-align: center;
}
.object-detail--author {
  padding-bottom: clamp(50px, 50px + 40 * (100vw - 768px) / 632, 90px);
}
* + .object-detail--author {
  border-top: 1px solid rgba(88, 88, 90, 0.15);
}
* + .object-detail--author {
  padding-top: clamp(50px, 50px + 40 * (100vw - 768px) / 632, 90px);
}
body.author .object-detail--author {
  border-bottom: none;
}
body.author .object-detail--author {
  padding-bottom: clamp(40px, 40px + 20 * (100vw - 768px) / 632, 60px);
}
.object-detail--author--pic {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: auto;
}
.object-detail--author--pic img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 100%;
}
.object-detail--author--pic .icon {
  position: absolute;
  left: 0;
  bottom: -0.175em;
  font-size: 40px;
}
.object-detail--author--pic .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary);
}
.object-detail--author--pic .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: var(--brand-primary);
}
.object-detail--author--description header * {
  margin: 0;
}
.object-detail--author--description header * + p {
  margin-top: 5px;
}
* + .object-detail--author--text {
  margin-top: 40px;
}
.object-detail--author--text--wrap > :first-child {
  margin-top: 0;
}
.object-detail--author--text--wrap > :last-child {
  margin-bottom: 0;
}
.object-detail--download {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 100px;
}
.object-detail--download {
  margin-bottom: clamp(60px, 60px + 40 * (100vw - 768px) / 632, 100px);
}
.object-detail--download:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background: #E8EAED;
}
.object-detail--download .btn {
  gap: 13px;
  justify-content: start;
}
.object-detail--download .btn:after {
  display: none;
}
.object-detail--download .btn .icon {
  font-size: 24px;
}
.object-detail--download .btn .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.object-detail--download .btn .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.object-detail--download .btn .icon svg [stroke] {
  transition: stroke 0.3s;
}
.object-detail--download .btn .icon svg [fill] {
  transition: fill 0.3s;
}
.object-detail--related {
  margin-bottom: 0;
}
* + .object-detail--related {
  margin-top: clamp(140px, 140px + 60 * (100vw - 768px) / 632, 200px);
}
.object-detail--related .area--header {
  margin-top: 0;
}
.tour .main-content {
  padding-bottom: 120px;
}
.tour--facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-area: facts;
}
.tour--facts--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: -1px;
  height: 135px;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.tour--facts--item:first-child {
  border-left: none;
}
.tour--facts--item .icon {
  margin-bottom: 10px;
  font-size: 40px;
}
.tour--facts--item .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.tour--facts--item .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.tour--facts--item .icon--diverses-clock svg [stroke] {
  stroke-width: 0.65;
}
.tour--facts--item small {
  font-size: 11px;
  line-height: 1.35;
}
.tour--rating {
  grid-area: rating;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
}
.tour--rating {
  padding: clamp(30px, 30px + 10 * (100vw - 768px) / 632, 40px);
}
body.alpenregion .tour--rating {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.bludenz .tour--rating {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.brandnertal .tour--rating {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.bergbahnen-brandnertal .tour--rating {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.klostertal .tour--rating {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.walsertal .tour--rating {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
.tour--rating--item {
  display: flex;
}
.tour--rating--item + .tour--rating--item {
  margin-top: 15px;
}
.tour--rating--title {
  width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.tour--rating--bar {
  display: flex;
  gap: 2px;
  flex: 1 1 auto;
  align-items: center;
}
.tour--rating--bar span {
  position: relative;
  display: block;
  flex: 1 1 auto;
  height: 10px;
}
.tour--rating--bar span:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #E8EAED;
}
.tour--rating--bar span.active:before {
  background: #58585A;
}
.tour--teaser {
  grid-area: teaser;
}
.tour--teaser .splide__track {
  transition: filter 0.3s;
}
.tour--teaser .splide__pagination {
  gap: 10px;
  margin: 0;
  padding: 35px 0;
}
.tour--teaser .splide__pagination button {
  display: block;
  margin: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  background: #58585A;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s;
}
.tour--teaser .splide__pagination button.is-active {
  opacity: 1;
}
.tour--data {
  grid-area: sidebar;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  padding: 30px;
  min-height: 350px;
}
body.alpenregion .tour--data {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.bludenz .tour--data {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.brandnertal .tour--data {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.bergbahnen-brandnertal .tour--data {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.klostertal .tour--data {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.walsertal .tour--data {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
.tour--data .h4 {
  margin: 0 0 30px;
}
.tour--data--rows {
  margin: 40px 0;
}
.tour--data--row {
  display: flex;
}
.tour--data--row + .tour--data--row {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(88, 88, 90, 0.2);
}
.tour--data--row span {
  display: block;
  flex: 0 0 85px;
  padding: 5px 0;
  font-size: 11px;
  line-height: 1.35;
}
.tour--data--row strong {
  display: block;
  flex: 1 1 auto;
}
.tour--data--difficulty {
  display: inline-block;
  margin-right: 5px;
  width: 10px;
  height: 10px;
  background: #E8EAED;
  border-radius: 100%;
}
.tour--data--difficulty.color-tour-easy {
  background: #0066CC;
}
.tour--data--difficulty.color-tour-medium {
  background: #cc0000;
}
.tour--data--difficulty.color-tour-hard {
  background: #000000;
}
.tour--data--elevation {
  margin-bottom: 40px;
}
.tour--data--elevation img {
  display: block;
  max-width: 270px;
  width: 100%;
  height: auto;
}
.tour--data--months {
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
}
.tour--data--month {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
  gap: 5px;
  flex: 0 0 16.66667%;
}
.tour--data--month.active .icon {
  background: #00C82D;
}
.tour--data--month.active .icon svg {
  opacity: 1;
}
.tour--data--month span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.35;
}
.tour--data--month .icon {
  padding: 5px;
  font-size: 26px;
  background: #E8EAED;
  overflow: hidden;
  border-radius: 100%;
}
.tour--data--month .icon svg {
  opacity: 0;
}
.tour--data--month .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.tour--data--month .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.tour--data--buttons {
  position: relative;
  margin-top: 40px;
  padding: 0 7px;
}
.tour--data--buttons .btn {
  display: flex;
  justify-content: center;
  gap: 13px;
  width: 100%;
}
.tour--data--buttons .btn + .btn {
  margin-top: 10px;
}
.tour--data--buttons .btn .icon {
  font-size: 24px;
}
.tour--data--buttons .btn.btn-primary:after {
  display: none;
}
.tour--data--buttons .btn.btn-primary .icon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.tour--data--buttons .btn.btn-primary .icon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.tour--data--buttons .btn.btn-primary .icon svg [fill] {
  transition: fill 0.3s;
}
.tour--data--buttons .btn.btn-primary .icon svg [stroke] {
  transition: stroke 0.3s;
}
.tour--data--buttons > dialog {
  left: auto;
  right: 0;
  transform: translateY(calc(-100% - 10px));
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  z-index: 5;
}
.tour--data--share {
  padding: 0 6px;
}
.tour--data--share ul {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tour--data--share ul .btn {
  padding: 0 14px;
}
.tour--data--share ul .btn .icon {
  font-size: 25px;
}
.tour .object-detail--intro--subtitle {
  font-size: 16px;
  letter-spacing: initial;
  line-height: 1.5625;
}
.tour .object-detail--intro--subtitle {
  padding-top: clamp(25px, 25px + 15 * (100vw - 768px) / 632, 40px);
}
.tour .object-detail--content.grid {
  grid-template-areas: "facts rating" "main teaser" "main sidebar";
}
.tour .object-detail--content.grid.no-teaser {
  grid-template-areas: "facts rating" "main sidebar";
}
.tour .object-detail--related {
  margin-top: 80px;
}

.poi .main-content {
  padding-bottom: 120px;
}
.poi .object-detail--content.grid {
  margin-bottom: clamp(60px, 60px + 40 * (100vw - 768px) / 632, 100px);
}
.poi .object-detail--related {
  margin-top: clamp(60px, 60px + 40 * (100vw - 768px) / 632, 100px);
}

body.alpenregion.poi .object-detail--content.grid:after {
  background: #E8EAED;
}

body.bludenz.poi .object-detail--content.grid:after {
  background: #E8EAED;
}

body.brandnertal.poi .object-detail--content.grid:after {
  background: #E8EAED;
}

body.bergbahnen-brandnertal.poi .object-detail--content.grid:after {
  background: #E8EAED;
}

body.klostertal.poi .object-detail--content.grid:after {
  background: #E8EAED;
}

body.walsertal.poi .object-detail--content.grid:after {
  background: #E8EAED;
}

.event--date {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 4;
}
.event--date {
  width: clamp(84px, 84px + 26 * (100vw - 768px) / 632, 110px);
}
.event--date {
  height: clamp(64px, 64px + 36 * (100vw - 768px) / 632, 100px);
}
.event--date:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
  border-radius: 5px;
}
.event--date:before {
  z-index: -1;
  pointer-events: none;
}
.event--date strong {
  display: block;
  font-size: var(--headline-h2-size);
  font-family: var(--font-family-special);
  line-height: 1;
}
.event--date span {
  font-weight: 700;
}
.event--date span {
  font-size: clamp(11px, 11px + 5 * (100vw - 768px) / 632, 16px);
}
.event--dates {
  margin-top: clamp(50px, 50px + 50 * (100vw - 768px) / 632, 100px);
}
.event--dates .area--text table {
  display: table;
}
.event--dates table th, .event--dates table td {
  width: 50%;
}
.event--dates table thead tr:first-child th {
  background-color: #E8EAED;
  color: var(--text-color);
}
.event--dates table tbody tr {
  display: none;
}
.event--dates table tbody tr:nth-child(-n+3) {
  display: table-row;
}
.event--dates.active .area--text table tbody tr {
  display: table-row;
}
.event--dates.active .event--dates--buttons {
  display: none;
}
.event--dates--buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.event .object-detail--intro .event--booking-btn {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
}

#newsletter-ems-wilken {
  width: 100%;
}
#newsletter-ems-wilken.form-container {
  padding: 0;
  border: none;
  float: unset;
  background: none;
}
#newsletter-ems-wilken .ems_wf_validation {
  font-size: 14px;
  line-height: 1.12;
  margin-top: 10px;
}
#newsletter-ems-wilken form > div {
  padding: 0 !important;
  margin-bottom: 20px;
}
#newsletter-ems-wilken form > div:last-child {
  margin: 0;
}
#newsletter-ems-wilken form button {
  margin: 0;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 20px;
  height: 50px;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent !important;
  box-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  z-index: 1;
  transition: color 0.3s, padding 0.3s;
}
#newsletter-ems-wilken form button:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
  border-radius: 5px;
}
#newsletter-ems-wilken form button:before {
  transition: background-color 0.3s, box-shadow 0.3s;
}
#newsletter-ems-wilken form button span {
  z-index: 1;
  font-size: 16px;
  font-family: var(--font-family-base);
  font-weight: 700;
  line-height: 1.2;
  transition: color 0.3s;
}
#newsletter-ems-wilken form button:after {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
#newsletter-ems-wilken form button:after {
  display: block;
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotateZ(45deg);
  pointer-events: none;
}
#newsletter-ems-wilken input[type=checkbox] {
  display: none;
}
#newsletter-ems-wilken input[type=checkbox]:checked + label:after {
  opacity: 1;
}
#newsletter-ems-wilken input[type=checkbox] + label {
  cursor: pointer;
}
#newsletter-ems-wilken label:not([for]) {
  display: none;
}
#newsletter-ems-wilken label[for] {
  position: relative;
  padding: 0 0 0 35px;
}
#newsletter-ems-wilken label[for]:before, #newsletter-ems-wilken label[for]:after {
  content: "";
  display: block;
  height: 24px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 24px;
  border-radius: 3px;
}
#newsletter-ems-wilken label[for]:before {
  background: #fff;
}
#newsletter-ems-wilken label[for]:after {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 8.12903L6.08696 12L13.5 4' stroke='%2358585A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center transparent;
  background-size: 16px auto;
  opacity: 0;
}
#newsletter-ems-wilken [data-required=true] label {
  width: auto;
  letter-spacing: 0.05em;
  line-height: 15px;
  text-transform: initial !important;
  font-weight: 300;
}
#newsletter-ems-wilken [data-required=true] label a {
  color: #58585A !important;
  text-decoration: underline;
}
#newsletter-ems-wilken [data-required=true] label[for] {
  padding: 4px 0 0 35px;
  display: inline-block;
}
#newsletter-ems-wilken [data-required=true] div:first-child div {
  display: inline-block;
}
#newsletter-ems-wilken .field-group {
  position: relative;
  overflow: visible !important;
  z-index: 1;
}
#newsletter-ems-wilken .field-group:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 5px;
}
#newsletter-ems-wilken .field-group input, #newsletter-ems-wilken .field-group textarea {
  width: 100%;
}
#newsletter-ems-wilken .field-group select {
  width: calc(100% - 30px);
}
#newsletter-ems-wilken .field-group input, #newsletter-ems-wilken .field-group select {
  background: none;
  height: 60px;
  padding: 0 30px;
  border: none;
}
#newsletter-ems-wilken .field-group:before {
  z-index: -1;
}

.range-slider label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.range-slider label small {
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
}
.range-slider--labels.label-any:before {
  display: block;
  content: attr(data-label-any);
}
.range-slider--labels.label-any .range-slider--values {
  display: none;
}
.range-slider--wrap {
  --track-height: 3px;
  --track-color: #E8EAED;
  --thumb-height: 1em;
  --thumb-width: 1em;
  --track-pos-left: 0%;
  --track-pos-right: 100%;
  position: relative;
  font-size: 24px;
  height: 1em;
}
.range-slider--wrap:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: calc(0.5em - var(--track-height) / 2);
  width: 100%;
  height: var(--track-height);
  background: linear-gradient(90deg, var(--track-color) 0%, var(--track-color) calc(var(--track-pos-left) - var(--thumb-width) / 2), currentColor calc(var(--track-pos-left) - var(--thumb-width) / 2), currentColor calc(var(--track-pos-right) + var(--thumb-width) / 2), var(--track-color) calc(var(--track-pos-right) + var(--thumb-width) / 2), var(--track-color) 100%) no-repeat 0 0 transparent;
  background-size: 100% 100%;
  pointer-events: none;
}
.range-slider--wrap input[type=range] {
  display: block;
  position: absolute;
  top: calc(0.5em - var(--track-height) / 2);
  width: calc(100% - 1em);
  background: none transparent;
  background-size: 100% 100%;
  color: #58585A;
  cursor: pointer;
  pointer-events: none;
  /*** webkit specific styles ***/
  /*** firefox specific styles ***/
}
.range-slider--wrap input[type=range]:active {
  cursor: grabbing;
}
.range-slider--wrap input[type=range].range-slider--min {
  left: 0;
}
.range-slider--wrap input[type=range].range-slider--max {
  right: 0;
}
.range-slider--wrap input[type=range], .range-slider--wrap input[type=range]::-webkit-slider-runnable-track, .range-slider--wrap input[type=range]::-webkit-slider-thumb {
  appearance: none;
  height: var(--track-height);
}
.range-slider--wrap input[type=range]::-webkit-slider-runnable-track, .range-slider--wrap input[type=range]::-webkit-slider-thumb {
  position: relative;
  height: var(--thumb-height);
}
.range-slider--wrap input[type=range]::-webkit-slider-thumb {
  width: var(--thumb-width, var(--thumb-height));
  border-radius: 100%;
  background: currentColor;
  pointer-events: all;
}
.range-slider--wrap input[type=range]:hover::-webkit-slider-thumb {
  cursor: grab;
}
.range-slider--wrap input[type=range]:active::-webkit-slider-thumb {
  cursor: grabbing;
}
.range-slider--wrap input[type=range]::-moz-range-track, .range-slider--wrap input[type=range]::-moz-range-thumb {
  appearance: none;
  height: var(--thumb-height);
}
.range-slider--wrap input[type=range]::-moz-range-track, .range-slider--wrap input[type=range]::-moz-range-thumb, .range-slider--wrap input[type=range]::-moz-range-progress {
  background: none;
}
.range-slider--wrap input[type=range]::-moz-range-thumb {
  background: currentColor;
  border: 0;
  width: var(--thumb-width, var(--thumb-height));
  border-radius: var(--thumb-width, var(--thumb-height));
  cursor: grab;
  pointer-events: all;
}
.range-slider--wrap input[type=range]:active::-moz-range-thumb {
  cursor: grabbing;
}
.range-slider--wrap input[type=range]::-moz-range-track {
  width: 100%;
}
.range-slider--wrap input[type=range]::-moz-range-progress {
  appearance: none;
  transition-delay: 30ms;
}
.range-slider--wrap input[type=range]::-moz-range-track, .range-slider--wrap input[type=range]::-moz-range-progress {
  height: var(--track-height);
  border-radius: 0;
}

.close-button, .page-search--close, .object-listing--filter .object-listing--filter--toggle {
  padding: 0;
  width: 48px;
  height: 50px;
  background: none;
  border: none;
  cursor: pointer;
}
.close-button:before, .page-search--close:before, .object-listing--filter .object-listing--filter--toggle:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 3px;
}
.close-button:before, .page-search--close:before, .object-listing--filter .object-listing--filter--toggle:before {
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
}
.close-button:focus-visible, .page-search--close:focus-visible, .object-listing--filter .object-listing--filter--toggle:focus-visible {
  outline: 2px solid #000;
  border: 3px;
}
.close-button span:before, .page-search--close span:before, .object-listing--filter .object-listing--filter--toggle span:before, .close-button span:after, .page-search--close span:after, .object-listing--filter .object-listing--filter--toggle span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background: #58585A;
  border-radius: 2px;
}
.close-button span:before, .page-search--close span:before, .object-listing--filter .object-listing--filter--toggle span:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-button span:after, .page-search--close span:after, .object-listing--filter .object-listing--filter--toggle span:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

dialog {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  border: none;
  transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete;
}
dialog::backdrop {
  background-color: rgba(88, 88, 90, 0.5);
}
dialog .dialog--close {
  display: flex;
  place-items: center;
  place-content: center;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 3px;
  background: none;
  cursor: pointer;
}
dialog .dialog--close:focus {
  outline: 2px solid #000;
}
dialog .dialog--close span {
  display: block;
  position: relative;
  width: 15px;
  height: 2px;
}
dialog .dialog--close span:before, dialog .dialog--close span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 2px;
  transform-origin: 50% 50%;
}
dialog .dialog--close span:before {
  transform: rotate(-45deg);
}
dialog .dialog--close span:after {
  transform: rotate(45deg);
}
dialog .dialog--content {
  padding: 30px;
}
dialog .dialog--content h4, dialog .dialog--content .h4 {
  display: block;
  margin-bottom: 1em;
}
dialog, dialog::backdrop {
  animation: hideDialog 0.3s forwards;
}
dialog[open], dialog[open]::backdrop {
  animation: showDialog 0.3s forwards;
}
@keyframes showDialog {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hideDialog {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

[data-copy-clipboard] {
  position: relative;
}
[data-copy-clipboard]:after {
  position: absolute;
  display: block;
  content: attr(data-success-text);
  top: 100%;
  left: -6px;
  margin-top: 5px;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  transition: opacity 0.3s, visibility 0.3s;
}
[data-copy-clipboard].btn:after, [data-copy-clipboard].btn:hover:after {
  opacity: 0;
  visibility: hidden;
}
[data-copy-clipboard].copied:after, [data-copy-clipboard].btn.copied:after {
  opacity: 1;
  visibility: visible;
}

.loading-skeleton, .loading-skeleton.cols {
  display: none;
}
.loading .loading-skeleton, .htmx-request .loading-skeleton {
  display: grid;
}
.loading-skeleton--item {
  background: #E8EAED;
  border-radius: 5px;
  overflow: hidden;
}
.loading-skeleton--item .animate {
  background: linear-gradient(110deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%) rgba(0, 0, 0, 0.1);
  background-size: 200% 100%;
  background-position-x: 180%;
  border-radius: 3px;
  min-height: 1.2em;
  animation: 1.25s shine ease-in-out infinite;
}
.loading-skeleton--item--media.animate {
  border-radius: 0;
}
.loading-skeleton--item--media:before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 70%;
}
.loading-skeleton--item--wrap {
  padding: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.loading-skeleton--item--wrap {
  padding-top: clamp(30px, 30px + 10 * (100vw - 768px) / 632, 40px);
}
.loading-skeleton--item--wrap .animate + .animate {
  margin-top: 0.65em;
}
.loading-skeleton--item--title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25em;
  max-width: 90%;
}
.loading-skeleton--item--text .animate {
  margin-left: auto;
  margin-right: auto;
}
.loading-skeleton--item--text .animate:nth-child(2) {
  max-width: 85%;
}
.loading-skeleton--item--text .animate:nth-child(3) {
  max-width: 90%;
}

@keyframes shine {
  to {
    background-position-x: -20%;
  }
}
.area--winter-report .winter-report {
  background: #f3f5f7;
  max-width: 1720px;
  margin: 0 auto;
  border-radius: 10px;
}
.area--winter-report .winter-report .cols {
  grid-row-gap: 30px;
}
.area--winter-report .winter-report .col {
  padding: clamp(20px, 20px + 20 * (100vw - 768px) / 632, 40px);
}
.area--winter-report .winter-report .col:first-child {
  display: flex;
  gap: 30px;
  flex-direction: column;
  justify-content: space-between;
}
.area--winter-report .winter-report--graphic {
  display: flex;
  position: relative;
}
.area--winter-report .winter-report--graphic {
  gap: clamp(80px, 80px + 70 * (100vw - 992px) / 408, 150px);
}
.area--winter-report .winter-report--graphic svg {
  width: 100%;
  height: auto;
}
.area--winter-report .winter-report--snow-height {
  color: var(--brand-primary);
}
.area--winter-report .winter-report--snow-height p {
  margin-bottom: 0;
  position: absolute;
  right: 0;
  line-height: 1;
  font-weight: 700;
}
.area--winter-report .winter-report--snow-height p {
  font-size: clamp(16px, 16px + 4 * (100vw - 992px) / 408, 20px);
}
.area--winter-report .winter-report--snow-height p:first-child {
  bottom: 38.8535031847%;
}
.area--winter-report .winter-report--snow-height p:last-child {
  bottom: 0;
}
.area--winter-report .winter-report--snow-height p span {
  line-height: 1;
}
.area--winter-report .winter-report--snow-height p span {
  font-size: clamp(25px, 25px + 5 * (100vw - 992px) / 408, 30px);
}
.area--winter-report .winter-report--headline {
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}
.area--winter-report .winter-report--avalanche {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.area--winter-report .winter-report--avalanche-icon {
  width: 90px;
  height: 90px;
  font-size: 40px;
  line-height: 45px;
  color: #fff;
  font-weight: 700;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area--winter-report .winter-report--avalanche-icon:before {
  content: "";
  position: absolute;
  width: 65px;
  height: 65px;
  transform: rotate(45deg);
}
.area--winter-report .winter-report--avalanche-icon span {
  z-index: 1;
}
.area--winter-report .winter-report--avalanche-info p {
  margin-bottom: 0;
}
.area--winter-report .winter-report--avalanche-info a {
  color: var(--text-color);
  text-decoration: underline;
}
.area--winter-report .winter-report--snow {
  margin: 20px 0 0 0;
}
.area--winter-report .winter-report--snow-info {
  display: flex;
  align-items: center;
  min-height: 65px;
  border-bottom: 1px solid rgba(88, 88, 90, 0.4);
  gap: 15px;
  padding: 15px;
}
.area--winter-report .winter-report--snow-info {
  font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 632, 20px);
}
.area--winter-report .winter-report--snow-info:first-child {
  border-top: 1px solid rgba(88, 88, 90, 0.4);
}
.area--winter-report .winter-report--snow-info .icon {
  font-size: 25px;
  flex-shrink: 0;
}
.area--winter-report .winter-report--snow-info strong {
  margin: 0 0 0 auto;
  white-space: nowrap;
}

.avalanche-warning--1:before {
  background-color: #498A00;
}
.avalanche-warning--2:before {
  background-color: #F8C100;
}
.avalanche-warning--3:before {
  background-color: #FF4614;
}
.avalanche-warning--4:before {
  background-color: #E20015;
}
.avalanche-warning--5:before {
  background-color: #C10012;
}

.usercentrics-placeholder {
  max-width: 550px;
  padding: 30px;
  background: #f3f5f7;
  border-radius: 10px;
  margin: 30px auto;
}
.embed-responsive .usercentrics-placeholder {
  max-width: inherit;
}
.usercentrics-placeholder .btn-primary {
  margin-right: 15px;
}
.usercentrics-placeholder p {
  margin-bottom: 1em;
}

/*** IMPORT AREAS ***/
.area {
  margin-top: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.area {
  margin-bottom: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.area.margin-top--none {
  margin-top: 0;
}
.area.margin-top--tiny {
  margin-top: clamp(5px, 5px + 10 * (100vw - 768px) / 632, 15px);
}
.area.margin-top--small {
  margin-top: clamp(15px, 15px + 15 * (100vw - 768px) / 632, 30px);
}
.area.margin-top--medium {
  margin-top: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.area.margin-top--large {
  margin-top: clamp(50px, 50px + 50 * (100vw - 768px) / 632, 100px);
}
.area.margin-top--xlarge {
  margin-top: clamp(75px, 75px + 75 * (100vw - 768px) / 632, 150px);
}
.area.margin-top--giant {
  margin-top: clamp(90px, 90px + 110 * (100vw - 768px) / 632, 200px);
}
.area.margin-bottom--none {
  margin-bottom: 0;
}
.area.margin-bottom--tiny {
  margin-bottom: clamp(5px, 5px + 10 * (100vw - 768px) / 632, 15px);
}
.area.margin-bottom--small {
  margin-bottom: clamp(15px, 15px + 15 * (100vw - 768px) / 632, 30px);
}
.area.margin-bottom--medium {
  margin-bottom: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.area.margin-bottom--large {
  margin-bottom: clamp(50px, 50px + 50 * (100vw - 768px) / 632, 100px);
}
.area.margin-bottom--xlarge {
  margin-bottom: clamp(75px, 75px + 75 * (100vw - 768px) / 632, 150px);
}
.area.margin-bottom--giant {
  margin-bottom: clamp(90px, 90px + 110 * (100vw - 768px) / 632, 200px);
}
.area > *:first-child,
.area > .cols > .col > *:first-child {
  margin-top: 0;
}
.area > *:last-child,
.area > .cols > .col > *:last-child {
  margin-bottom: 0;
}
.area.is-narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
}
.area.full-width {
  position: relative;
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
  left: 50%;
  transform: translateX(-50%);
}
.area--thumbnail img, .area--thumbnail video {
  display: block;
  width: 100%;
  height: auto;
}

.area--header.special h1, .area--header.special .h1, .area--header.webcam h1, .area--header.webcam .h1 {
  position: relative;
  padding-bottom: 45px;
}
.area--header.special h1:before, .area--header.special .h1:before, .area--header.webcam h1:before, .area--header.webcam .h1:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 160px;
  height: 5px;
  transform: translate(-50%, -15px);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x center transparent;
  background-size: auto 1px;
  filter: brightness(0) saturate(100%) invert(32%) sepia(2%) saturate(474%) hue-rotate(202deg) brightness(96%) contrast(82%);
  pointer-events: none;
}
body.alpenregion .area--header.special h1:before, body.alpenregion .area--header.special .h1:before, body.alpenregion .area--header.webcam h1:before, body.alpenregion .area--header.webcam .h1:before {
  filter: none;
  opacity: 0.3;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.bludenz .area--header.special h1:before, body.bludenz .area--header.special .h1:before, body.bludenz .area--header.webcam h1:before, body.bludenz .area--header.webcam .h1:before {
  filter: none;
  opacity: 0.3;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.brandnertal .area--header.special h1:before, body.brandnertal .area--header.special .h1:before, body.brandnertal .area--header.webcam h1:before, body.brandnertal .area--header.webcam .h1:before {
  filter: none;
  opacity: 0.3;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.bergbahnen-brandnertal .area--header.special h1:before, body.bergbahnen-brandnertal .area--header.special .h1:before, body.bergbahnen-brandnertal .area--header.webcam h1:before, body.bergbahnen-brandnertal .area--header.webcam .h1:before {
  filter: none;
  opacity: 0.3;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.klostertal .area--header.special h1:before, body.klostertal .area--header.special .h1:before, body.klostertal .area--header.webcam h1:before, body.klostertal .area--header.webcam .h1:before {
  filter: none;
  opacity: 0.3;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
body.walsertal .area--header.special h1:before, body.walsertal .area--header.special .h1:before, body.walsertal .area--header.webcam h1:before, body.walsertal .area--header.webcam .h1:before {
  filter: none;
  opacity: 0.3;
  background-image: linear-gradient(90deg, #58585A, #58585A);
}
.area--header.special h1 .icon, .area--header.special .h1 .icon, .area--header.webcam h1 .icon, .area--header.webcam .h1 .icon {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  font-size: 30px;
  pointer-events: none;
}
.area--header.special h1 .icon svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.area--header.special h1 .icon svg [fill]:not([fill=none]), .area--header.special .h1 .icon svg [fill]:not([fill=none]), .area--header.webcam h1 .icon svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.area--header.special h1 .icon.color-montafon svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-montafon svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-montafon svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-montafon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-montafon);
}
.area--header.special h1 .icon.color-montafon svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-montafon svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-montafon svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-montafon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-montafon);
}
.area--header.special h1 .icon.color-gargellen svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-gargellen svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-gargellen svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-gargellen svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gargellen);
}
.area--header.special h1 .icon.color-gargellen svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-gargellen svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-gargellen svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-gargellen svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gargellen);
}
.area--header.special h1 .icon.color-kristberg svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-kristberg svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-kristberg svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-kristberg svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-kristberg);
}
.area--header.special h1 .icon.color-kristberg svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-kristberg svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-kristberg svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-kristberg svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-kristberg);
}
.area--header.special h1 .icon.color-gsl svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-gsl svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-gsl svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-gsl svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-gsl);
}
.area--header.special h1 .icon.color-gsl svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-gsl svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-gsl svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-gsl svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-gsl);
}
.area--header.special h1 .icon.color-golm svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-golm svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-golm svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-golm svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-golm);
}
.area--header.special h1 .icon.color-golm svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-golm svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-golm svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-golm svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-golm);
}
.area--header.special h1 .icon.color-alpenregion svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-alpenregion svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-alpenregion svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-alpenregion svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-alpenregion);
}
.area--header.special h1 .icon.color-alpenregion svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-alpenregion svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-alpenregion svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-alpenregion svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-alpenregion);
}
.area--header.special h1 .icon.color-brandnertal svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-brandnertal svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-brandnertal svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-brandnertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-brandnertal);
}
.area--header.special h1 .icon.color-brandnertal svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-brandnertal svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-brandnertal svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-brandnertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-brandnertal);
}
.area--header.special h1 .icon.color-bludenz svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-bludenz svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-bludenz svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-bludenz svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-bludenz);
}
.area--header.special h1 .icon.color-bludenz svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-bludenz svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-bludenz svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-bludenz svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-bludenz);
}
.area--header.special h1 .icon.color-klostertal svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-klostertal svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-klostertal svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-klostertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-klostertal);
}
.area--header.special h1 .icon.color-klostertal svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-klostertal svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-klostertal svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-klostertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-klostertal);
}
.area--header.special h1 .icon.color-walsertal svg [stroke]:not([stroke=none]), .area--header.special .h1 .icon.color-walsertal svg [stroke]:not([stroke=none]), .area--header.webcam h1 .icon.color-walsertal svg [stroke]:not([stroke=none]), .area--header.webcam .h1 .icon.color-walsertal svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary-walsertal);
}
.area--header.special h1 .icon.color-walsertal svg [fill]:not([fill=none]), .area--header.special .h1 .icon.color-walsertal svg [fill]:not([fill=none]), .area--header.webcam h1 .icon.color-walsertal svg [fill]:not([fill=none]), .area--header.webcam .h1 .icon.color-walsertal svg [fill]:not([fill=none]) {
  fill: var(--brand-primary-walsertal);
}
.area--header.special h1.text-left:before, .area--header.special h1.text-right:before, .area--header.special .h1.text-left:before, .area--header.special .h1.text-right:before, .area--header.webcam h1.text-left:before, .area--header.webcam h1.text-right:before, .area--header.webcam .h1.text-left:before, .area--header.webcam .h1.text-right:before {
  transform: translate(0, -15px);
}
.area--header.special h1.text-left:before, .area--header.special .h1.text-left:before, .area--header.webcam h1.text-left:before, .area--header.webcam .h1.text-left:before {
  left: 0;
}
.area--header.special h1.text-left .icon, .area--header.special .h1.text-left .icon, .area--header.webcam h1.text-left .icon, .area--header.webcam .h1.text-left .icon {
  left: 70px;
}
.area--header.special h1.text-right:before, .area--header.special .h1.text-right:before, .area--header.webcam h1.text-right:before, .area--header.webcam .h1.text-right:before {
  left: auto;
  right: 0;
}
.area--header.special h1.text-right .icon, .area--header.special .h1.text-right .icon, .area--header.webcam h1.text-right .icon, .area--header.webcam .h1.text-right .icon {
  left: auto;
  right: 70px;
  transform: translateX(50%);
}
.area--header.special.large h1, .area--header.special.large .h1, .area--header.webcam.large h1, .area--header.webcam.large .h1 {
  font-size: var(--headline-h1-lg-size);
  text-transform: uppercase;
}
.area--header.special.no-icon h1, .area--header.special.no-icon .h1, .area--header.webcam.no-icon h1, .area--header.webcam.no-icon .h1 {
  padding-bottom: 0;
}
.area--header.special.no-icon h1:before, .area--header.special.no-icon .h1:before, .area--header.webcam.no-icon h1:before, .area--header.webcam.no-icon .h1:before {
  display: none;
}
.area--header.special.webcam h1 .icon svg [stroke]:not([stroke=none]), .area--header.special.webcam .h1 .icon svg [stroke]:not([stroke=none]), .area--header.webcam.webcam h1 .icon svg [stroke]:not([stroke=none]), .area--header.webcam.webcam .h1 .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary);
}
.area--header.special.webcam h1 .icon svg [fill]:not([fill=none]), .area--header.special.webcam .h1 .icon svg [fill]:not([fill=none]), .area--header.webcam.webcam h1 .icon svg [fill]:not([fill=none]), .area--header.webcam.webcam .h1 .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary);
}
body.alpenregion .area--header.webcam i.icon {
  display: none;
}
body.bludenz .area--header.webcam i.icon {
  display: none;
}
body.brandnertal .area--header.webcam i.icon {
  display: none;
}
body.bergbahnen-brandnertal .area--header.webcam i.icon {
  display: none;
}
body.klostertal .area--header.webcam i.icon {
  display: none;
}
body.walsertal .area--header.webcam i.icon {
  display: none;
}
.area--header.special h1:before, .area--header.special .h1:before, body.montafon .area--header h1:before, body.montafon .area--header .h1:before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
}
.area--header.special h1:before, .area--header.special .h1:before, body.gargellen .area--header h1:before, body.gargellen .area--header .h1:before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
}
.area--header.special h1:before, .area--header.special .h1:before, body.golm .area--header h1:before, body.golm .area--header .h1:before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
}
.area--header.special h1:before, .area--header.special .h1:before, body.kristberg .area--header h1:before, body.kristberg .area--header .h1:before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
}
.area--header.special h1:before, .area--header.special .h1:before, body.luenersee .area--header h1:before, body.luenersee .area--header .h1:before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
}
.area--header.special h1:before, .area--header.special .h1:before, body.silvretta-bielerhoehe .area--header h1:before, body.silvretta-bielerhoehe .area--header .h1:before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
}
.area--header.special h1:before, .area--header.special .h1:before, body.silvretta-montafon .area--header h1:before, body.silvretta-montafon .area--header .h1:before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
}
.area--header.special h1:before, .area--header.special .h1:before, body.gsl .area--header h1:before, body.gsl .area--header .h1:before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100 100'%3E  %3Cpath fill='%23000' d='M0 0h100 v100 h-100' /%3E %3C/svg%3E") center no-repeat, linear-gradient(0deg, #000, #000);
  mask-composite: exclude;
  mask-size: 40px 40px;
}

.area--text h1, .area--text h2, .area--text h3, .area--text h4, .area--text h5, .area--text h6,
.area--text .h1, .area--text .h2, .area--text .h3, .area--text .h4, .area--text .h5, .area--text .h6 {
  margin-bottom: 0.5em;
}
.area--text ul, .area--text ol {
  margin: 0 0 30px;
  padding: 0;
  list-style-type: none;
  font-weight: 700;
}
.area--text ul.font-weight-normal, .area--text ol.font-weight-normal {
  font-weight: 400;
}
.area--text ul.cols--3, .area--text ol.cols--3 {
  column-count: initial;
}
.area--text ul.cols--3 li, .area--text ol.cols--3 li {
  overflow: hidden;
}
.area--text ul ul, .area--text ul ol, .area--text ol ul, .area--text ol ol {
  margin: 0.7em 0;
}
.area--text ul li, .area--text ol li {
  position: relative;
  padding: 4px 0 3px 45px;
}
.area--text ul li:before, .area--text ul li:after, .area--text ol li:before, .area--text ol li:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.area--text ul li:before, .area--text ol li:before {
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.area--text ul li:after, .area--text ol li:after {
  width: 40px;
  height: 40px;
  transform: translate(-5px, -5px);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%2358585A' stroke-dasharray='1 4' stroke-linejoin='round' opacity='.4'/%3E%3C/svg%3E") center no-repeat transparent;
  background-size: contain;
}
.area--text ul li + li, .area--text ol li + li {
  margin-top: 25px;
}
.area--text ul li ul, .area--text ul li ol, .area--text ol li ul, .area--text ol li ol {
  margin-top: 29px;
  margin-bottom: 0;
}
.area--text ul.small li, .area--text ol.small li {
  padding: 0 0 0 40px;
}
.area--text ul.small li:before, .area--text ol.small li:before {
  width: 25px;
  height: 25px;
}
.area--text ul.small li:after, .area--text ol.small li:after {
  width: 33px;
  height: 33px;
  transform: translate(-4px, -4px);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%2358585A' stroke-dasharray='1 4' stroke-linejoin='round' opacity='.4'/%3E%3C/svg%3E") center no-repeat transparent;
}
.area--text ul.small li + li, .area--text ol.small li + li {
  margin-top: 15px;
}
.area--text ul li:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.934 11.733 10.667 8 6.934 4.267'/%3E%3C/svg%3E") center no-repeat var(--brand-primary);
  background-size: 16px;
}
.area--text ul.small li:before {
  background-size: 16px;
}
.area--text ol {
  counter-reset: custom-cnt;
}
.area--text ol li {
  counter-increment: custom-cnt;
}
.area--text ol li:before {
  display: flex;
  place-content: center;
  place-items: center;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  content: counter(custom-cnt);
  background: #E8EAED;
}
.area--text ol.small li:before {
  font-size: 14px;
}
.area--text.text-center ul, .area--text.text-center ol, .area--text.text-right ul, .area--text.text-right ol {
  display: inline-block;
  text-align: left;
}
.area--text a:not(.btn) {
  color: var(--text-color);
  text-decoration: underline;
  transition: color 0.3s;
}
.area--text a:not(.btn)[target=_blank] {
  display: inline-block;
  position: relative;
  padding-right: 14px;
  color: var(--text-color--opac-60);
}
.area--text a:not(.btn)[target=_blank]:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 13px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.46484 9.53322L9.53151 3.46655M9.53151 3.46655V8.92655M9.53151 3.46655H4.07151' stroke='%2358585A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat transparent;
  background-size: contain;
}
.area--text .btn:not(:last-child) {
  margin-bottom: 5px;
}
.area--text.more-btn-mobile.active .area--text--inner {
  max-height: none;
}
.area--text.more-btn-mobile.active .area--text--inner + .btn {
  display: none;
}
.area--text.more-btn-mobile .area--text--inner + .btn {
  display: none;
}
.area--text--wrap {
  position: relative;
  max-height: 270px;
  overflow: hidden;
}
.area--text--wrap:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  pointer-events: none;
  transition: opacity 0.3s, visibility 0.3s;
}
.area--text--buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}
.area--text.active .area--text--wrap {
  max-height: none;
}
.area--text.active .area--text--wrap:after {
  opacity: 0;
  visibility: hidden;
}
.area--text.active .area--text--buttons {
  display: none;
}

.area--textmedia .area--thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.area--textmedia .area--thumbnail:before {
  display: block;
  content: "";
  width: 100%;
}
.area--textmedia .area--thumbnail img, .area--textmedia .area--thumbnail video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area--textmedia .area--thumbnail.no-object-fit:before {
  display: none;
}
.area--textmedia .area--thumbnail.no-object-fit img, .area--textmedia .area--thumbnail.no-object-fit video {
  position: static;
  height: auto;
  object-fit: initial;
}
.area--textmedia .area--text {
  padding: clamp(0px, 0px + 60 * (100vw - 768px) / 632, 60px);
}
.area--textmedia .area--text--inner > *:first-child {
  margin-top: 0;
}
.area--textmedia .area--text--inner > *:last-child {
  margin-bottom: 0;
}
.area--textmedia.full-width .area--thumbnail {
  border-radius: 0 5px 5px 0;
}
.area--textmedia.full-width .cols.thumbnail--right .area--thumbnail {
  border-radius: 5px 0 0 5px;
}

.area--media.full-width .cols--1 .area--thumbnail,
.area--media .cols.no-gutter .area--thumbnail {
  border-radius: 0;
}
.area--media.full-width .cols .area--thumbnail:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.area--media.full-width .cols .area--thumbnail:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.area--media .area--thumbnail {
  position: relative;
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
}
.area--media .area--thumbnail--copyright {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
}
.area--media.webcam img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.area--media.webcam .area--webcam-icon {
  display: flex;
  place-items: center;
  place-content: center;
  position: absolute;
  right: 0;
  padding: 10px;
  color: #fff;
  background-color: var(--brand-primary);
  border-top-right-radius: 5px;
  z-index: 2;
}
.area--media.webcam .area--webcam-icon i {
  height: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.area--media.webcam .area--webcam-icon i {
  max-height: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.area--media.webcam .area--webcam-icon i {
  width: clamp(20px, 20px + 5 * (100vw - 768px) / 632, 25px);
}
.area--media.webcam .area--webcam-icon i svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.area--media.webcam .area--webcam-icon i svg [fill]:not([fill=none]) {
  fill: #fff;
}
.area--media.webcam .area--thumbnail--copyright {
  text-align: left;
  padding: 20px;
  color: #fff;
  background: #58585A;
}
.area--media.webcam .area--thumbnail--copyright {
  padding: clamp(15px, 15px + 10 * (100vw - 768px) / 632, 25px);
}

.pimcore_editable_video {
  aspect-ratio: 16/9;
}

.area--teaser {
  --min-teaser-width: max(280px, calc(100vw - 60px));
  /*** Teaser Grid ***/
  /*** Teaser Slider ***/
  /*** Teaser Bar ***/
}
.area--teaser.small {
  --min-teaser-width: max(360px, calc(100vw - 60px));
}
.area--teaser.full-width > .cols {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 0;
  margin-right: 0;
}
.area--teaser.hide-intarsia::after {
  background-image: none !important;
}
.area--teaser > .cols {
  margin-left: -30px;
  margin-right: -30px;
  padding: 30px;
}
.area--teaser > .cols {
  gap: clamp(15px, 15px + 15 * (100vw - 768px) / 632, 30px);
}
.area--teaser--bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #fff;
}
.area--teaser--bg img, .area--teaser--bg video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: luminosity;
  opacity: 0.15;
}
.area--teaser--bg:before, .area--teaser--bg:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
.area--teaser--bg:before {
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
}
.area--teaser--bg:after {
  background-color: #A1B1EA;
  mix-blend-mode: color;
  opacity: 0.3;
}
.area--teaser--container.transitioning .teaser {
  transition: opacity 0.5s, transform 0.5s;
}
.area--teaser--container .teaser {
  align-self: start;
}
.area--teaser.area--teaser--grid {
  position: relative;
}
.area--teaser.area--teaser--grid:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 410px;
  transform: translateX(-50%);
  background: #E8EAED;
}
.area--teaser.area--teaser--grid:before {
  height: clamp(390px, 390px + 20 * (100vw - 768px) / 632, 410px);
}
.area--teaser.area--teaser--grid .area--teaser--container {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-columns: initial;
  grid-auto-flow: initial;
  gap: 30px;
  position: relative;
  overflow: hidden;
}
.area--teaser.area--teaser--grid .area--teaser--categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 0 6px;
}
.area--teaser.area--teaser--grid .area--teaser--categories {
  padding-top: clamp(40px, 40px + 60 * (100vw - 768px) / 632, 100px);
}
.area--teaser.area--teaser--grid .area--teaser--categories {
  padding-bottom: clamp(40px, 40px + 20 * (100vw - 768px) / 632, 60px);
}
.area--teaser.area--teaser--grid .area--teaser--categories .btn-outline.active {
  color: #fff;
}
.area--teaser.area--teaser--grid .area--teaser--categories .btn-outline.active:before {
  background: #58585A;
}
.area--teaser.area--teaser--grid .teaser:not(.card) {
  height: 100%;
}
.area--teaser.area--teaser--slider {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
}
.area--teaser.area--teaser--slider .area--header,
.area--teaser.area--teaser--slider .area--text {
  position: relative;
  z-index: 1;
}
.area--teaser.area--teaser--slider .area--teaser--slider--wrap {
  position: relative;
  z-index: 1;
}
.area--teaser.area--teaser--slider .area--teaser--container {
  grid-template-columns: initial;
  grid-auto-columns: min(100vw - 60px, 330px);
  grid-auto-flow: column;
  gap: 15px;
  position: relative;
  margin: 0;
  padding: 30px;
  scroll-padding-left: 30px;
  scroll-snap-type: x mandatory;
  overflow: visible;
  overflow-x: auto;
}
html:not([data-useragent*=Mobile]) .area--teaser.area--teaser--slider .area--teaser--container {
  scrollbar-width: initial;
  scrollbar-color: initial;
}
html:not([data-useragent*=Mobile]) .area--teaser.area--teaser--slider .area--teaser--container::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
html:not([data-useragent*=Mobile]) .area--teaser.area--teaser--slider .area--teaser--container::-webkit-scrollbar-track {
  background: transparent;
}
html:not([data-useragent*=Mobile]) .area--teaser.area--teaser--slider .area--teaser--container::-webkit-scrollbar-thumb {
  background-color: #E8EAED;
  border-radius: 5px;
  border: 0 solid transparent;
}
.area--teaser.area--teaser--slider .area--teaser--container .teaser {
  scroll-snap-align: start;
}
.area--teaser.area--teaser--slider .area--teaser--categories {
  display: flex;
  gap: 12px;
  position: relative;
  margin-bottom: -15px;
  padding: 15px 36px;
  overflow: hidden;
  overflow-x: auto;
  z-index: 2;
}
.area--teaser.area--teaser--slider .area--teaser--categories > button,
.area--teaser.area--teaser--slider .area--teaser--categories > a {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0;
  font-family: var(--header-title-font-family);
  font-weight: var(--header-title-font-weight);
  line-height: 1;
  color: var(--text-color--opac-70);
  text-decoration: none;
  background: none transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
.area--teaser.area--teaser--slider .area--teaser--categories > button,
.area--teaser.area--teaser--slider .area--teaser--categories > a {
  padding-left: clamp(20px, 20px + 10 * (100vw - 576px) / 416, 30px);
}
.area--teaser.area--teaser--slider .area--teaser--categories > button,
.area--teaser.area--teaser--slider .area--teaser--categories > a {
  padding-right: clamp(20px, 20px + 10 * (100vw - 576px) / 416, 30px);
}
.area--teaser.area--teaser--slider .area--teaser--categories > button,
.area--teaser.area--teaser--slider .area--teaser--categories > a {
  height: clamp(50px, 50px + 10 * (100vw - 576px) / 416, 60px);
}
.area--teaser.area--teaser--slider .area--teaser--categories > button,
.area--teaser.area--teaser--slider .area--teaser--categories > a {
  font-size: clamp(12px, 12px + 6 * (100vw - 576px) / 416, 18px);
}
.area--teaser.area--teaser--slider .area--teaser--categories > button:before,
.area--teaser.area--teaser--slider .area--teaser--categories > a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 5px;
}
.area--teaser.area--teaser--slider .area--teaser--categories > button:focus-visible,
.area--teaser.area--teaser--slider .area--teaser--categories > a:focus-visible {
  outline: 2px solid #000;
  border-radius: 3px;
}
.area--teaser.area--teaser--slider .area--teaser--categories > button.active,
.area--teaser.area--teaser--slider .area--teaser--categories > a.active {
  color: var(--text-color);
}
.area--teaser.area--teaser--slider .area--teaser--categories > button.active:before,
.area--teaser.area--teaser--slider .area--teaser--categories > a.active:before {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.area--teaser.area--teaser--slider .area--teaser--categories > button.active:after,
.area--teaser.area--teaser--slider .area--teaser--categories > a.active:after {
  width: 30px;
  border-color: var(--brand-primary);
  opacity: 1;
}
.area--teaser.area--teaser--slider .area--teaser--categories > button:before,
.area--teaser.area--teaser--slider .area--teaser--categories > a:before {
  box-shadow: 0 0 1px #58585A;
  transition: opacity 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
  z-index: -1;
}
.area--teaser.area--teaser--slider .area--teaser--categories > button:after,
.area--teaser.area--teaser--slider .area--teaser--categories > a:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 15px;
  border-bottom: 3px solid #58585A;
  transform: translateX(-50%);
  opacity: 0.5;
  transition: width 0.3s, border-color 0.3s, opacity 0.3s;
}
.area--teaser.area--teaser--slider .teaser:not(.card) {
  height: 100%;
}
.area--teaser.area--teaser--bar {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
  padding-bottom: 120px;
}
.area--teaser.area--teaser--bar:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 200px;
  background-color: var(--brand-primary);
  pointer-events: none;
  z-index: 0;
}
.montafon .area--teaser.area--teaser--bar:after {
  background-image: url(../images/layout/wooden_bar.png);
  background-size: auto 60px;
  background-repeat: repeat-x;
  background-position: left 0 top calc(100% - 40px);
}
.area--teaser.area--teaser--bar .area--header,
.area--teaser.area--teaser--bar .area--text {
  position: relative;
  z-index: 1;
  padding: 0 30px;
}
.area--teaser.area--teaser--bar .area--teaser--slider--wrap {
  position: relative;
  z-index: 1;
}
.area--teaser.area--teaser--bar .area--teaser--container {
  position: relative;
}
.area--teaser.area--teaser--bar .area--teaser--slider--nav {
  position: absolute;
  left: 30px;
  top: 50%;
  right: 30px;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}
.area--teaser.area--teaser--bar .area--teaser--slider--nav button {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath stroke='%2358585A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.332 29.334 26.665 20l-9.333-9.333'/%3E%3C/svg%3E") no-repeat center #fff;
  background-size: 30px 30px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  pointer-events: auto;
  transition: transform 0.3s, box-shadow 0.3s;
}
.area--teaser.area--teaser--bar .area--teaser--slider--nav button.prev {
  left: 0;
  transform: translate(-50%, -50%) rotateZ(180deg);
}
.area--teaser.area--teaser--bar .area--teaser--slider--nav button.next {
  right: 0;
  transform: translate(50%, -50%);
}
.area--teaser.area--teaser--bar .area--teaser--container {
  grid-template-columns: initial;
  grid-auto-columns: min(100vw - 70px, 320px);
  grid-auto-flow: column;
  gap: 15px;
  position: relative;
  margin: 0;
  padding: 30px 40px 30px 30px;
  scroll-padding-left: 30px;
  scroll-snap-type: x mandatory;
  overflow: visible;
  overflow-x: auto;
}
html:not([data-useragent*=Mobile]) .area--teaser.area--teaser--bar .area--teaser--container {
  scrollbar-width: initial;
  scrollbar-color: initial;
}
html:not([data-useragent*=Mobile]) .area--teaser.area--teaser--bar .area--teaser--container::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
html:not([data-useragent*=Mobile]) .area--teaser.area--teaser--bar .area--teaser--container::-webkit-scrollbar-track {
  background: transparent;
}
html:not([data-useragent*=Mobile]) .area--teaser.area--teaser--bar .area--teaser--container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  border: 0 solid transparent;
}
.area--teaser.area--teaser--bar .area--teaser--container .teaser {
  scroll-snap-align: start;
}

.area--content-container {
  position: relative;
  margin-left: -30px;
  margin-right: -30px;
  background: #E8EAED;
}
.area--content-container {
  padding: clamp(60px, 60px + 40 * (100vw - 768px) / 632, 100px);
}
.area--content-container--media {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  background: #fff;
}
.area--content-container--media img, .area--content-container--media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: luminosity;
  opacity: 0.15;
}
.area--content-container--media:before, .area--content-container--media:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
.area--content-container--media:before {
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
}
.area--content-container--media:after {
  background-color: #A1B1EA;
  mix-blend-mode: color;
  opacity: 0.3;
}
.area--content-container--media .pimcore_editable_video {
  width: 100%;
  height: 100%;
}
.area--content-container--inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  z-index: 1;
}
.area--content-container--inner > *:first-child {
  margin-top: 0;
}
.area--content-container--inner > *:last-child {
  margin-bottom: 0;
}

.area--cols > .cols > .col > .area:first-child {
  margin-top: 0;
}
.area--cols > .cols > .col > .area:last-child {
  margin-bottom: 0;
}

.area--facts--wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  margin: 0 auto;
}
.area--facts--wrap.cols--1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  max-width: 320px;
}
.area--facts--wrap.cols--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 670px;
}
.area--facts--wrap.cols--3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
}
.area--facts .fact-item {
  position: relative;
  width: 100%;
  text-align: center;
  color: var(--text-color);
  text-decoration: none;
}
.area--facts .fact-item {
  padding-left: clamp(10px, 10px + 5 * (100vw - 768px) / 632, 15px);
}
.area--facts .fact-item {
  padding-right: clamp(10px, 10px + 5 * (100vw - 768px) / 632, 15px);
}
.area--facts .fact-item {
  padding-bottom: clamp(15px, 15px + 25 * (100vw - 768px) / 632, 40px);
}
.area--facts .fact-item:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.3s, background-color 0.3s;
  z-index: -1;
}
.area--facts .fact-item:before {
  top: clamp(25px, 25px + 15 * (100vw - 768px) / 632, 40px);
}
body.alpenregion .area--facts .fact-item:before {
  opacity: 1;
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.bludenz .area--facts .fact-item:before {
  opacity: 1;
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.brandnertal .area--facts .fact-item:before {
  opacity: 1;
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.bergbahnen-brandnertal .area--facts .fact-item:before {
  opacity: 1;
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.klostertal .area--facts .fact-item:before {
  opacity: 1;
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
body.walsertal .area--facts .fact-item:before {
  opacity: 1;
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background: none;
}
.area--facts .fact-item .icon {
  position: relative;
  padding: 10px;
  background: #fff;
  border-radius: 100%;
  transition: padding 0.3s, background-color 0.3s;
}
.area--facts .fact-item .icon {
  font-size: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
}
.area--facts .fact-item .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.area--facts .fact-item .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.area--facts .fact-item .icon svg [stroke] {
  transition: stroke 0.3s;
}
.area--facts .fact-item .icon svg [fill] {
  transition: fill 0.3s;
}
.area--facts .fact-item--count {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  padding: 25px 0;
  color: var(--brand-primary);
  font-family: var(--font-family-special);
  line-height: 1;
}
.area--facts .fact-item--count strong {
  font-size: clamp(35px, 35px + 13 * (100vw - 768px) / 632, 48px);
}
.area--facts .fact-item--count span {
  font-size: 18px;
  font-weight: 700;
}
.area--facts .fact-item--title {
  display: block;
  line-height: 1.27;
  letter-spacing: 0.05em;
}
.area--facts .fact-item--title {
  font-size: clamp(13px, 13px + 5 * (100vw - 768px) / 632, 18px);
}

.area--top-story {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
  view-timeline: --animateTopStory block;
}
.area--top-story .top-story {
  position: relative;
  padding: 0 30px;
}
.area--top-story .top-story--media {
  overflow: hidden;
  margin-left: -30px;
  aspect-ratio: 360/330;
  mask-image: url("data:image/svg+xml,%3Csvg width='1000' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1010' height='100' x='-10' y='0' fill='%23000' rx='2' transform='skewX(-14)' /%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: auto 100%;
  mask-position: top right;
}
.area--top-story .top-story--media img, .area--top-story .top-story--media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area--top-story .top-story--media .pimcore_editable_video {
  height: 100%;
}
.area--top-story .top-story--content {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
  gap: 15px;
  position: relative;
  margin-top: -110px;
  text-align: center;
  background: #E8EAED;
  border-radius: 5px;
  z-index: 1;
  animation-timeline: --animateTopStory;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: topStoryContent;
  animation-range: entry;
}
.area--top-story .top-story--content {
  padding-left: clamp(30px, 30px + 20 * (100vw - 768px) / 632, 50px);
}
.area--top-story .top-story--content {
  padding-top: clamp(40px, 40px + 20 * (100vw - 768px) / 632, 60px);
}
.area--top-story .top-story--content {
  padding-right: clamp(30px, 30px + 20 * (100vw - 768px) / 632, 50px);
}
.area--top-story .top-story--content {
  padding-bottom: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
}
.area--top-story .top-story--content .icon {
  font-size: clamp(50px, 50px + 30 * (100vw - 768px) / 632, 80px);
}
.area--top-story .top-story--content .icon svg [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary);
}
.area--top-story .top-story--content .icon svg [fill]:not([fill=none]) {
  fill: var(--brand-primary);
}
.area--top-story .top-story--content h2, .area--top-story .top-story--content .h2 {
  text-align: center;
}
.area--top-story .top-story--content p {
  margin: 0;
}
.area--top-story .top-story--content hr {
  margin: 10px 0;
  width: 100%;
  height: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 2.5 1'%3E%3Cline x1='0.5' y1='0.5' x2='2' y2='0.5' stroke='%2358585A' stroke-linecap='round' stroke-dasharray='0.5 2'/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.area--top-story .top-story--content .btn-outline {
  width: 100%;
  justify-content: center;
}
.area--top-story .top-story--date {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
  position: relative;
  margin-top: -80px;
  width: 110px;
  height: 100px;
  color: #fff;
  font-weight: 700;
}
.area--top-story .top-story--date:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
  border-radius: 5px;
}
.area--top-story .top-story--date:before {
  z-index: -1;
}
.area--top-story .top-story--date strong {
  font-family: var(--font-family-special);
  line-height: 1;
}
.area--top-story .top-story--date strong {
  font-size: clamp(35px, 35px + 13 * (100vw - 768px) / 632, 48px);
}
.area--top-story .top-story--categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
.area--top-story .top-story--category {
  position: relative;
  font-size: 11px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 0.05em;
  white-space: nowrap;
  text-transform: uppercase;
}
.area--top-story .top-story--category {
  padding-left: clamp(10px, 10px + 2 * (100vw - 768px) / 632, 12px);
}
.area--top-story .top-story--category {
  padding-top: clamp(6px, 6px + 2 * (100vw - 768px) / 632, 8px);
}
.area--top-story .top-story--category {
  padding-right: clamp(10px, 10px + 2 * (100vw - 768px) / 632, 12px);
}
.area--top-story .top-story--category {
  padding-bottom: clamp(6px, 6px + 2 * (100vw - 768px) / 632, 8px);
}
.area--top-story .top-story--category:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #fff;
  border-radius: 5px;
}
.area--top-story .top-story--category:before {
  z-index: -1;
}
.area--top-story .top-story--category.color-montafon {
  color: #fff;
}
.area--top-story .top-story--category.color-montafon:before {
  background-color: var(--brand-primary-montafon);
}
.area--top-story .top-story--category.color-gargellen {
  color: #fff;
}
.area--top-story .top-story--category.color-gargellen:before {
  background-color: var(--brand-primary-gargellen);
}
.area--top-story .top-story--category.color-kristberg {
  color: #fff;
}
.area--top-story .top-story--category.color-kristberg:before {
  background-color: var(--brand-primary-kristberg);
}
.area--top-story .top-story--category.color-gsl {
  color: #fff;
}
.area--top-story .top-story--category.color-gsl:before {
  background-color: var(--brand-primary-gsl);
}
.area--top-story .top-story--category.color-golm {
  color: #fff;
}
.area--top-story .top-story--category.color-golm:before {
  background-color: var(--brand-primary-golm);
}
.area--top-story .top-story--category.color-alpenregion {
  color: #fff;
}
.area--top-story .top-story--category.color-alpenregion:before {
  background-color: var(--brand-primary-alpenregion);
}
.area--top-story .top-story--category.color-brandnertal {
  color: #fff;
}
.area--top-story .top-story--category.color-brandnertal:before {
  background-color: var(--brand-primary-brandnertal);
}
.area--top-story .top-story--category.color-bludenz {
  color: #fff;
}
.area--top-story .top-story--category.color-bludenz:before {
  background-color: var(--brand-primary-bludenz);
}
.area--top-story .top-story--category.color-klostertal {
  color: #fff;
}
.area--top-story .top-story--category.color-klostertal:before {
  background-color: var(--brand-primary-klostertal);
}
.area--top-story .top-story--category.color-walsertal {
  color: #fff;
}
.area--top-story .top-story--category.color-walsertal:before {
  background-color: var(--brand-primary-walsertal);
}
.area--top-story .top-story--profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--text-color);
  text-decoration: none;
}
.area--top-story .top-story--profile img {
  margin-bottom: 20px;
  height: auto;
  border: 5px solid #fff;
  border-radius: 100%;
}
.area--top-story .top-story--profile img {
  margin-bottom: clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px);
}
.area--top-story .top-story--profile img {
  width: clamp(100px, 100px + 30 * (100vw - 768px) / 632, 130px);
}
.area--top-story .splide__slide .top-story--content {
  transform: translateX(60%);
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.area--top-story .splide__slide.is-visible .top-story--content {
  transform: translateX(0);
}
.area--top-story .splide__slide:not(.is-active) {
  height: 0;
}
.area--top-story .splide__pagination {
  display: flex;
  gap: 0;
  margin-top: 30px;
  padding: 0;
}
.area--top-story .splide__pagination button {
  display: flex;
  place-items: center;
  place-content: center;
  padding: 0;
  width: 20px;
  height: 20px;
  border: none;
  background: none;
  opacity: 0.6;
  cursor: pointer;
  transition: opacity 0.3s;
}
.area--top-story .splide__pagination button.is-active {
  opacity: 1;
}
.area--top-story .splide__pagination button:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background: #58585A;
  border-radius: 100%;
}
@keyframes topStoryContent {
  from {
    left: -15%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

.area--promo-textmedia {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
  view-timeline: --animatePromoTextmedia block;
  /*** large text variant ***/
  /*** animations ***/
}
.area--promo-textmedia--wrap {
  position: relative;
  padding: 0 30px 100px;
}
.area--promo-textmedia--wrap.media--right .area--promo-textmedia--slope {
  left: auto;
  right: 100%;
}
.area--promo-textmedia--wrap.media--right .area--promo-textmedia--slope:before {
  transform: skew(14deg);
  transform-origin: 100% 0;
  border-bottom-right-radius: 5px;
}
.area--promo-textmedia--wrap.media--right .area--promo-textmedia--media {
  margin-left: -15px;
  margin-right: -30px;
  mask-image: url("data:image/svg+xml,%3Csvg width='1000' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1010' height='100' x='0' y='0' fill='%23000' rx='2' transform='skewX(14)' /%3E%3C/svg%3E");
  mask-position: bottom left;
}
.area--promo-textmedia--wrap.media--right .info-icon {
  left: auto;
  right: 20px;
}
.area--promo-textmedia--wrap.media--right .info-icon--text {
  left: auto;
  right: 0;
}
.area--promo-textmedia--slope {
  position: absolute;
  top: 190px;
  left: 100%;
  width: 100%;
  height: calc(100% - 190px);
}
.area--promo-textmedia--slope:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  background: #E8EAED;
}
.area--promo-textmedia--slope:before {
  transform-origin: 0 0;
  border-bottom-left-radius: 5px;
}
.area--promo-textmedia--media {
  overflow: hidden;
  margin: 0 -15px -60px -30px;
  aspect-ratio: 375/420;
  mask-image: url("data:image/svg+xml,%3Csvg width='1000' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1010' height='100' x='-10' y='0' fill='%23000' rx='2' transform='skewX(-14)' /%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: auto 100%;
  mask-position: top right;
}
.area--promo-textmedia--media img, .area--promo-textmedia--media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area--promo-textmedia--media .pimcore_editable_video {
  height: 100%;
}
.area--promo-textmedia--text {
  position: relative;
  padding: 30px;
  color: #fff;
  background: var(--brand-primary);
  border-radius: 5px;
  z-index: 1;
}
.area--promo-textmedia--text > *:last-child {
  margin-bottom: 0;
}
.area--promo-textmedia--text h1, .area--promo-textmedia--text h2, .area--promo-textmedia--text h3, .area--promo-textmedia--text h4, .area--promo-textmedia--text h5, .area--promo-textmedia--text h6,
.area--promo-textmedia--text .h1, .area--promo-textmedia--text .h2, .area--promo-textmedia--text .h3, .area--promo-textmedia--text .h4, .area--promo-textmedia--text .h5, .area--promo-textmedia--text .h6 {
  margin-bottom: clamp(15px, 0.65em, 30px);
}
.area--promo-textmedia--text h1 strong, .area--promo-textmedia--text h2 strong, .area--promo-textmedia--text h3 strong, .area--promo-textmedia--text h4 strong, .area--promo-textmedia--text h5 strong, .area--promo-textmedia--text h6 strong,
.area--promo-textmedia--text .h1 strong, .area--promo-textmedia--text .h2 strong, .area--promo-textmedia--text .h3 strong, .area--promo-textmedia--text .h4 strong, .area--promo-textmedia--text .h5 strong, .area--promo-textmedia--text .h6 strong {
  font-weight: 500;
}
.area--promo-textmedia--text p {
  margin-bottom: 15px;
}
.area--promo-textmedia:not(.large-text) .area--promo-textmedia--text a:not(.btn) {
  color: #fff;
  text-decoration: underline;
  transition: color 0.3s, opacity 0.3s;
}
.area--promo-textmedia:not(.large-text) .area--promo-textmedia--text a:not(.btn)[target=_blank] {
  color: rgba(255, 255, 255, 0.8);
}
.area--promo-textmedia:not(.large-text) .area--promo-textmedia--text a:not(.btn)[target=_blank]:before {
  filter: brightness(0) saturate(1) invert(1);
}
.area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn {
  justify-content: center;
  margin-top: 30px;
  width: 100%;
}
.area--promo-textmedia .info-icon {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
}
.area--promo-textmedia.large-text .area--promo-textmedia--wrap {
  padding-top: 42px;
}
.area--promo-textmedia.large-text .area--promo-textmedia--wrap > .area--header.special {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0 30px;
  width: 100%;
  z-index: 3;
}
.area--promo-textmedia.large-text .area--promo-textmedia--media:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 50%);
  pointer-events: none;
}
.area--promo-textmedia.large-text .area--promo-textmedia--text {
  color: #58585A;
  background: #E8EAED;
}
.area--promo-textmedia.large-text .area--promo-textmedia--info {
  position: absolute;
  right: 20px;
  bottom: 20px;
  max-width: 125px;
  z-index: 2;
}
.area--promo-textmedia.large-text .area--promo-textmedia--info img {
  width: 100%;
  height: auto;
  object-fit: initial;
}
.area--promo-textmedia.large-text .area--promo-textmedia--bg {
  display: none;
}
.area--promo-textmedia.large-text .info-icon {
  top: auto;
  left: auto;
  right: 30px;
  bottom: 70px;
}
.area--promo-textmedia.large-text .info-icon .info-icon--text {
  left: auto;
  right: 0;
}
.area--promo-textmedia:not(.large-text) .area--promo-textmedia--wrap .area--promo-textmedia--media {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoMediaImage;
  animation-range: entry;
}
.area--promo-textmedia:not(.large-text) .area--promo-textmedia--wrap:not(.media-right) .area--promo-textmedia--text {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoMediaTextRight;
  animation-range: entry;
}
.area--promo-textmedia:not(.large-text) .area--promo-textmedia--wrap.media--right .area--promo-textmedia--text {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoMediaTextLeft;
  animation-range: entry;
}
.area--promo-textmedia:not(.large-text) .area--promo-textmedia--wrap .area--promo-textmedia--slope {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoMediaSlope;
  animation-range: entry exit;
}
.area--promo-textmedia.large-text .area--header.special.large {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: linear;
  animation-name: promoMediaLtHeader;
  animation-range: entry;
}
.area--promo-textmedia.large-text .area--promo-textmedia--wrap:not(.media--right) .area--promo-textmedia--media {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoMediaLtFadeInLeft;
  animation-range: entry;
}
.area--promo-textmedia.large-text .area--promo-textmedia--wrap:not(.media--right) .area--promo-textmedia--text {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoMediaLtFadeInRight;
  animation-range: entry;
}
.area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .area--promo-textmedia--media {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoMediaLtFadeInRight;
  animation-range: entry;
}
.area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .area--promo-textmedia--text {
  animation-timeline: --animatePromoTextmedia;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoMediaLtFadeInLeft;
  animation-range: entry;
}
@keyframes promoMediaImage {
  from {
    transform: translateY(-5%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes promoMediaTextRight {
  from {
    transform: translateX(-30%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes promoMediaTextLeft {
  from {
    transform: translateX(30%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes promoMediaSlope {
  from {
    transform: translateY(45vw);
    opacity: 0;
  }
  to {
    transform: translateY(-20vw);
    opacity: 1;
  }
}
@keyframes promoMediaLtFadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes promoMediaLtFadeInRight {
  from {
    opacity: 0;
    transform: translateX(30%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes promoMediaLtHeader {
  from {
    transform: translateY(30%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes promoMediaLtBg {
  from {
    transform: translateY(20%);
  }
  to {
    transform: translateY(80%);
  }
}

.area--promo-hero {
  position: relative;
  left: 50%;
  padding-bottom: 60px;
  transform: translateX(-50%);
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
  view-timeline: --animatePromoHero block;
  /*** highlight variant ***/
  /*** glassy variant ***/
}
.area--promo-hero:not(.no-slope-line):before {
  display: block;
  content: "";
  width: 9px;
  height: 100%;
  transform: skew(-14deg);
  background: var(--brand-primary);
}
.area--promo-hero:not(.no-slope-line):before {
  position: absolute;
  left: 30px;
  top: 0;
  height: 80px;
  transform: translateY(-50%) skew(-14deg);
  transform-origin: 0 100%;
  pointer-events: none;
  z-index: 1;
}
.area--promo-hero--media {
  position: relative;
  overflow: hidden;
}
.area--promo-hero--media:before {
  display: block;
  content: "";
  padding-bottom: 100%;
  width: 100%;
  height: 0;
}
.area--promo-hero--media--inner {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 150%;
  transform: translateY(-50%);
  animation-timeline: --animatePromoHero;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: linear;
  animation-name: promoHeroParallax;
  animation-range: entry exit;
}
.area--promo-hero--media img, .area--promo-hero--media video {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area--promo-hero--content {
  position: relative;
  margin: -70px 15px 0;
  padding: 40px 30px 30px;
  background: #E8EAED;
  border-radius: 5px;
  z-index: 1;
  animation-timeline: --animatePromoHero;
  animation-fill-mode: both;
  animation-duration: 1ms;
  animation-timing-function: ease-out;
  animation-name: promoHeroText;
  animation-range: entry;
}
.area--promo-hero--content > .area--header {
  margin: 0;
}
.area--promo-hero--content > .area--header {
  margin-bottom: clamp(20px, 20px + 20 * (100vw - 768px) / 632, 40px);
}
.area--promo-hero--content--wrap {
  display: flex;
  flex-direction: column;
}
.area--promo-hero--content--wrap {
  gap: clamp(60px, 60px + 20 * (100vw - 1400px) / 200, 80px);
}
.area--promo-hero--text {
  flex: 1 1 auto;
}
.area--promo-hero--text-media {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -90px;
  border-radius: 5px;
  overflow: hidden;
}
.area--promo-hero--text-media img, .area--promo-hero--text-media video {
  display: block;
  width: 100%;
  height: auto;
}
.area--promo-hero .info-icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.area--promo-hero .info-icon--text {
  left: auto;
  right: 0;
}
.area--promo-hero.highlight {
  padding-bottom: 0;
}
.area--promo-hero.highlight .area--promo-hero--content {
  background: var(--brand-primary);
  color: #fff;
}
.area--promo-hero.highlight .area--promo-hero--content .area--header.special:only-child {
  margin-bottom: 0;
}
.area--promo-hero.highlight .area--promo-hero--content .area--header.special h1:before, .area--promo-hero.highlight .area--promo-hero--content .area--header.special .h1:before {
  filter: brightness(0) saturate(0) invert(1);
}
.area--promo-hero.highlight .area--promo-hero--content .area--header.special h1 .icon:not([class*=color-]) svg [stroke]:not([stroke=none]), .area--promo-hero.highlight .area--promo-hero--content .area--header.special .h1 .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.area--promo-hero.highlight .area--promo-hero--content .area--header.special h1 .icon:not([class*=color-]) svg [fill]:not([fill=none]), .area--promo-hero.highlight .area--promo-hero--content .area--header.special .h1 .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: #fff;
}
.area--promo-hero.highlight .area--promo-hero--content .area--text a:not(.btn) {
  color: #fff;
  text-decoration: underline;
  transition: color 0.3s, opacity 0.3s;
}
.area--promo-hero.highlight .area--promo-hero--content .area--text a:not(.btn)[target=_blank] {
  color: rgba(255, 255, 255, 0.8);
}
.area--promo-hero.highlight .area--promo-hero--content .area--text a:not(.btn)[target=_blank]:before {
  filter: brightness(0) saturate(1) invert(1);
}
.area--promo-hero.glassy .area--promo-hero--content {
  padding: 40px 30px 55px;
  border-radius: 5px;
  background: rgba(88, 88, 90, 0.8);
  color: #fff;
  backdrop-filter: blur(10px);
}
.area--promo-hero.glassy .area--promo-hero--content > .btn-secondary {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
  color: #58585A;
}
.area--promo-hero.glassy .area--promo-hero--content > .btn-secondary:before {
  background-color: #fff;
}
.area--promo-hero.glassy .area--promo-hero--content > .btn-secondary.btn:after {
  border-color: #fff;
}
.area--promo-hero.glassy .area--header.special {
  margin-bottom: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.area--promo-hero.glassy .area--header.special h1:before, .area--promo-hero.glassy .area--header.special .h1:before {
  filter: brightness(0) saturate(0) invert(1);
}
.area--promo-hero.glassy .area--header.special h1 .icon:not([class*=color-]) svg [stroke]:not([stroke=none]), .area--promo-hero.glassy .area--header.special .h1 .icon:not([class*=color-]) svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.area--promo-hero.glassy .area--header.special h1 .icon:not([class*=color-]) svg [fill]:not([fill=none]), .area--promo-hero.glassy .area--header.special .h1 .icon:not([class*=color-]) svg [fill]:not([fill=none]) {
  fill: #fff;
}
.area--promo-hero.glassy .area--text p, .area--promo-hero.glassy .area--text .lead {
  margin-bottom: 20px;
}
.area--promo-hero.glassy .area--text ul li:after {
  filter: brightness(0) saturate(0) invert(1);
}
.area--promo-hero.glassy .area--text a:not(.btn) {
  color: #fff;
}
.area--promo-hero.glassy .area--text a:not(.btn)[target=_blank]:before {
  filter: brightness(0) saturate(0) invert(1);
}
.area--promo-hero.glassy .area--text > *:last-child {
  margin-bottom: 0;
}
@keyframes promoHeroParallax {
  from {
    transform: translateY(-75%);
  }
  to {
    transform: translateY(-35%);
  }
}
@keyframes promoHeroText {
  0%, 75% {
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes promoHeroTextGlassy {
  0%, 20% {
    opacity: 0;
    transform: translateY(60%);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
}

.area--quick-inquiry {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  left: 50%;
  padding: 0 15px;
  transform: translateX(-50%);
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
  view-timeline: --animateQuickInquiry block;
}
.area--quick-inquiry:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 200px;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: #E8EAED;
  z-index: -1;
  pointer-events: none;
}
.area--quick-inquiry--text {
  padding: 75px 15px 40px;
}
.area--quick-inquiry--text h1, .area--quick-inquiry--text h2, .area--quick-inquiry--text h3, .area--quick-inquiry--text h4, .area--quick-inquiry--text h5, .area--quick-inquiry--text h6,
.area--quick-inquiry--text .h1, .area--quick-inquiry--text .h2, .area--quick-inquiry--text .h3, .area--quick-inquiry--text .h4, .area--quick-inquiry--text .h5, .area--quick-inquiry--text .h6 {
  margin-bottom: min(1.15em, 40px);
}
.area--quick-inquiry--form {
  position: relative;
  background: var(--brand-primary);
  border-radius: 5px;
}
.area--quick-inquiry--form.bg-grey:before {
  background: #58585A;
}
.area--quick-inquiry--form label {
  color: #fff;
}
.area--quick-inquiry--form input[type=text],
.area--quick-inquiry--form [class*=rangepicker--label] {
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cg opacity='.15' transform='skewX(-14)'%3E%3Crect width='60%25' height='100%25' x='14' y='0' rx='5' ry='5' fill='%23000' /%3E%3Crect width='40%25' height='100%25' x='60%25' y='0' rx='5' ry='5' fill='%23000' /%3E%3C/g%3E%3C/svg%3E");
}
.area--quick-inquiry--form input[type=text]:focus-visible {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' %3E%3Cg opacity='.15' transform='skewX(-14)'%3E%3Crect width='60%25' height='100%25' x='14' y='0' rx='5' ry='5' fill='%23000' /%3E%3Crect width='40%25' height='100%25' x='60%25' y='0' rx='5' ry='5' fill='%23000' /%3E%3C/g%3E%3C/svg%3E");
}
.area--quick-inquiry .rangepicker {
  margin-bottom: 15px;
}
.area--quick-inquiry .rangepicker--wrap {
  flex-direction: column;
  gap: 15px;
  align-items: stretch;
}
.area--quick-inquiry .rangepicker [class*=rangepicker--label] {
  text-transform: none;
  font-weight: 500;
  font-family: var(--font-family-special);
}
.area--quick-inquiry .rangepicker [class*=rangepicker--label] {
  font-size: clamp(20px, 20px + 3 * (100vw - 992px) / 928, 23px);
}
.area--quick-inquiry .rangepicker [class*=rangepicker--label]:after {
  filter: brightness(0) saturate(0) invert(1);
}
.area--quick-inquiry .rangepicker--arrow {
  display: none;
}
.area--quick-inquiry .numberpicker input[type=text] {
  font-weight: 500;
  font-family: var(--font-family-special);
}
.area--quick-inquiry .numberpicker input[type=text] {
  font-size: clamp(20px, 20px + 3 * (100vw - 992px) / 928, 23px);
}
.area--quick-inquiry .numberpicker button[type=button]:before, .area--quick-inquiry .numberpicker button[type=button]:after {
  background: #fff;
}
.area--quick-inquiry button[type=submit] {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 60px;
  transform: translate(-50%, 50%);
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
  color: #58585A;
  white-space: nowrap;
}
.area--quick-inquiry button[type=submit]:before {
  background-color: #fff;
}
.area--quick-inquiry button[type=submit].btn:after {
  border-color: #58585A;
}
@keyframes quickInquiryForm {
  0% {
    transform: translateY(30%);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translateY(-30%);
    opacity: 1;
  }
}

.area--event-promo {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
  padding: 0 15px;
}
.area--event-promo--events {
  padding-top: 10px;
}
.area--event-promo--events .teaser + .teaser {
  margin-top: 40px;
}
.area--event-promo--story {
  position: relative;
  padding-bottom: 100px;
}
.area--event-promo--story:before {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  top: -40px;
  height: calc(100% + 40px);
  width: 100vw;
  transform: translateX(-85px) skew(-14deg);
  transform-origin: 0 0;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  z-index: -1;
}
body.alpenregion .area--event-promo--story:before {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.bludenz .area--event-promo--story:before {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.brandnertal .area--event-promo--story:before {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.bergbahnen-brandnertal .area--event-promo--story:before {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.klostertal .area--event-promo--story:before {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
body.walsertal .area--event-promo--story:before {
  background: none;
  border: 1px solid #E8EAED;
  border-radius: 5px;
}
.area--event-promo--story .area--quote {
  position: relative;
  margin: 90px 0 0;
}

.area--embed .embera-embed-responsive {
  position: relative;
  width: 100%;
  height: 0;
}
.area--embed .embera-embed-responsive {
  padding-bottom: 66.66666%;
}
.area--embed .embera-embed-responsive-video {
  padding-bottom: 56.25%;
}
.area--embed .embera-embed-responsive-provider-fallback {
  padding: 0;
  height: auto;
}
.area--embed .embera-embed-responsive:not(.embera-embed-responsive-provider-fallback) .embera-embed-responsive, .area--embed .embera-embed-responsive:not(.embera-embed-responsive-provider-fallback) iframe {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.area--embed .embera-embed-responsive iframe {
  border: none;
}
.area--embed .infobox--title + .small {
  margin-top: clamp(-20px, -10px + -10 * (100vw - 768px) / 632, -10px);
}
.area--embed .infobox .small {
  font-size: 0.8em;
  line-height: 1.33333;
}
.area--embed .infobox .small p {
  margin-bottom: 15px;
}
.area--embed .infobox a {
  text-decoration: underline;
  transition: opacity 0.3s;
}
.area--embed .infobox hr {
  border-color: rgba(0, 0, 0, 0.1);
}
.area--embed .infobox .btn {
  margin-top: 15px;
  text-transform: none;
}
.area--embed .infobox--title a {
  text-decoration: none;
}

.area--anchor-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 15px 0;
}
.area--anchor-nav ul {
  row-gap: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.area--anchor-nav ul li {
  display: flex;
  align-items: center;
  line-height: 1;
}
.area--anchor-nav ul li {
  font-size: clamp(20px, 20px + 3 * (100vw - 768px) / 632, 23px);
}
.area--anchor-nav ul li + li:before {
  display: block;
  content: "";
  width: 1em;
  height: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x center center;
  background-size: auto 100%;
  transform: rotateZ(-76deg);
  opacity: 0.3;
}
.area--anchor-nav ul li a:not(.btn) {
  display: block;
  padding: 5px 15px;
  font-family: var(--font-family-special);
  font-weight: 500;
  color: var(--text-color);
  text-decoration: none;
  transition: color 0.3s;
}

.area--weather {
  padding: 0 6.7708333333vw;
}
.area--weather.grey .area--weather-actual {
  height: 350px;
}
.area--weather.grey .area--weather-actual:before, .area--weather.grey .area--weather-actual:after {
  background: #E8EAED;
}
.area--weather.grey .area--accordion {
  margin-top: -290px;
  padding: 0 30px;
}
.area--weather.grey .weather--forecast-item-icon {
  margin-bottom: 0;
}
.area--weather-container {
  max-width: 1370px;
  width: 100%;
  margin: 0 auto;
}
.area--weather-content {
  position: relative;
  color: #fff;
  --backgroundPosition: calc((112/1920 * 100vw));
}
.area--weather-actual {
  padding: 60px 30px 0 30px;
  text-align: center;
  position: relative;
}
.area--weather-actual:before, .area--weather-actual:after {
  background: var(--brand-primary);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skew(-14deg);
  width: 100%;
}
.area--weather-actual:before {
  width: calc(50% + var(--backgroundPosition));
  transform-origin: 0 100%;
  border-radius: 5px 0 0 5px;
  z-index: -1;
  left: calc(var(--backgroundPosition) * -1);
}
.area--weather-actual:after {
  left: auto;
  right: calc(var(--backgroundPosition) * -1);
  width: calc(50% + var(--backgroundPosition));
  transform-origin: 100% 0;
  border-radius: 0 5px 5px 0;
  z-index: -1;
}
.area--weather-actual-headline {
  margin-bottom: 15px;
}
.area--weather-actual-desc {
  margin-bottom: 10px;
}
.area--weather-actual-sun {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 5px;
}
.area--weather-actual-sun {
  padding-bottom: clamp(105px, 105px + 60 * (100vw - 768px) / 632, 165px);
}
.area--weather-actual-sun .icon {
  font-size: 30px;
}
.area--weather .area--accordion {
  margin-top: -110px;
  width: 100%;
  z-index: 1;
  position: relative;
}
.area--weather .area--accordion .accordion {
  background: #fff;
  border-radius: 5px;
}
.area--weather .area--accordion .accordion--content {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.area--weather .weather--forecast-item {
  color: #58585A;
  flex: 1 1 calc(33% - 15px);
  padding: 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.area--weather .weather--forecast-item-time {
  margin-bottom: 15px;
}
.area--weather .weather--forecast-item-desc {
  display: inline-block;
  margin-bottom: 20px;
}
.area--weather .weather--forecast-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 15px;
}
.area--weather .weather--forecast-item-icon .h3 {
  color: var(--brand-primary);
}
.area--weather .weather--forecast-item-icon .icon {
  font-size: clamp(80px, 80px + 20 * (100vw - 768px) / 632, 100px);
}
.area--weather .weather--forecast-item-info {
  list-style: none;
  padding: 0;
  margin: 0;
}
.area--weather .weather--forecast-item-info li {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  position: relative;
  gap: 15px;
}
.area--weather .weather--forecast-item-info li:not(:last-child) {
  padding-bottom: 15px;
}
.area--weather .weather--forecast-item-info li:not(:last-child):before {
  display: block;
  content: "";
  position: absolute;
  top: calc(100% - 3px);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x center transparent;
  background-size: auto 1px;
  pointer-events: none;
}
.area--weather .weather--forecast-item-info li span {
  white-space: nowrap;
}
.area--weather-footer-note {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  font-size: 11px;
  line-height: 15px;
  margin-top: 15px;
  color: #58585A;
}

.seperator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}
.seperator.with-icon {
  gap: 20px;
}
.seperator:not(.with-icon) {
  gap: 0;
}
.seperator .seperator-line {
  flex-grow: 1;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.seperator .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.area--opening-status .item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 4px 3px 45px;
  color: #58585A;
}
.area--opening-status .item + .area--opening-status .item {
  margin-top: 25px;
}
.area--opening-status .item .icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}
.area--opening-status .item .icon svg [stroke]:not([stroke=none]) {
  stroke: #58585A;
}
.area--opening-status .item .icon svg [fill]:not([fill=none]) {
  fill: #58585A;
}
.area--opening-status .item--name {
  flex-grow: 1;
  margin: 0;
  padding: 0;
}
.area--opening-status .item--status {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  z-index: 1;
  padding: 7px 20px;
  font-size: 0.7rem;
}
.area--opening-status .item--status:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skew(-14deg);
  border-radius: 5px;
}
.area--opening-status .item--status:before {
  border: 1px solid transparent;
  transition: background-color 0.3s, box-shadow 0.3s;
  z-index: -1;
}
.area--opening-status .item--status--open:before {
  background-color: #00C82D;
}
.area--opening-status .item--status--closed:before {
  background-color: #58585A;
}

.area--deskline-widget {
  min-height: 200px;
}
.area--deskline-widget.full-width {
  transform: initial;
  width: 100vw;
  margin-left: -50vw;
}

.area--tabs .tab-nav.is-hidden,
.area--tabs .tab-content.is-hidden {
  display: none;
}
.area--tabs .tab-nav {
  display: flex;
  gap: 15px;
  scroll-padding: 30px;
  padding: 15px 30px;
  width: 100vw;
  width: calc(100vw - var(--scrollbarWidth));
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow-x: auto;
}
.area--tabs .tab-nav .btn-outline {
  white-space: nowrap;
}
.area--tabs .tab-nav .btn-outline[aria-selected=true] {
  color: #fff;
}
.area--tabs .tab-nav .btn-outline[aria-selected=true]:before {
  background: #58585A;
}
.area--team-listing .team-listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 130px;
  padding: 30px;
}
.area--team-listing .team-listing.single-item {
  justify-items: center;
  grid-template-columns: 1fr;
}
.area--team-listing .team-listing.single-item .team-listing--details {
  min-width: 300px;
}
.area--team-listing .team-listing.author {
  grid-row-gap: 100px;
}
.area--team-listing .team-listing.author .team-listing--background {
  padding-bottom: 30px;
}
.area--team-listing .team-listing--contact {
  text-align: center;
  margin-top: -40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.area--team-listing .team-listing--contact.no-image {
  margin-top: 30px;
}
.area--team-listing .team-listing--contact .icon {
  margin-right: 10px;
}
.area--team-listing .team-listing--contact p {
  margin-bottom: 0;
}
.area--team-listing .team-listing--contact p:last-child {
  margin-top: 10px;
  margin-bottom: 30px;
}
.area--team-listing .team-listing--image {
  display: flex;
  justify-content: center;
  position: relative;
  top: -65px;
  max-width: 130px;
  max-height: 130px;
}
.area--team-listing .team-listing--image .icon {
  font-size: 48px;
  position: absolute;
  left: -10px;
  top: 85px;
}
.area--team-listing .team-listing--image .icon [stroke]:not([stroke=none]) {
  stroke: var(--brand-primary);
}
.area--team-listing .team-listing--image .icon [fill]:not([fill=none]) {
  fill: var(--brand-primary);
}
.area--team-listing .team-listing--image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.area--team-listing .team-listing--background {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #E8EAED;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 5px;
  height: 400px;
}
.area--team-listing .team-listing--text {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  overflow: auto;
}
.area--team-listing .team-listing--text p {
  margin-bottom: 0;
}
.area--team-listing .team-listing--text:before {
  content: "";
  display: block;
  width: 100%;
  margin: 0 auto 30px;
  border-top: 1px dashed rgba(88, 88, 90, 0.5);
}
.area--team-listing .team-listing--button {
  display: flex;
  justify-content: center;
  position: relative;
  top: 30px;
}
.area--team-listing .team-listing--button .btn-outline {
  height: 60px;
}
.area--team-listing .team-listing--button .btn-outline:before {
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.area--team-listing .team-listing--button .btn-outline:after {
  opacity: 1;
  visibility: visible;
}

.area--wlan-login {
  text-align: center;
}
.area--wlan-login .wlan-login--checkbox {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.875rem;
}
.area--wlan-login .wlan-login--checkbox input[type=checkbox] {
  width: 1em;
  height: 1em;
}
.area--wlan-login .wlan-login--checkbox label {
  margin-left: 0.5em;
}
.area--wlan-login .wlan-login--checkbox label p {
  margin-bottom: 0;
}

/*** SITE VARIANTS ***/
/*
 * SITE VARIANT CUSTOMIZATIONS
 */
/*** Logo ***/
.logo {
  /* microsites */
}
.page-header:not(.no-media) .page-header--top .logo--alpenregion svg [stroke]:not([stroke=none]), .page-header:not(.no-media) .page-header--top .logo--brandnertal svg [stroke]:not([stroke=none]), .page-header:not(.no-media) .page-header--top .logo--silvretta-montafon svg [stroke]:not([stroke=none]) {
  stroke: #fff;
}
.page-header:not(.no-media) .page-header--top .logo--alpenregion svg [fill]:not([fill=none]), .page-header:not(.no-media) .page-header--top .logo--brandnertal svg [fill]:not([fill=none]), .page-header:not(.no-media) .page-header--top .logo--silvretta-montafon svg [fill]:not([fill=none]) {
  fill: #fff;
}
.page-header:not(.no-media) .page-header--top .logo--bergbahnen-brandnertal, .page-header:not(.no-media) .page-header--top .logo--klostertal, .page-header:not(.no-media) .page-header--top .logo--bludenz, .page-header:not(.no-media) .page-header--top .logo--walsertal {
  filter: brightness(0) invert(1);
}
html.scroll-direction--scrolled-further .page-header:not(.no-media) .page-header--top .logo--bergbahnen-brandnertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--bergbahnen-brandnertal, html.scroll-direction--scrolled-further .page-header:not(.no-media) .page-header--top .logo--klostertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--klostertal, html.scroll-direction--scrolled-further .page-header:not(.no-media) .page-header--top .logo--bludenz, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--bludenz, html.scroll-direction--scrolled-further .page-header:not(.no-media) .page-header--top .logo--walsertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--walsertal {
  filter: none;
}
.logo--microsite.no-logo {
  background: var(--brand-primary);
  color: #fff;
  text-align: center;
}
.logo--microsite.no-logo {
  padding: clamp(20px, 20px + 10 * (100vw - 768px) / 632, 30px);
}
.logo--microsite.no-logo {
  max-width: clamp(220px, 220px + 80 * (100vw - 768px) / 632, 300px);
}
.logo--microsite.no-logo strong {
  display: block;
  line-height: 1;
}
.logo--microsite.no-logo strong {
  font-size: clamp(25px, 25px + 10 * (100vw - 768px) / 632, 35px);
}
.logo--microsite.no-logo span {
  display: block;
  margin-top: 5px;
  padding-top: 5px;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/*** Header ***/
.page-header--top .logo {
  transition: width 0.3s, top 0.3s;
}
.page-header--top .logo--montafon, .page-header--top .logo--golm, .page-header--top .logo--kristberg, .page-header--top .logo--luenersee, .page-header--top .logo--bludenz, .page-header--top .logo--silvretta-bielerhoehe, .page-header--top .logo--silvretta-montafon, .page-header--top .logo--gsl {
  width: clamp(140px, 140px + 40 * (100vw - 768px) / 632, 180px);
}
.page-header--top .logo--alpenregion, .page-header--top .logo--bergbahnen-brandnertal, .page-header--top .logo--brandnertal, .page-header--top .logo--klostertal, .page-header--top .logo--bludenz, .page-header--top .logo--walsertal, .page-header--top .logo--silvretta-montafon {
  top: 80px;
}
.page-header--top .logo--alpenregion, .page-header--top .logo--brandnertal {
  width: clamp(210px, 210px + 65 * (100vw - 768px) / 632, 275px);
}
.page-header--top .logo--bergbahnen-brandnertal, .page-header--top .logo--klostertal, .page-header--top .logo--walsertal {
  width: clamp(190px, 190px + 60 * (100vw - 768px) / 632, 250px);
}

/*** Floating Nav ***/

/*** Footer ***/
.footer .logo.logo--alpenregion {
  width: 200px;
}
.footer .logo.logo--bergbahnen-brandnertal, .footer .logo.logo--brandnertal, .footer .logo.logo--klostertal, .footer .logo.logo--bludenz, .footer .logo.logo--walsertal, .footer .logo.logo--silvretta-montafon {
  width: 150px;
}
@media (min-width: 576px){
  .main-nav {
    padding-top: 60px;
    width: 400px;
  }
  .main-nav:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
  }
  .cols--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cols--2.ratio--25-75 {
    grid-template-columns: 25% 75%;
  }
  .cols--2.ratio--40-60 {
    grid-template-columns: 40% 60%;
  }
  .cols--2.ratio--60-40 {
    grid-template-columns: 60% 40%;
  }
  .cols--2.ratio--75-25 {
    grid-template-columns: 75% 25%;
  }
  .cols .col--2 {
    grid-column: auto/span 2;
  }
  .login {
    padding-top: 60px;
    width: 400px;
  }
  .login:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
  }
  .login--inner > .icon {
    padding: 25px;
    font-size: 90px;
  }
  .login--form {
    padding: 60px;
  }
  .login--form .form-container .form-group input {
    height: 60px;
  }
  .login--form .form-container .form-group .btn-primary {
    height: 60px;
  }
  .login--form .form-container .form-group.form-group--submit {
    padding: 0 7px;
  }
  .intranet-form h1 {
    margin-bottom: 50px;
  }
  .alert {
    margin-bottom: 50px;
    padding: 30px;
  }
  .object-listing--items > .cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .area--text ul.cols--3, .area--text ol.cols--3 {
    column-count: 2;
  }
  .area--textmedia .cols.thumbnail--right > *:first-child {
    order: 2;
  }
  .area--textmedia .cols.thumbnail--right > *:last-child {
    order: 1;
  }
  .area--teaser {
    --min-teaser-width: 280px;
  }
  .area--teaser.small {
    --min-teaser-width: 360px;
  }
  .area--teaser.area--teaser--bar .area--teaser--container {
    gap: 30px;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px){
  .cols--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cols .col--4 {
    grid-column: auto/span 2;
  }
}
@media (min-width: 576px) and (max-width: 767.98px){
  .main-nav--list > li > .main-nav--subnav-toggle {
    right: 30px;
  }
  .cols--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cols--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cols--6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cols .col--3 {
    grid-column: auto/span 2;
  }
  .cols .col--5 {
    grid-column: auto/span 2;
  }
  .cols .col--6 {
    grid-column: auto/span 2;
  }
  .object-detail--contentblocks--gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tour--facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tour--facts--item:nth-child(3n+1) {
    border-left: none;
  }
  .tour--facts--item:nth-child(-n+3) {
    border-top: none;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px){
  .main-nav--list > li.has-subpages:hover:before {
    opacity: 1;
  }
  .main-nav--list > li > a:hover {
    padding: 0 70px 0 90px;
  }
  .main-nav--list > li:hover > ul {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    z-index: -2;
  }
  .teaser.small:hover .teaser--media {
    mask-image: url("data:image/svg+xml,%3Csvg width='205' height='175' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg fill='%23000' transform='skewX(-14)'%3E%3Crect width='120' height='175' x='43' y='0' rx='5' /%3E%3Crect width='55' height='175' x='150' y='0' /%3E%3C/g%3E%3C/svg%3E") !important;
  }
  .floating-nav .btn.btn-primary:hover, .floating-nav .btn.btn-secondary:hover {
    padding-left: clamp(30px, 30px + 15 * (100vw - 768px) / 632, 45px);
  }
}
@media (min-width: 768px){
  html {
    scroll-padding-top: 150px;
  }
  .page-header {
    padding-top: 60px;
    min-height: 250px;
  }
  .montafon:not(.no-intarsia) .page-header:after {
    bottom: 0;
    height: 60px;
  }
  .page-header.no-media {
    background: linear-gradient(0deg, rgba(243, 245, 247, 0), #f3f5f7) no-repeat 0 60px transparent;
    background-size: 100% calc(100% - 60px);
  }
  .page-header--top {
    gap: 30px;
    position: absolute;
    left: 15px;
    top: 0;
    right: 15px;
    height: 60px;
  }
  html.scroll-direction--scrolled-further .page-header--top {
    position: fixed;
    left: 0;
    right: 0;
    transform: translateY(-300px);
    background: #fff;
  }
  html.scroll-direction--scrolled-further .page-header--top > *:not(.logo):not(.floating-nav) {
    display: none;
  }
  html.scroll-direction--scrolled-further.scroll-direction--up .page-header--top {
    transform: translateY(0);
    transition: transform 0.3s;
  }
  .page-header--top .logo {
    transform: none;
  }
  .page-header--top .logo {
    left: clamp(25px, 25px + 40 * (100vw - 768px) / 632, 65px);
  }
  html.scroll-direction--scrolled-further .page-header--top .logo {
    left: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .page-header--top > a:not(.logo) {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #58585A;
    transition: color 0.3s;
  }
  .page-header--top > a:not(.logo) .icon {
    font-size: 20px;
  }
  .page-header--top > a:not(.logo) .icon svg [stroke]:not([stroke=none]) {
    stroke: #58585A;
  }
  .page-header--top > a:not(.logo) .icon svg [fill]:not([fill=none]) {
    fill: #58585A;
  }
  .page-header--top > a:not(.logo) .icon svg [stroke] {
    transition: stroke 0.3s;
  }
  .page-header--top > a:not(.logo) .icon svg [fill] {
    transition: fill 0.3s;
  }
  .page-header--login {
    display: flex;
  }
  .header-media {
    height: calc(70vh - 60px);
  }
  .frontpage .header-media {
    height: calc(100vh - 70px);
    transition: margin-right 0.3s;
  }
  .frontpage .page-wrap.livebar--open .header-media {
    margin-right: 150px;
  }
  .header-media--content {
    padding-right: 50px;
  }
  .header-media--content {
    left: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .header-media--title:before {
    width: 4px;
  }
  .header-media--scroll:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 62 62'%3E%3Ccircle cx='31' cy='31' r='30' stroke='%23fff' stroke-dasharray='1 4.1' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
  }
  .main-content > .container {
    padding-left: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .main-content > .container {
    padding-right: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .main-content > .container {
    max-width: clamp(1260px, 1260px + 40 * (100vw - 768px) / 632, 1300px);
  }
  .footer {
    padding: 0 40px;
    max-width: 1920px;
  }
  .footer.variant-microsite .footer--info {
    justify-content: right;
  }
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
  .basicLightbox--close {
    top: 20px;
    right: 20px;
  }
  .basicLightbox--nav.prev {
    left: 20px;
  }
  .basicLightbox--nav.next {
    right: 20px;
  }
  .main-nav .logo {
    display: none;
  }
  .main-nav--list {
    padding: 40px 0 50px;
  }
  .main-nav--list > li.has-subpages {
    display: flex;
    align-items: flex-start;
  }
  .main-nav--list > li.has-subpages > a {
    flex: 0 0 100%;
  }
  .main-nav--list > li.active > a, .main-nav--list > li.accessible-menu--has-submenu-open > a {
    padding: 0 70px 0 90px;
  }
  .main-nav--list > li.has-subpages:before {
    display: block;
    content: "";
    position: absolute;
    transform: translate(-100%, 25px);
    border-right: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .main-nav--list > li > a {
    padding: 0 80px;
    height: 80px;
  }
  .main-nav--list > li > a:after {
    left: 80px;
    right: 80px;
  }
  .main-nav--list > li > a span {
    margin-bottom: 5px;
  }
  .main-nav--list > li > a span:before {
    left: 82px;
    top: 21px;
  }
  .main-nav--list > li > a span:empty {
    top: 9px;
  }
  .main-nav--list > li > a strong {
    font-size: 23px;
  }
  .main-nav--list > li > .main-nav--subnav-toggle {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 40px;
    transform: translate(calc(-100% - 40px), 20px);
  }
  .main-nav--list > li ul.accessible-menu__submenu--open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    max-height: none;
    z-index: -2;
  }
  .main-nav--list > li > ul {
    gap: 10px;
    position: absolute;
    top: 0;
    right: 100%;
    padding: 305px 60px 60px;
    width: 550px;
    max-width: calc(100vw - 400px - var(--scrollbarWidth));
    height: 100%;
    max-height: none;
    transform: translateX(101%);
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.5s, opacity 0.3s, visibility 0.3s;
    transition-delay: 0.2s;
    scrollbar-width: initial;
    z-index: -3;
  }
  .main-nav--list > li > ul {
    padding-left: clamp(30px, 30px + 30 * (100vw - 768px) / 224, 60px);
  }
  .main-nav--list > li > ul {
    padding-right: clamp(30px, 30px + 30 * (100vw - 768px) / 224, 60px);
  }
  html:not([data-useragent*=Mobile]) .main-nav--list > li > ul {
    scrollbar-width: initial;
    scrollbar-color: initial;
  }
  html:not([data-useragent*=Mobile]) .main-nav--list > li > ul::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  html:not([data-useragent*=Mobile]) .main-nav--list > li > ul::-webkit-scrollbar-track {
    background: #e0e0e0;
  }
  html:not([data-useragent*=Mobile]) .main-nav--list > li > ul::-webkit-scrollbar-thumb {
    background-color: rgba(88, 88, 90, 0.6);
    border-radius: 5px;
    border: 3px solid #e0e0e0;
  }
  .main-nav--list > li > ul > li:first-child {
    margin-top: 0;
  }
  .main-nav--list > li > ul > li:last-child {
    margin-bottom: 0;
  }
  .main-nav--list > li > ul > li > a {
    min-height: 80px;
    font-size: 20px;
  }
  .main-nav--list > li > ul > li > a .subnav-img {
    height: 100px;
  }
  .main-nav--list > li > ul > li > .main-nav--subnav-toggle {
    top: 30px;
  }
  .main-nav--list > li > ul > li > .main-nav--subnav-toggle {
    right: clamp(15px, 15px + 15 * (100vw - 768px) / 224, 30px);
  }
  .main-nav--list > li > ul > li.no-img > .main-nav--subnav-toggle {
    top: 20px;
  }
  .main-nav--bottom {
    display: none;
  }
  .main-nav .main-nav--toggle, .login .main-nav--toggle {
    top: 35px;
  }
  .lang-nav--list {
    gap: 18px;
    padding: 0 20px;
  }
  .lang-nav--list li + li:before {
    top: 2px;
    left: -9px;
    height: calc(100% - 4px);
  }
  .lang-nav--list a {
    padding: 0 9px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .cols {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .cols--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cols--3.ratio--50-25-25 {
    grid-template-columns: 50% 25% 25%;
  }
  .cols--3.ratio--25-50-25 {
    grid-template-columns: 25% 50% 25%;
  }
  .cols--3.ratio--25-25-50 {
    grid-template-columns: 25% 25% 50%;
  }
  .cols .col--3 {
    grid-column: auto/span 3;
  }
  table.contenttable th,
  table.contenttable td,
  .area--text table th,
  .area--text table td,
  .area--table table th,
  .area--table table td {
    min-width: 0;
  }
  .accordion--status-item.slope {
    padding: 5px 0;
  }
  .accordion--status-item {
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }
  .accordion--status-item--status {
    min-width: 350px;
    margin-right: 15px;
  }
  .accordion--status-item--location {
    padding: 0;
    margin: 0;
  }
  .form-container,
  form.formbuilder {
    padding: 60px;
  }
  .teaser.small .teaser--media {
    mask-image: url("data:image/svg+xml,%3Csvg width='205' height='175' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='162' height='175' x='43' y='0' rx='5' fill='#000' transform='skewX(-14)' /%3E%3C/svg%3E");
  }
  .floating-nav {
    position: absolute;
    bottom: auto;
    filter: drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.2));
    transition: top 0.3s;
  }
  .floating-nav {
    top: clamp(100px, 100px + 20 * (100vw - 768px) / 632, 120px);
  }
  .floating-nav {
    right: clamp(30px, 30px + 40 * (100vw - 768px) / 632, 70px);
  }
  .floating-nav {
    height: clamp(70px, 70px + 10 * (100vw - 768px) / 632, 80px);
  }
  .page-wrap.livebar--open .floating-nav, html:not(.scroll-direction--scrolled-further) body.montafon .page-wrap.livebar--open .no-media .floating-nav {
    top: clamp(165px, 165px + 15 * (100vw - 768px) / 632, 180px);
  }
  html:not(.scroll-direction--scrolled-further) .frontpage .page-wrap.livebar--open .floating-nav, html:not(.scroll-direction--scrolled-further) .frontpage html:not(.scroll-direction--scrolled-further) body.montafon .page-wrap.livebar--open .no-media .floating-nav {
    top: clamp(100px, 100px + 20 * (100vw - 768px) / 632, 120px);
  }
  .frontpage .floating-nav {
    bottom: auto;
  }
  html.scroll-direction--scrolled-further .floating-nav {
    top: 30px;
    right: -10px;
  }
  html.scroll-direction--scrolled-further .floating-nav:before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  html:not(.scroll-direction--scrolled-further) body.montafon .no-media .floating-nav {
    top: 90px;
  }
  .floating-nav:before {
    border-radius: 5px;
  }
  .floating-nav .btn {
    font-size: 17px;
    line-height: 1.06;
  }
  .floating-nav .btn {
    padding-left: clamp(30px, 30px + 15 * (100vw - 768px) / 632, 45px);
  }
  .floating-nav .btn {
    padding-right: clamp(30px, 30px + 15 * (100vw - 768px) / 632, 45px);
  }
  .floating-nav .btn {
    font-size: clamp(14px, 14px + 3 * (100vw - 768px) / 632, 17px);
  }
  .floating-nav .btn:first-child:before {
    border-bottom-left-radius: 5px;
  }
  .floating-nav .btn.btn-primary .icon, .floating-nav .btn.btn-secondary .icon {
    display: none;
  }
  .floating-nav .btn.btn-primary span, .floating-nav .btn.btn-secondary span {
    display: block;
    text-align: center;
  }
  .floating-nav button, .floating-nav label {
    padding: 0 27px;
    font-size: 17px;
    line-height: 18px;
  }
  .floating-nav button:last-child:before, .floating-nav label:last-child:before {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .floating-nav button[data-dialog-toggle=livebar], .floating-nav label[data-dialog-toggle=livebar] {
    padding-right: 36px;
  }
  .floating-nav button[data-dialog-toggle=livebar]:after, .floating-nav label[data-dialog-toggle=livebar]:after {
    top: calc(50% - 10px);
    right: 23px;
    width: 8px;
    height: 8px;
  }
  .floating-nav button[data-dialog-toggle=region-map] .icon:before, .floating-nav button[data-dialog-toggle=region-map] .icon:after, .floating-nav label[data-dialog-toggle=region-map] .icon:before, .floating-nav label[data-dialog-toggle=region-map] .icon:after {
    display: none;
  }
  html.scroll-direction--scrolled-further .floating-nav button.main-nav--toggle, html.scroll-direction--scrolled-further .floating-nav label.main-nav--toggle {
    padding-right: 45px;
  }
  .floating-nav--avalanche-warning [class*=avalanche-warning--] {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .floating-nav--avalanche-warning span {
    font-size: 16px;
    letter-spacing: 0.03em;
  }
  .page-header--top > .floating-nav--avalanche-warning {
    display: none;
  }
  .livebar {
    position: absolute;
    top: 60px;
    bottom: auto;
    background: #f3f5f7;
    box-shadow: none;
  }
  .livebar {
    padding-left: clamp(180px, 180px + 80 * (100vw - 768px) / 632, 260px);
  }
  .livebar {
    height: clamp(130px, 130px + 40 * (100vw - 768px) / 632, 170px);
  }
  html:not(.scroll-direction--scrolled-further) .frontpage .livebar[open] {
    transform: translateX(0);
    animation: showLivebarLgFp 0.3s forwards;
  }
  html.scroll-direction--scrolled-further .livebar {
    position: fixed;
    transform: translateY(-300px);
  }
  html.scroll-direction--scrolled-further.scroll-direction--up .livebar {
    transform: translateY(0);
  }
  html:not(.scroll-direction--scrolled-further) .frontpage .livebar {
    left: auto;
    top: 60px;
    right: 0;
    bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
    width: 160px;
    height: auto;
    transform: translateX(100%);
    background: #fff;
    animation: hideLivebarLgFp 0.3s forwards;
  }
  html:not(.scroll-direction--scrolled-further) .frontpage .livebar {
    padding-top: clamp(128px, 128px + 30 * (100vw - 768px) / 632, 158px);
  }
  .livebar--inner {
    scrollbar-width: unset;
  }
  .livebar--inner {
    padding-left: clamp(15px, 15px + 110 * (100vw - 1200px) / 200, 125px);
  }
  .livebar--inner {
    scroll-padding-left: clamp(15px, 15px + 110 * (100vw - 1200px) / 200, 125px);
  }
  .livebar--inner {
    padding-top: clamp(0px, 0px + 10 * (100vw - 768px) / 632, 10px);
  }
  .livebar--inner {
    padding-bottom: clamp(0px, 0px + 10 * (100vw - 768px) / 632, 10px);
  }
  html:not([data-useragent*=Mobile]) .livebar--inner {
    scrollbar-width: initial;
    scrollbar-color: initial;
  }
  html:not([data-useragent*=Mobile]) .livebar--inner::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  html:not([data-useragent*=Mobile]) .livebar--inner::-webkit-scrollbar-track {
    background: transparent;
  }
  html:not([data-useragent*=Mobile]) .livebar--inner::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
    border-radius: 5px;
    border: 0 solid transparent;
  }
  html:not(.scroll-direction--scrolled-further) .frontpage .livebar--inner {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 0;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    scroll-padding: 0;
  }
  .livebar--item {
    gap: 0;
    flex: 0 0 auto;
  }
  .livebar--item {
    width: clamp(100px, 100px + 30 * (100vw - 768px) / 632, 130px);
  }
  html:not(.scroll-direction--scrolled-further) .frontpage .livebar--item {
    width: 100px;
  }
  .livebar--item + .livebar--item {
    position: relative;
  }
  .livebar--item + .livebar--item:before {
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    pointer-events: none;
  }
  .frontpage .livebar--item + .livebar--item:before {
    left: 0;
    top: -15px;
    right: 0;
    bottom: auto;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .livebar--item .icon,
  .livebar--item [class^=avalanche-warning--] {
    padding: 10px;
    font-size: 60px;
  }
  .livebar--item .icon svg [stroke],
  .livebar--item [class^=avalanche-warning--] svg [stroke] {
    stroke-width: 1.5;
  }
  .livebar--item [class^=avalanche-warning--]:before {
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
  }
  .livebar--item [class^=avalanche-warning--] span {
    font-size: 24px;
  }
  .page-search::backdrop {
    background: rgba(88, 88, 90, 0.9);
    backdrop-filter: none;
  }
  .page-search.has-suggestions .page-search--suggestions, .page-search.no-results .page-search--suggestions, .page-search.has-error .page-search--suggestions {
    max-height: calc(100vh - 350px);
    max-height: calc(100svh - 350px);
  }
  .page-search.processing .page-search--container:after {
    left: auto;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
  .page-search--close {
    top: 30px;
    right: 40px;
    width: 30px;
    height: 30px;
  }
  .page-search--close:before {
    display: none;
  }
  .page-search--close span:before, .page-search--close span:after {
    background: #fff;
  }
  .page-search--inner {
    left: 50%;
    top: 240px;
    bottom: auto;
    padding: 0;
    width: calc(100% - 120px);
    max-width: 750px;
    height: 80px;
    transform: translateX(-50%);
    border-radius: 5px;
    background: #fff;
  }
  .page-search--inner:before {
    display: none;
  }
  .page-search form {
    display: block;
  }
  .page-search .page-search--container {
    height: 100%;
    background: none;
  }
  .page-search .page-search--container:before {
    display: none;
  }
  .page-search .page-search--container button {
    top: 10px;
    right: 10px;
    bottom: 10px;
    width: 60px;
    height: 60px;
    border: none;
  }
  .page-search .page-search--container button[type=submit] {
    border-radius: 5px;
    background: var(--brand-primary);
  }
  .page-search .page-search--container button[type=submit] .icon svg [stroke]:not([stroke=none]) {
    stroke: #fff;
  }
  .page-search .page-search--container button[type=submit] .icon svg [fill]:not([fill=none]) {
    fill: #fff;
  }
  .page-search .page-search--container button[type=reset]:before, .page-search .page-search--container button[type=reset]:after {
    width: 60%;
  }
  .page-search .page-search--container input[type=search] {
    padding: 0 80px 0 30px;
    font-size: 20px;
  }
  .page-search--suggestions {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    border-radius: 5px;
  }
  .page-search--suggestions--item {
    padding: 15px 25px;
  }
  .meili--searchform form {
    width: calc(100% - 120px);
    max-width: 750px;
  }
  .region-map--close {
    display: flex;
    place-items: center;
    place-content: center;
    position: fixed;
    top: 30px;
    right: 35px;
    width: 50px;
    height: 50px;
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.2));
    border: none;
    background: none;
    cursor: pointer;
    z-index: 1;
  }
  .region-map--close:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #fff;
    border-radius: 5px;
  }
  .region-map--close:focus-visible {
    outline: none;
  }
  .region-map--close:focus-visible:before {
    outline: 2px solid #000;
  }
  .region-map--close:before {
    transition: background-color 0.3s;
  }
  .region-map--close span {
    position: relative;
    display: block;
    width: 50px;
    height: 5px;
  }
  .region-map--close span:before, .region-map--close span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    border-radius: 2px;
    width: 23px;
    background: #58585A;
    transform-origin: 50% 50%;
    transition: transform 0.3s, rotate 0.3s;
  }
  .region-map--close span:before {
    transform: translate(-50%, -50%) rotateZ(45deg);
  }
  .region-map--close span:after {
    transform: translate(-50%, -50%) rotateZ(-45deg);
  }
  .layer-banner {
    max-width: 750px;
  }
  .layer-banner.is-visible .layer-banner--close {
    transform: translate(-50%, -50%);
  }
  .layer-banner--content {
    padding: 40px 60px;
  }
  .layer-banner--content .headline-icon {
    margin-bottom: 40px;
    font-size: 60px;
  }
  .layer-banner--content .headline-icon .icon {
    padding: 5px;
  }
  .layer-banner--close {
    width: 50px;
    height: 50px;
    top: 0;
    transform: translate(-50%, 100%);
  }
  .object-listing--items > .object-listing--download + .cols {
    padding-top: clamp(20px, 20px + 15 * (100vw - 768px) / 632, 35px);
  }
  .object-detail .main-content {
    padding-top: 30px;
  }
  .object-detail--intro {
    display: flex;
    margin: 0;
    background: none;
  }
  .object-detail--intro {
    padding-top: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .object-detail--intro {
    padding-bottom: clamp(80px, 80px + 20 * (100vw - 768px) / 632, 100px);
  }
  .object-detail--intro:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    background: #E8EAED;
    border-radius: 5px;
    pointer-events: none;
    z-index: 0;
  }
  .object-detail--intro:before {
    left: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .object-detail--intro:before {
    right: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .object-detail--intro:before {
    bottom: clamp(80px, 80px + 20 * (100vw - 768px) / 632, 100px);
  }
  .object-detail--intro--media {
    flex: 0 0 calc(50vw - var(--scrollbarWidth));
    margin-left: clamp(-80px, -60px + -20 * (100vw - 768px) / 632, -60px);
    margin-bottom: clamp(-100px, -80px + -20 * (100vw - 768px) / 632, -80px);
    mask-image: url("data:image/svg+xml,%3Csvg width='1000' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1010' height='100' x='-10' y='0' fill='%23000' rx='1' transform='skewX(-14)' /%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: auto 100%;
    mask-position: top right;
    z-index: 2;
  }
  .object-detail--intro--media:before {
    padding-bottom: 70%;
  }
  .object-detail--intro--media .copyright {
    bottom: 5px;
    right: auto;
    max-width: 65%;
    text-align: left;
  }
  .object-detail--intro--media.slider .splide__pagination {
    left: 40%;
  }
  .object-detail--intro--media.slider .splide__pagination {
    gap: clamp(15px, 15px + 10 * (100vw - 768px) / 632, 25px);
  }
  .object-detail--intro--media.slider .splide__pagination {
    bottom: clamp(30px, 30px + 10 * (100vw - 768px) / 632, 40px);
  }
  .object-detail--intro--media.slider .splide__pagination button {
    width: 15px;
    height: 15px;
  }
  .object-detail--intro--content {
    flex: 1 1 auto;
    z-index: 1;
  }
  .object-detail--intro--content {
    padding: clamp(30px, 30px + 50 * (100vw - 768px) / 832, 80px);
  }
  .object-detail--intro--categories {
    position: static;
    margin: 0;
    order: initial;
  }
  .object-detail--intro--subtitle:before, .object-detail--intro--discount:before {
    opacity: 1;
  }
  .object-detail--intro--subtitle {
    margin-top: 10px;
    letter-spacing: 0.1em;
    line-height: 1.75;
  }
  .object-detail--intro--subtitle {
    font-size: clamp(17px, 17px + 3 * (100vw - 768px) / 632, 20px);
  }
  .object-detail--intro {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    width: calc(100vw - var(--scrollbarWidth));
  }
  .object-detail--intro {
    padding-left: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .object-detail--intro {
    padding-right: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .object-detail--content.grid {
    display: grid;
    grid-template-columns: auto minmax(260px, calc(33.33333% - clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px)));
    grid-template-areas: "main sidebar";
    align-items: start;
  }
  .object-detail--content.grid {
    gap: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
  }
  .object-detail--content.grid .object-detail--main {
    margin-top: 50px;
  }
  .object-detail--info-boxes {
    margin-bottom: 30px;
  }
  .object-detail--info-boxes .cols--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .object-detail--map + .object-detail--accordion {
    margin-top: 60px;
  }
  .object-detail--buttons {
    margin-bottom: 0;
    padding: 0 6px;
    text-align: left;
  }
  .object-detail--author {
    display: flex;
    align-items: start;
    text-align: left;
  }
  .object-detail--author {
    gap: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
  }
  .object-detail--author {
    padding-left: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
  }
  .object-detail--author {
    padding-right: clamp(30px, 30px + 30 * (100vw - 768px) / 632, 60px);
  }
  .object-detail--author--pic {
    flex: 0 0 auto;
    width: 130px;
  }
  * + .object-detail--author--text {
    margin-top: 30px;
  }
  .object-detail--author--text {
    display: flex;
    align-items: start;
    gap: 30px;
  }
  .object-detail--author--text .btn {
    flex: 0 0 auto;
  }
  .magazine .object-detail--gallery {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    width: calc(100vw - var(--scrollbarWidth));
  }
  .magazine .object-detail--gallery {
    padding-left: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .magazine .object-detail--gallery {
    padding-right: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .magazine .object-detail--gallery.area--media .area--thumbnail {
    border-radius: 5px;
  }
  .tour .object-detail--intro--content {
    padding-bottom: 80px;
  }
  .tour .object-detail--intro--content {
    padding-bottom: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .tour .object-detail--content.grid {
    grid-template-columns: auto minmax(260px, calc(33.33333% - clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px)));
    gap: 30px;
    margin-bottom: 30px;
  }
  .tour .object-detail--related {
    margin-top: 30px;
  }
  .event--date {
    left: auto;
    top: 50%;
    right: 50%;
    transform: translateX(-2vw);
  }
  .area--header.special h1, .area--header.special .h1, .area--header.webcam h1, .area--header.webcam .h1 {
    padding-bottom: 60px;
  }
  .area--header.special h1:before, .area--header.special .h1:before, .area--header.webcam h1:before, .area--header.webcam .h1:before {
    width: 320px;
    transform: translate(-50%, -20px);
    mask-size: 60px 60px;
  }
  .area--header.special h1 .icon, .area--header.special .h1 .icon, .area--header.webcam h1 .icon, .area--header.webcam .h1 .icon {
    font-size: 40px;
  }
  .area--header.special h1.text-left:before, .area--header.special h1.text-right:before, .area--header.special .h1.text-left:before, .area--header.special .h1.text-right:before, .area--header.webcam h1.text-left:before, .area--header.webcam h1.text-right:before, .area--header.webcam .h1.text-left:before, .area--header.webcam .h1.text-right:before {
    transform: translate(0, -20px);
  }
  .area--header.special h1.text-left .icon, .area--header.special .h1.text-left .icon, .area--header.webcam h1.text-left .icon, .area--header.webcam .h1.text-left .icon {
    left: 160px;
  }
  .area--header.special h1.text-right .icon, .area--header.special .h1.text-right .icon, .area--header.webcam h1.text-right .icon, .area--header.webcam .h1.text-right .icon {
    right: 160px;
  }
  .area--text ul li, .area--text ol li {
    padding: 9px 0 8px 60px;
  }
  .area--text ul li:before, .area--text ol li:before {
    width: 40px;
    height: 40px;
  }
  .area--text ul li:after, .area--text ol li:after {
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='24' stroke='%2358585A' stroke-dasharray='1 4' stroke-linejoin='round' opacity='.4'/%3E%3C/svg%3E");
  }
  .area--text ul li + li, .area--text ol li + li {
    margin-top: 30px;
  }
  .area--text ul li ul, .area--text ul li ol, .area--text ol li ul, .area--text ol li ol {
    margin-top: 38px;
  }
  .area--text ul li:before {
    background-size: 22px;
  }
  .area--text--wrap {
    max-height: 242px;
  }
  .area--teaser.full-width > .cols {
    padding-left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.full-width > .cols {
    padding-right: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser > .cols {
    margin-left: -60px;
    margin-right: -60px;
    padding: 30px 60px;
  }
  .area--teaser.area--teaser--grid .area--teaser--container:only-child {
    padding-top: clamp(70px, 70px + 20 * (100vw - 768px) / 632, 90px);
  }
  .area--teaser.area--teaser--grid .area--teaser--container.cols--2, .area--teaser.area--teaser--grid .area--teaser--container.cols--3, .area--teaser.area--teaser--grid .area--teaser--container.cols--4, .area--teaser.area--teaser--grid .area--teaser--container.cols--5, .area--teaser.area--teaser--grid .area--teaser--container.cols--6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .area--teaser.area--teaser--grid .area--teaser--container.cols--3, .area--teaser.area--teaser--grid .area--teaser--container.cols--4, .area--teaser.area--teaser--grid .area--teaser--container.cols--5, .area--teaser.area--teaser--grid .area--teaser--container.cols--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .area--teaser.area--teaser--grid .area--teaser--container.cols--4, .area--teaser.area--teaser--grid .area--teaser--container.cols--5, .area--teaser.area--teaser--grid .area--teaser--container.cols--6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .area--teaser.area--teaser--grid .area--teaser--categories {
    justify-content: start;
  }
  .area--teaser.area--teaser--slider .area--teaser--container {
    gap: 30px;
  }
  .area--teaser.area--teaser--slider .area--teaser--container.cols--2 {
    grid-auto-columns: clamp(480px, 480px + 465 * (100vw - 1200px) / 720, 945px);
  }
  .area--teaser.area--teaser--slider .area--teaser--container.cols--3 {
    grid-auto-columns: clamp(360px, 360px + 260 * (100vw - 1200px) / 720, 620px);
  }
  .area--teaser.area--teaser--slider .area--teaser--container.cols--4 {
    grid-auto-columns: clamp(360px, 360px + 97.5 * (100vw - 1200px) / 720, 457.5px);
  }
  .area--teaser.area--teaser--slider .area--teaser--container.cols--5, .area--teaser.area--teaser--slider .area--teaser--container.cols--6 {
    grid-auto-columns: 360px;
  }
  .area--teaser.area--teaser--bar {
    padding-bottom: 155px;
  }
  .area--teaser.area--teaser--bar:after {
    height: 255px;
  }
  .montafon .area--teaser.area--teaser--bar:after {
    background-size: auto 70px;
    background-position: left 0 top calc(100% - 50px);
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--wrap {
    margin-left: auto;
    margin-right: auto;
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--wrap {
    padding-left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--wrap {
    padding-right: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--wrap {
    max-width: clamp(1260px, 1260px + 40 * (100vw - 768px) / 632, 1300px);
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--nav {
    left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--nav {
    right: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--nav button {
    width: 60px;
    height: 60px;
    background-size: 40px 40px;
  }
  .area--teaser.area--teaser--bar .area--teaser--container {
    margin: 0 0 0 -30px;
    padding: 30px;
  }
  .area--teaser.area--teaser--bar .area--teaser--container.cols--2 {
    grid-auto-columns: calc(50vw - calc(75px + 20 * (100vw - 768px) / 632));
  }
  .area--teaser.area--teaser--bar .area--teaser--container.cols--3, .area--teaser.area--teaser--bar .area--teaser--container.cols--4, .area--teaser.area--teaser--bar .area--teaser--container.cols--5, .area--teaser.area--teaser--bar .area--teaser--container.cols--6 {
    grid-auto-columns: calc(50vw - calc(75px + 20 * (100vw - 768px) / 632));
  }
  .area--content-container {
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    width: calc(100vw - var(--scrollbarWidth));
    margin-left: auto;
    margin-right: auto;
  }
  .area--facts--wrap.cols--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .area--top-story .top-story {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 80px 0;
    min-height: min(100vh - 160px, 920px);
  }
  .area--top-story .top-story {
    padding-right: clamp(0px, 0px + 80 * (100vw - 768px) / 632, 80px);
  }
  .area--top-story .top-story--media {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin-left: 0;
    aspect-ratio: initial;
    mask-image: url("data:image/svg+xml,%3Csvg width='1000' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1010' height='100' x='-10' y='0' fill='%23000' rx='1' transform='skewX(-14)' /%3E%3C/svg%3E");
  }
  .area--top-story .top-story--media {
    right: clamp(180px, 180px + 210 * (100vw - 768px) / 632, 390px);
  }
  .area--top-story .top-story--content {
    gap: 30px;
    margin-top: 0;
    width: 520px;
    background: none;
    border-radius: 0;
  }
  .area--top-story .top-story--content {
    margin-right: clamp(130px, 130px + 30 * (100vw - 768px) / 632, 160px);
  }
  .area--top-story .top-story--content {
    width: clamp(380px, 380px + 140 * (100vw - 768px) / 632, 520px);
  }
  .area--top-story .top-story--content:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #E8EAED;
    border-radius: 5px;
  }
  .area--top-story .top-story--content:before {
    left: 50%;
    width: 628px;
    transform: translateX(-50%) skew(-14deg);
    z-index: -1;
  }
  .area--top-story .top-story--content:before {
    width: clamp(500px, 500px + 128 * (100vw - 768px) / 632, 628px);
  }
  .area--top-story .top-story--content hr {
    margin: 0;
  }
  .area--top-story .top-story--content .btn-outline {
    width: auto;
  }
  .area--top-story .splide__pagination {
    gap: 5px;
    position: absolute;
    left: 0;
    right: 480px;
    bottom: 30px;
    margin: 0;
  }
  .area--top-story .splide__pagination {
    right: clamp(300px, 300px + 180 * (100vw - 768px) / 632, 480px);
  }
  .area--top-story .splide__pagination button {
    width: 35px;
    height: 35px;
  }
  .area--top-story .splide__pagination button:before {
    width: 15px;
    height: 15px;
    background: #fff;
  }
  .area--promo-textmedia--wrap {
    display: flex;
    justify-content: end;
    align-items: end;
    padding: 0;
    min-height: min(100svh, 1080px);
    min-height: min(100vh, 1080px);
  }
  .area--promo-textmedia--wrap {
    padding-top: clamp(80px, 80px + 60 * (100vw - 768px) / 632, 140px);
  }
  .area--promo-textmedia--wrap {
    padding-right: clamp(190px, 190px + 200 * (100vw - 768px) / 632, 390px);
  }
  .area--promo-textmedia--wrap {
    padding-bottom: clamp(80px, 80px + 60 * (100vw - 768px) / 632, 140px);
  }
  .area--promo-textmedia--wrap.media--right {
    justify-content: start;
    align-items: start;
    padding-right: 0;
  }
  .area--promo-textmedia--wrap.media--right {
    padding-left: clamp(190px, 190px + 200 * (100vw - 768px) / 632, 390px);
  }
  .area--promo-textmedia--wrap.media--right .area--promo-textmedia--slope:before {
    transform: skew(-14deg);
    transform-origin: 100% 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
  }
  .area--promo-textmedia--wrap.media--right .area--promo-textmedia--media {
    right: 0;
    margin: 0;
    mask-image: url("data:image/svg+xml,%3Csvg width='1000' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1010' height='100' x='25' y='0' fill='%23000' rx='1' transform='skewX(-14)' /%3E%3C/svg%3E");
  }
  .area--promo-textmedia--wrap.media--right .area--promo-textmedia--media {
    left: clamp(60px, 60px + 330 * (100vw - 768px) / 632, 390px);
  }
  .area--promo-textmedia--slope {
    top: 0;
    height: 100%;
  }
  .area--promo-textmedia--slope:before {
    top: 0;
    height: 100%;
  }
  .area--promo-textmedia--media {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    aspect-ratio: initial;
    mask-image: url("data:image/svg+xml,%3Csvg width='1000' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1010' height='100' x='-10' y='0' fill='%23000' rx='1' transform='skewX(-14)' /%3E%3C/svg%3E");
  }
  .area--promo-textmedia--media {
    right: clamp(60px, 60px + 330 * (100vw - 768px) / 632, 390px);
  }
  .area--promo-textmedia--text {
    padding: 0 40px;
    background: none;
    border-radius: 0;
  }
  .area--promo-textmedia--text {
    padding-top: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-textmedia--text {
    padding-bottom: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-textmedia--text {
    width: clamp(400px, 400px + 75 * (100vw - 768px) / 632, 475px);
  }
  .area--promo-textmedia--text:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: var(--brand-primary);
    border-radius: 5px;
  }
  .area--promo-textmedia--text:before {
    left: 50%;
    transform: translateX(-50%) skew(-14deg);
    width: 119%;
    z-index: -1;
  }
  .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn {
    width: auto;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap {
    justify-content: left;
    align-items: start;
    padding-left: 52%;
    padding-right: 0;
    padding-bottom: 0;
    min-height: 0;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap {
    padding-top: clamp(120px, 120px + 130 * (100vw - 768px) / 632, 250px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right {
    justify-content: right;
    padding-left: 0;
    padding-right: 52%;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .area--promo-textmedia--media {
    left: auto;
    right: 0;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right > .area--header.special {
    left: auto;
    right: 0;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right > .area--header.special {
    padding-left: clamp(60px, 60px + 140 * (100vw - 768px) / 632, 200px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right > .area--header.special {
    padding-right: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .area--promo-textmedia--text {
    padding-left: clamp(30px, 30px + 130 * (100vw - 768px) / 1152, 160px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .area--promo-textmedia--text {
    padding-right: clamp(0px, 0px + 100 * (100vw - 768px) / 1152, 100px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .area--promo-textmedia--text:before {
    left: auto;
    right: 0;
    transform: translateX(calc(51% - 20vw)) skew(-14deg);
    transform-origin: 100% 0;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .area--promo-textmedia--info {
    left: 60px;
    right: auto;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .area--promo-textmedia--bg {
    left: 0;
    right: auto;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .info-icon {
    left: 30px;
    right: auto;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap.media--right .info-icon .info-icon--text {
    left: 0;
    right: auto;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap > .area--header.special {
    width: 50%;
    transform: translateY(-0.35em);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap > .area--header.special {
    padding-left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap > .area--header.special {
    padding-right: clamp(60px, 60px + 140 * (100vw - 768px) / 632, 200px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--media {
    right: auto;
    bottom: auto;
    width: 52%;
    height: 44.4668008048vw;
    z-index: 2;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--media {
    top: clamp(40px, 40px + 50 * (100vw - 768px) / 632, 90px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--text {
    width: 100%;
    max-width: 960px;
    background: none;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--text {
    padding-left: clamp(0px, 0px + 100 * (100vw - 768px) / 1152, 100px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--text {
    padding-top: clamp(60px, 60px + 100 * (100vw - 768px) / 1152, 160px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--text {
    padding-right: clamp(30px, 30px + 130 * (100vw - 768px) / 1152, 160px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--text {
    padding-bottom: clamp(60px, 60px + 100 * (100vw - 768px) / 1152, 160px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--text:before {
    top: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
    transform: translatex(calc(-51% + 20vw)) skew(-14deg);
    transform-origin: 0 100%;
    background: #E8EAED;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--text > .area--promo-textmedia--bg {
    display: block;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--info {
    right: calc(21% + 60px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--info {
    max-width: clamp(180px, 180px + 100 * (100vw - 768px) / 632, 280px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--bg {
    position: absolute;
    right: 0;
    transform: translateY(50%);
    z-index: -1;
    pointer-events: none;
    bottom: 0;
  }
  .area--promo-textmedia.large-text .info-icon {
    right: calc(21% + 15px);
    bottom: 20px;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--bg {
    animation-timeline: --animatePromoTextmedia;
    animation-fill-mode: both;
    animation-duration: 1ms;
    animation-timing-function: linear;
    animation-name: promoMediaLtBg;
    animation-range: entry exit;
  }
  .area--promo-hero:not(.no-slope-line):before {
    left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-hero--media:before {
    padding-bottom: 48.4375%;
  }
  .area--promo-hero--content {
    margin: 0 60px;
    margin-top: clamp(-270px, -135px + -135 * (100vw - 768px) / 632, -135px);
    padding: 0 60px 60px;
  }
  .area--promo-hero--content {
    padding-top: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-hero--text-media {
    flex: 1 0 auto;
    align-self: end;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -160px;
  }
  .area--promo-hero.glassy {
    display: flex;
    place-items: center;
    place-content: center;
    min-height: 100vh;
    min-height: 100svh;
  }
  .area--promo-hero.glassy {
    padding-top: clamp(80px, 80px + 80 * (100vw - 768px) / 632, 160px);
  }
  .area--promo-hero.glassy {
    padding-bottom: clamp(80px, 80px + 80 * (100vw - 768px) / 632, 160px);
  }
  .area--promo-hero.glassy .area--promo-hero--media {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .area--promo-hero.glassy .area--promo-hero--content {
    flex: 0 0 auto;
    margin: 0;
    width: 560px;
    max-width: none;
    animation-timeline: --animatePromoHero;
    animation-fill-mode: both;
    animation-duration: 1ms;
    animation-timing-function: ease-out;
    animation-name: promoHeroTextGlassy;
    animation-range: entry;
  }
  .area--promo-hero.glassy .area--promo-hero--content {
    padding-left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-hero.glassy .area--promo-hero--content {
    padding-top: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-hero.glassy .area--promo-hero--content {
    padding-right: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--promo-hero.glassy .area--promo-hero--content {
    padding-bottom: clamp(90px, 90px + 20 * (100vw - 768px) / 632, 110px);
  }
  .area--promo-hero.glassy .area--promo-hero--content:before, .area--promo-hero.glassy .area--promo-hero--content:after {
    display: none;
  }
  .area--quick-inquiry .rangepicker {
    margin-bottom: 40px;
  }
  .area--quick-inquiry .rangepicker--wrap {
    flex-direction: row;
    gap: 10px;
  }
  .area--quick-inquiry .rangepicker--arrow {
    display: block;
    align-self: end;
    margin-bottom: 20px;
    font-size: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 17'%3E%3Cpath fill='%23fff' d='M14.267.296a1 1 0 1 0-1.42 1.408l1.42-1.408ZM21 8.5l.71.704.699-.704-.7-.704L21 8.5Zm-8.153 6.796a1 1 0 0 0 1.42 1.408l-1.42-1.408ZM1 7.486a1 1 0 0 0 0 2v-2Zm11.314 1v-1 1Zm.533-6.782 7.443 7.5 1.42-1.408-7.443-7.5-1.42 1.408Zm7.443 6.092-7.443 7.5 1.42 1.408 7.443-7.5-1.42-1.408ZM1 9.486h11.314v-2H1v2Zm11.314 0h8.456v-2h-8.456v2Z'/%3E%3C/svg%3E") no-repeat center center transparent;
  }
  .area--quick-inquiry .numberpicker button[type=button] {
    width: clamp(15px, 15px + 5 * (100vw - 992px) / 928, 20px);
  }
  .area--event-promo {
    padding-left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--event-promo {
    padding-right: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--anchor-nav ul li + li:before {
    margin: 0 5px;
  }
  .area--opening-status .item {
    padding: 9px 4px 8px 60px;
  }
  .area--opening-status .item + .area--opening-status .item {
    margin-top: 30px;
  }
  .area--opening-status .item .icon {
    width: 40px;
    height: 40px;
  }
  .area--tabs .tab-nav {
    overflow-x: initial;
    width: 100%;
    transform: initial;
    left: auto;
    justify-content: center;
    flex-wrap: wrap;
  }
  html.scroll-direction--scrolled-further .page-header .page-header--top .logo--alpenregion svg [stroke]:not([stroke=none]), .footer--main .logo--alpenregion svg [stroke]:not([stroke=none]), html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--alpenregion svg [stroke]:not([stroke=none]), html.scroll-direction--scrolled-further .page-header .page-header--top .logo--brandnertal svg [stroke]:not([stroke=none]), .footer--main .logo--brandnertal svg [stroke]:not([stroke=none]), html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--brandnertal svg [stroke]:not([stroke=none]), html.scroll-direction--scrolled-further .page-header .page-header--top .logo--silvretta-montafon svg [stroke]:not([stroke=none]), .footer--main .logo--silvretta-montafon svg [stroke]:not([stroke=none]), html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--silvretta-montafon svg [stroke]:not([stroke=none]) {
    stroke: #000;
  }
  html.scroll-direction--scrolled-further .page-header .page-header--top .logo--alpenregion svg [fill]:not([fill=none]), .footer--main .logo--alpenregion svg [fill]:not([fill=none]), html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--alpenregion svg [fill]:not([fill=none]), html.scroll-direction--scrolled-further .page-header .page-header--top .logo--brandnertal svg [fill]:not([fill=none]), .footer--main .logo--brandnertal svg [fill]:not([fill=none]), html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--brandnertal svg [fill]:not([fill=none]), html.scroll-direction--scrolled-further .page-header .page-header--top .logo--silvretta-montafon svg [fill]:not([fill=none]), .footer--main .logo--silvretta-montafon svg [fill]:not([fill=none]), html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--silvretta-montafon svg [fill]:not([fill=none]) {
    fill: #000;
  }
  .page-header.no-media .logo--alpenregion, .page-header.no-media .logo--bergbahnen-brandnertal, .page-header.no-media .logo--brandnertal, .page-header.no-media .logo--klostertal, .page-header.no-media .logo--bludenz, .page-header.no-media .logo--walsertal, .page-header.no-media .logo--silvretta-montafon {
    top: clamp(90px, 90px + 20 * (100vw - 768px) / 632, 110px);
  }
  html.scroll-direction--scrolled-further .page-header--top .logo--montafon, html.scroll-direction--scrolled-further .page-header--top .logo--golm, html.scroll-direction--scrolled-further .page-header--top .logo--kristberg, html.scroll-direction--scrolled-further .page-header--top .logo--luenersee, html.scroll-direction--scrolled-further .page-header--top .logo--bludenz, html.scroll-direction--scrolled-further .page-header--top .logo--silvretta-bielerhoehe, html.scroll-direction--scrolled-further .page-header--top .logo--silvretta-montafon, html.scroll-direction--scrolled-further .page-header--top .logo--gsl {
    width: 140px;
  }
  .page-header--top .logo--alpenregion, .page-header--top .logo--bergbahnen-brandnertal, .page-header--top .logo--brandnertal, .page-header--top .logo--klostertal, .page-header--top .logo--bludenz, .page-header--top .logo--walsertal, .page-header--top .logo--silvretta-montafon {
    top: clamp(100px, 100px + 20 * (100vw - 768px) / 632, 120px);
  }
  html.scroll-direction--scrolled-further .page-header--top .logo--alpenregion, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--alpenregion, html.scroll-direction--scrolled-further .page-header--top .logo--bergbahnen-brandnertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--bergbahnen-brandnertal, html.scroll-direction--scrolled-further .page-header--top .logo--brandnertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--brandnertal, html.scroll-direction--scrolled-further .page-header--top .logo--klostertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--klostertal, html.scroll-direction--scrolled-further .page-header--top .logo--bludenz, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--bludenz, html.scroll-direction--scrolled-further .page-header--top .logo--walsertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--walsertal, html.scroll-direction--scrolled-further .page-header--top .logo--silvretta-montafon, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--silvretta-montafon {
    top: 30px;
  }
  html.scroll-direction--scrolled-further .page-header--top .logo--alpenregion, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--alpenregion, html.scroll-direction--scrolled-further .page-header--top .logo--brandnertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--brandnertal {
    width: 208px;
  }
  html.scroll-direction--scrolled-further .page-header--top .logo--bergbahnen-brandnertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--bergbahnen-brandnertal, html.scroll-direction--scrolled-further .page-header--top .logo--klostertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--klostertal, html.scroll-direction--scrolled-further .page-header--top .logo--walsertal, html:not(.scroll-direction--scrolled-further) body:not(.frontpage) .page-wrap.livebar--open .page-header:not(.no-media) .page-header--top .logo--walsertal {
    width: 190px;
  }
  html.scroll-direction--scrolled-further body.alpenregion .page-header--top:before, html.scroll-direction--scrolled-further body.bergbahnen-brandnertal .page-header--top:before, html.scroll-direction--scrolled-further body.brandnertal .page-header--top:before, html.scroll-direction--scrolled-further body.klostertal .page-header--top:before, html.scroll-direction--scrolled-further body.bludenz .page-header--top:before, html.scroll-direction--scrolled-further body.walsertal .page-header--top:before, html.scroll-direction--scrolled-further body.silvretta-montafon .page-header--top:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 150px;
    background: #fff;
    transition: height 0.3s;
  }
  html.scroll-direction--scrolled-further body.alpenregion .page-wrap.livebar--open .page-header--top:before, html.scroll-direction--scrolled-further body.bergbahnen-brandnertal .page-wrap.livebar--open .page-header--top:before, html.scroll-direction--scrolled-further body.brandnertal .page-wrap.livebar--open .page-header--top:before, html.scroll-direction--scrolled-further body.klostertal .page-wrap.livebar--open .page-header--top:before, html.scroll-direction--scrolled-further body.bludenz .page-wrap.livebar--open .page-header--top:before, html.scroll-direction--scrolled-further body.walsertal .page-wrap.livebar--open .page-header--top:before, html.scroll-direction--scrolled-further body.silvretta-montafon .page-wrap.livebar--open .page-header--top:before {
    height: 60px;
  }
  html.scroll-direction--scrolled-further body.alpenregion .page-wrap:not(.livebar--open) .floating-nav, html.scroll-direction--scrolled-further body.bergbahnen-brandnertal .page-wrap:not(.livebar--open) .floating-nav, html.scroll-direction--scrolled-further body.brandnertal .page-wrap:not(.livebar--open) .floating-nav, html.scroll-direction--scrolled-further body.klostertal .page-wrap:not(.livebar--open) .floating-nav, html.scroll-direction--scrolled-further body.bludenz .page-wrap:not(.livebar--open) .floating-nav, html.scroll-direction--scrolled-further body.walsertal .page-wrap:not(.livebar--open) .floating-nav, html.scroll-direction--scrolled-further body.silvretta-montafon .page-wrap:not(.livebar--open) .floating-nav {
    top: 105px;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine){
  .page-header--top > a:not(.logo):hover {
    color: var(--brand-primary);
  }
  .page-header--top > a:not(.logo):hover .icon svg [stroke]:not([stroke=none]) {
    stroke: var(--brand-primary);
  }
  .page-header--top > a:not(.logo):hover .icon svg [fill]:not([fill=none]) {
    fill: var(--brand-primary);
  }
  .region-map--close:hover:before {
    background: #eeeeee;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px){
  .object-detail--intro--buttons .btn .hidden-sm {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1399.98px){
  .cols--5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cols .col--5 {
    grid-column: auto/span 3;
  }
  .area--promo-hero--text-media {
    width: 100%;
    max-width: 555px;
  }
}
@media (min-width: 768px) and (max-width: 1599.98px){
  .cols--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .cols .col--6 {
    grid-column: auto/span 3;
  }
}
@media (min-width: 768px) and (max-width: 991.98px){
  .footer--newsletter {
    margin-top: 40px;
  }
  .footer--newsletter--image {
    margin-left: -40px;
    margin-right: -40px;
  }
  .footer--nav ul {
    column-count: 2;
  }
  .region-map--nav {
    padding-left: 70px;
    padding-right: 70px;
    scroll-padding-left: 70px;
  }
  .region-map--descriptions {
    padding: 0 60px;
  }
  .region-map--map-container svg {
    max-width: 300px;
  }
  .region-map--map-container svg .region-map--alpenregion {
    stroke-width: 3;
  }
  .region-map--bottom {
    padding: 0 60px;
  }
  .region-map--bottom--slope {
    right: 30px;
  }
  .region-map--gallery--wrap, .region-map--info--wrap {
    max-width: calc(100vw - 120px - var(--scrollbarWidth));
  }
  .object-listing--filter--toggle {
    left: calc(-40px + -40 * (100vw - 768px) / 632);
  }
  .object-listing--filter--seasons .season-item {
    flex-basis: calc(8.33333% - 9.16667px);
  }
  .tour--facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tour--facts--item:nth-child(2n+1) {
    border-left: none;
  }
  .tour--facts--item:nth-child(-n+2) {
    border-top: none;
  }
  .area--quick-inquiry {
    padding: 0 60px;
  }
  .area--quick-inquiry--text {
    padding: 80px 0 60px;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 992px){
  .region-map--nav button:hover {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map--nav button:hover:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button:hover,
  .area--teaser.area--teaser--slider .area--teaser--categories > a:hover {
    padding-left: 70px;
    padding-right: 20px;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button:hover:before,
  .area--teaser.area--teaser--slider .area--teaser--categories > a:hover:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
}
@media (min-width: 992px){
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    word-break: normal;
  }
  hr {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
  .page-header--top {
    gap: 40px;
  }
  .footer--main {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-template-areas: "logo address" "info info" "social social" "nav nav";
    row-gap: 80px;
  }
  .footer .logo {
    grid-area: logo;
    align-self: center;
    margin: 0;
  }
  .footer--address {
    grid-area: address;
    align-self: center;
    margin-left: 80px;
    padding: 0;
  }
  .footer--address {
    margin-left: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .footer--info {
    grid-area: info;
    display: flex;
    gap: 20px;
    margin: 0;
    padding-left: 45px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
  }
  .footer--info.no-newsletter {
    justify-content: flex-end;
    padding-right: 45px;
  }
  .footer--career {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 440px;
    background: none;
    border-radius: 0;
  }
  .footer--career {
    padding-left: clamp(50px, 50px + 30 * (100vw - 1200px) / 720, 80px);
  }
  .footer--career {
    padding-right: clamp(50px, 50px + 30 * (100vw - 1200px) / 720, 80px);
  }
  .footer--career:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #e0e0e0;
    border-radius: 5px;
  }
  .footer--career:before {
    z-index: -1;
  }
  .footer--career .h3 {
    width: calc(100% + 80px);
    max-width: 280px;
  }
  .footer--newsletter {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    margin: 0;
    padding: 30px;
  }
  .footer--newsletter {
    padding-left: clamp(60px, 60px + 20 * (100vw - 1200px) / 720, 80px);
  }
  .footer--newsletter {
    padding-right: clamp(30px, 30px + 30 * (100vw - 1200px) / 720, 60px);
  }
  .footer--newsletter:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #e0e0e0;
    border-radius: 5px;
  }
  .footer--newsletter:before {
    width: 200%;
    z-index: -1;
  }
  .footer--newsletter--image {
    display: none;
  }
  .footer--newsletter .h2:before {
    left: 5px;
    width: 4px;
  }
  .footer--newsletter .form-group.input-container {
    margin: 0 7px;
    padding-left: 12px;
  }
  .footer--newsletter .form-group.input-container:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #fff;
    border-radius: 5px;
  }
  .footer--newsletter .form-group.input-container:before {
    z-index: -1;
    width: calc(100% - 2px);
    pointer-events: none;
  }
  .footer--newsletter .form-group.input-container input[type=text] {
    width: 100%;
    min-width: 200px;
    height: 60px;
  }
  .footer--newsletter .form-group.input-container button[type=submit] {
    margin: 0;
    width: 60px;
    height: 60px;
  }
  .footer--newsletter .form-group.input-container button[type=submit]:after {
    left: 24px;
  }
  .footer--social {
    grid-area: social;
    margin: 0;
  }
  .footer--social ul {
    justify-content: start;
  }
  .footer--nav {
    grid-area: nav;
    padding: 0;
  }
  .footer--bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
    padding: 60px 0 30px;
    text-align: left;
  }
  .footer--bottom--spacer {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 60px;
    pointer-events: none;
  }
  .footer--bottom--spacer:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
    background-size: auto 100%;
    opacity: 0.3;
  }
  .footer--bottom--spacer .icon {
    position: absolute;
    left: 50%;
    top: 0;
    padding: 10px;
    transform: translateX(-50%);
    font-size: 60px;
    background: #fff;
    z-index: 1;
  }
  .footer--bottom--spacer .icon svg [stroke]:not([stroke=none]) {
    stroke: #58585A;
  }
  .footer--bottom--spacer .icon svg [fill]:not([fill=none]) {
    fill: #58585A;
  }
  .footer .conecto-copyright {
    margin-top: 0;
  }
  .footer.variant-v2 .footer--main, .footer.variant-microsite .footer--main {
    grid-template-columns: 0.8fr 1.2fr;
    grid-template-areas: "logo address" "info info";
  }
  .footer.variant-v2 .footer--info, .footer.variant-microsite .footer--info {
    min-width: 0;
  }
  .footer.variant-v2 .footer--bottom, .footer.variant-microsite .footer--bottom {
    margin-top: 30px;
  }
  .footer.variant-v2 .footer--partner {
    flex: 1 1 auto;
    margin-top: 0;
    min-width: 370px;
    max-width: none;
  }
  .footer.variant-v2 .footer--partner .h3 {
    width: 100%;
    max-width: none;
    text-align: left;
  }
  .footer.variant-v2 .footer--partner--inner {
    justify-content: left;
  }
  .footer.variant-v2 .footer--newsletter .h3 {
    text-align: left;
  }
  .footer.variant-v2 .footer--newsletter {
    flex: 0 0 auto;
  }
  .footer.variant-v2 .footer--newsletter {
    flex-basis: clamp(260px, 260px + 40 * (100vw - 992px) / 408, 300px);
  }
  .footer.variant-microsite .footer--newsletter .logo {
    height: 94px;
  }
  .main-nav--list > li.quicklink {
    display: none;
  }
  body.landingpage .floating-nav button.main-nav--toggle:only-child, body.landingpage .floating-nav label.main-nav--toggle:only-child {
    display: none;
  }
  .floating-nav--list {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 100%;
  }
  .floating-nav--list {
    gap: clamp(30px, 30px + 30 * (100vw - 992px) / 408, 60px);
  }
  .floating-nav--list {
    margin-right: clamp(50px, 50px + 50 * (100vw - 992px) / 408, 100px);
  }
  html.scroll-direction--scrolled-further .floating-nav--list {
    display: none;
  }
  .floating-nav--list a {
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-family-special);
    color: #fff;
    transition: color 0.3s;
  }
  .floating-nav--list a {
    font-size: clamp(25px, 25px + 10 * (100vw - 992px) / 408, 35px);
  }
  .floating-nav.no-main-nav .floating-nav--list {
    margin-right: 0;
  }
  .region-map {
    display: flex;
  }
  .region-map {
    padding-left: clamp(60px, 60px + 20 * (100vw - 992px) / 608, 80px);
  }
  .region-map {
    padding-top: clamp(60px, 60px + 20 * (100vw - 992px) / 608, 80px);
  }
  .region-map {
    padding-right: clamp(60px, 60px + 20 * (100vw - 992px) / 608, 80px);
  }
  .region-map--nav {
    display: block;
    position: relative;
    padding: 0 0 330px 0;
    width: 310px;
    overflow: visible;
    z-index: 2;
  }
  .region-map--nav {
    width: clamp(280px, 280px + 30 * (100vw - 992px) / 208, 310px);
  }
  .region-map--nav button {
    padding-left: 60px;
    padding-right: 30px;
    width: 100%;
    font-size: 23px;
    transition: background-color 0.3s, color 0.3s, padding 0.3s;
  }
  .region-map--nav button {
    height: clamp(80px, 80px + 20 * (100vw - 992px) / 208, 100px);
  }
  .region-map--nav button.active {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map--nav button.active:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map--nav button:before {
    left: 12px;
    border-left: 7px solid #58585A;
    border-radius: 0 5px 5px 0;
    background-color: transparent;
    box-shadow: none;
    opacity: 0.5;
  }
  .region-map--nav button:after {
    display: none;
  }
  .region-map--nav button + button {
    margin-top: 15px;
  }
  .region-map--descriptions {
    padding: 0;
  }
  .region-map--description .btn-primary {
    display: none;
  }
  .town-map .region-map--map-container svg {
    max-width: unset;
  }
  .region-map--bottom {
    display: flex;
    justify-content: right;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: auto;
    height: 270px;
    padding: 0 50px 40px 0;
  }
  .region-map--bottom {
    left: clamp(60px, 60px + 20 * (100vw - 992px) / 608, 80px);
  }
  .region-map--bottom--slope {
    bottom: 0;
    width: 280px;
    height: calc(100% - 40px);
  }
  .region-map--gallery, .region-map--info {
    position: absolute;
    top: 0;
    right: 50px;
    height: calc(100% - 40px);
    pointer-events: auto;
    width: 1200px;
    max-width: calc(100% - 50px);
  }
  .region-map--gallery--wrap, .region-map--info--wrap {
    max-width: none;
    overflow: hidden;
  }
  .region-map--gallery--wrap > *, .region-map--info--wrap > * {
    min-width: 0;
  }
  .region-map.brandnertal--active .region-map--nav button[data-toggle=brandnertal] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.brandnertal--active .region-map--nav button[data-toggle=brandnertal]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.bludenz--active .region-map--nav button[data-toggle=bludenz] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.bludenz--active .region-map--nav button[data-toggle=bludenz]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.klostertal--active .region-map--nav button[data-toggle=klostertal] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.klostertal--active .region-map--nav button[data-toggle=klostertal]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.walsertal--active .region-map--nav button[data-toggle=walsertal] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.walsertal--active .region-map--nav button[data-toggle=walsertal]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.brand--active .region-map--nav button[data-toggle=brand] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.brand--active .region-map--nav button[data-toggle=brand]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.brand--active .region-map--description {
    background: #58585A;
  }
  .region-map.buerserberg--active .region-map--nav button[data-toggle=buerserberg] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.buerserberg--active .region-map--nav button[data-toggle=buerserberg]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.buerserberg--active .region-map--description {
    background: #58585A;
  }
  .region-map.buers--active .region-map--nav button[data-toggle=buers] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.buers--active .region-map--nav button[data-toggle=buers]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.buers--active .region-map--description {
    background: #58585A;
  }
  .region-map.nueziders--active .region-map--nav button[data-toggle=nueziders] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.nueziders--active .region-map--nav button[data-toggle=nueziders]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.nueziders--active .region-map--description {
    background: #58585A;
  }
  .region-map.alpenstadt-bludenz--active .region-map--nav button[data-toggle=alpenstadt-bludenz] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.alpenstadt-bludenz--active .region-map--nav button[data-toggle=alpenstadt-bludenz]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.alpenstadt-bludenz--active .region-map--description {
    background: #58585A;
  }
  .region-map.thueringerberg--active .region-map--nav button[data-toggle=thueringerberg] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.thueringerberg--active .region-map--nav button[data-toggle=thueringerberg]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.thueringerberg--active .region-map--description {
    background: #58585A;
  }
  .region-map.st-gerold--active .region-map--nav button[data-toggle=st-gerold] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.st-gerold--active .region-map--nav button[data-toggle=st-gerold]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.st-gerold--active .region-map--description {
    background: #58585A;
  }
  .region-map.blons--active .region-map--nav button[data-toggle=blons] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.blons--active .region-map--nav button[data-toggle=blons]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.blons--active .region-map--description {
    background: #58585A;
  }
  .region-map.fontanella-faschina--active .region-map--nav button[data-toggle=fontanella-faschina] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.fontanella-faschina--active .region-map--nav button[data-toggle=fontanella-faschina]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.fontanella-faschina--active .region-map--description {
    background: #58585A;
  }
  .region-map.sonntag--active .region-map--nav button[data-toggle=sonntag] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.sonntag--active .region-map--nav button[data-toggle=sonntag]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.sonntag--active .region-map--description {
    background: #58585A;
  }
  .region-map.raggal--active .region-map--nav button[data-toggle=raggal] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.raggal--active .region-map--nav button[data-toggle=raggal]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.raggal--active .region-map--description {
    background: #58585A;
  }
  .region-map.braz--active .region-map--nav button[data-toggle=braz] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.braz--active .region-map--nav button[data-toggle=braz]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.braz--active .region-map--description {
    background: #58585A;
  }
  .region-map.dalaas-wald-am-arlberg--active .region-map--nav button[data-toggle=dalaas-wald-am-arlberg] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.dalaas-wald-am-arlberg--active .region-map--nav button[data-toggle=dalaas-wald-am-arlberg]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.dalaas-wald-am-arlberg--active .region-map--description {
    background: #58585A;
  }
  .region-map.kloesterle-am-arlberg--active .region-map--nav button[data-toggle=kloesterle-am-arlberg] {
    padding-left: 70px;
    padding-right: 20px;
  }
  .region-map.kloesterle-am-arlberg--active .region-map--nav button[data-toggle=kloesterle-am-arlberg]:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .region-map.kloesterle-am-arlberg--active .region-map--description {
    background: #58585A;
  }
  .object-listing--wrap {
    position: static;
  }
  .object-listing--wrap:not(.no-filter) {
    display: grid;
    grid-template-columns: clamp(250px, 250px + 140 * (100vw - 992px) / 928, 390px) auto;
  }
  .object-listing--wrap:not(.no-filter) {
    gap: clamp(30px, 30px + 40 * (100vw - 992px) / 928, 70px);
  }
  .object-listing--filter:before {
    display: none;
  }
  .object-listing--filter--toggle {
    display: none;
  }
  .object-listing--filter--wrap {
    position: sticky;
    top: 40px;
    max-height: calc(100vh - 40px);
    max-height: calc(100svh - 40px);
  }
  .object-listing--filter--wrap > header {
    display: none;
  }
  .object-listing--filter--buttons {
    display: none;
  }
  .object-detail--contentblocks--gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tour--facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tour--facts--item:nth-child(3n+1) {
    border-left: none;
  }
  .tour--facts--item:nth-child(-n+3) {
    border-top: none;
  }
  .area--text ul.cols--3, .area--text ol.cols--3 {
    column-count: 3;
  }
  .area--teaser.area--teaser--slider .area--teaser--slider--wrap {
    display: flex;
    margin-top: -10px;
  }
  .area--teaser.area--teaser--slider .area--teaser--slider--wrap {
    gap: clamp(30px, 30px + 50 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--slider .area--teaser--container {
    margin: 0 0 0 -30px;
  }
  .area--teaser.area--teaser--slider .area--teaser--container:only-child {
    margin-left: 0;
  }
  .area--teaser.area--teaser--slider .area--teaser--container:only-child {
    padding-left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--slider .area--teaser--container:only-child {
    scroll-padding-left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--slider .area--teaser--categories {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 30px 0 0;
    overflow: visible;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories {
    flex-basis: clamp(360px, 360px + 145 * (100vw - 768px) / 1152, 505px);
  }
  .area--teaser.area--teaser--slider .area--teaser--categories {
    padding-left: clamp(60px, 60px + 20 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--slider .area--teaser--categories {
    padding-right: 20px;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button,
  .area--teaser.area--teaser--slider .area--teaser--categories > a {
    padding-left: 60px;
    padding-right: 30px;
    width: 100%;
    font-size: 23px;
    transition: background-color 0.3s, color 0.3s, padding 0.3s;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button,
  .area--teaser.area--teaser--slider .area--teaser--categories > a {
    height: clamp(80px, 80px + 20 * (100vw - 992px) / 208, 100px);
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button.active,
  .area--teaser.area--teaser--slider .area--teaser--categories > a.active {
    padding-left: 70px;
    padding-right: 20px;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button.active:before,
  .area--teaser.area--teaser--slider .area--teaser--categories > a.active:before {
    background: #fff;
    border-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button:before,
  .area--teaser.area--teaser--slider .area--teaser--categories > a:before {
    left: 12px;
    border-left: 7px solid #58585A;
    border-radius: 0 5px 5px 0;
    background-color: transparent;
    box-shadow: none;
    opacity: 0.5;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button:after,
  .area--teaser.area--teaser--slider .area--teaser--categories > a:after {
    display: none;
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button + button,
  .area--teaser.area--teaser--slider .area--teaser--categories > button + a,
  .area--teaser.area--teaser--slider .area--teaser--categories > a + button,
  .area--teaser.area--teaser--slider .area--teaser--categories > a + a {
    margin-top: 15px;
  }
  .area--teaser.area--teaser--bar .area--teaser--container.cols--2 {
    grid-auto-columns: min((100vw - calc(150px + 40 * (100vw - 768px) / 632) - var(--scrollbarWidth)) / 2, 555px);
  }
  .area--teaser.area--teaser--bar .area--teaser--container.cols--3, .area--teaser.area--teaser--bar .area--teaser--container.cols--4, .area--teaser.area--teaser--bar .area--teaser--container.cols--5, .area--teaser.area--teaser--bar .area--teaser--container.cols--6 {
    grid-auto-columns: min((100vw - calc(180px + 40 * (100vw - 768px) / 632) - var(--scrollbarWidth)) / 3, 360px);
  }
  .area--facts--wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .area--promo-hero--content {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    max-width: min(1600px, 100vw - (120px + 40 * (100vw - 768px) / 632) - var(--scrollbarWidth));
    background: none;
    border-radius: 0;
  }
  .area--promo-hero--content {
    padding-left: clamp(200px, 200px + 30 * (100vw - 992px) / 208, 230px);
  }
  .area--promo-hero--content {
    padding-right: clamp(200px, 200px + 30 * (100vw - 992px) / 208, 230px);
  }
  .area--promo-hero--content:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #E8EAED;
  }
  .area--promo-hero--content:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #E8EAED;
    border-radius: 0;
  }
  .area--promo-hero--content:before {
    width: 50%;
    transform-origin: 0 100%;
    border-radius: 5px 0 0 5px;
    z-index: -1;
  }
  .area--promo-hero--content:after {
    left: auto;
    right: 0;
    width: 50%;
    transform-origin: 100% 0;
    border-radius: 0 5px 5px 0;
    z-index: -1;
  }
  .area--promo-hero.highlight .area--promo-hero--content {
    background: none;
  }
  .area--promo-hero.highlight .area--promo-hero--content:before, .area--promo-hero.highlight .area--promo-hero--content:after {
    background: var(--brand-primary);
  }
  .area--quick-inquiry {
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    gap: 80px;
  }
  .area--quick-inquiry {
    padding-left: clamp(60px, 60px + 100 * (100vw - 992px) / 928, 160px);
  }
  .area--quick-inquiry {
    padding-top: clamp(160px, 160px + 100 * (100vw - 992px) / 928, 260px);
  }
  .area--quick-inquiry {
    padding-right: clamp(120px, 120px + 180 * (100vw - 992px) / 928, 300px);
  }
  .area--quick-inquiry {
    padding-bottom: clamp(60px, 60px + 40 * (100vw - 992px) / 928, 100px);
  }
  .area--quick-inquiry:before {
    transform: skew(-14deg);
    transform-origin: 0 0;
    border-radius: 0 5px 5px 0;
  }
  .area--quick-inquiry:before {
    top: clamp(100px, 100px + 60 * (100vw - 992px) / 928, 160px);
  }
  .area--quick-inquiry:before {
    right: clamp(30px, 30px + 50 * (100vw - 992px) / 928, 80px);
  }
  .area--quick-inquiry--text {
    flex: 1 1 auto;
    padding: 0;
    max-width: 480px;
  }
  .area--quick-inquiry--form {
    flex: 0 0 auto;
    margin-top: clamp(-260px, -160px + -100 * (100vw - 992px) / 928, -160px);
    padding: 0 10px;
    background: none;
    border-radius: 0;
    animation-timeline: --animateQuickInquiry;
    animation-fill-mode: both;
    animation-duration: 1ms;
    animation-timing-function: ease-out;
    animation-name: quickInquiryForm;
    animation-range: entry exit;
  }
  .area--quick-inquiry--form {
    padding-top: clamp(40px, 40px + 20 * (100vw - 992px) / 928, 60px);
  }
  .area--quick-inquiry--form {
    padding-bottom: clamp(65px, 65px + 20 * (100vw - 992px) / 928, 85px);
  }
  .area--quick-inquiry--form {
    width: clamp(400px, 400px + 280 * (100vw - 992px) / 928, 680px);
  }
  .area--quick-inquiry--form:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: var(--brand-primary);
    border-radius: 5px;
  }
  .area--quick-inquiry--form:before {
    left: 50%;
    width: 117%;
    transform: translateX(-50%) skew(-14deg);
    z-index: -1;
    pointer-events: none;
  }
  .area--quick-inquiry--form fieldset {
    transform: translateX(-10px);
  }
  .area--quick-inquiry .rangepicker {
    transform: translateX(30px);
  }
  .area--quick-inquiry .numberpicker button[type=button][data-type=subtract] {
    left: clamp(25px, 25px + 5 * (100vw - 992px) / 928, 30px);
  }
  .area--quick-inquiry .numberpicker button[type=button][data-type=add] {
    right: clamp(25px, 25px + 5 * (100vw - 992px) / 928, 30px);
  }
  .area--quick-inquiry button[type=submit] {
    transform: translate(-65%, 50%);
  }
}
@media (min-width: 992px) and (hover: hover) and (pointer: fine){
  .floating-nav--list a:hover {
    color: var(--brand-primary);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px){
  .footer .logo {
    justify-self: end;
  }
  .footer--newsletter {
    flex: 1 0 auto;
  }
  .footer--social {
    justify-self: center;
  }
  .cols .col--6 {
    grid-column: auto/span 4;
  }
  .region-map--nav {
    padding-top: 200px;
  }
  .region-map--container {
    margin-bottom: 220px;
  }
  .region-map--descriptions {
    margin: 0 60px -120px 60px;
  }
  .region-map--map-container {
    padding: 160px 60px 100px;
    border-radius: 5px;
  }
  .region-map--map-container svg {
    max-width: 400px;
  }
  .region-map--bottom {
    right: -15px;
  }
  .region-map--bottom--slope {
    border-radius: 0;
  }
  .region-map--gallery, .region-map--info {
    right: clamp(60px, 60px + 20 * (100vw - 992px) / 608, 80px);
  }
  .object-listing--filter--seasons .season-item {
    flex-basis: calc(25% - 7.5px);
  }
}
@media (min-width: 992px) and (max-width: 1399.98px){
  .footer--nav ul {
    column-count: 3;
  }
  .area--promo-hero--text-media {
    transform: translateX(-5vw);
  }
}
@media (min-width: 1200px){
  .footer--main {
    grid-template-columns: 130px auto auto;
    grid-template-areas: "logo address info" "social social nav";
  }
  .footer--main--border {
    grid-area: logo;
    grid-column: 1/span 2;
    display: block;
    position: relative;
    width: calc(100% + 100px);
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
  }
  .footer--main--border:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
  }
  .footer--main--border:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
  }
  .footer--main--border:before, .footer--main--border:after {
    left: auto;
    right: 40px;
    width: 200%;
    opacity: 0.3;
  }
  .footer--main--border:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
    background-size: auto 1px;
  }
  .footer--main--border:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 bottom transparent;
    background-size: auto 1px;
  }
  .footer--info {
    padding-left: 80px;
    min-width: 760px;
  }
  .footer--social .h3 {
    text-align: left;
  }
  .footer.variant-microsite .footer--main {
    grid-template-columns: 130px auto auto;
    grid-template-areas: "logo address info";
  }
  .footer.variant-microsite .footer--info {
    min-height: 350px;
  }
  .cols--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cols--4.ratio--40-20-20-20 {
    grid-template-columns: 40% 20% 20% 20%;
  }
  .cols--4.ratio--20-40-20-20 {
    grid-template-columns: 20% 40% 20% 20%;
  }
  .cols--4.ratio--20-20-40-20 {
    grid-template-columns: 20% 20% 40% 20%;
  }
  .cols--4.ratio--20-20-20-40 {
    grid-template-columns: 20% 20% 20% 40%;
  }
  .cols .col--4 {
    grid-column: auto/span 4;
  }
  .region-map--nav {
    padding-top: clamp(60px, 60px + 40 * (100vw - 1200px) / 400, 100px);
  }
  .region-map--container {
    flex: 1 1 auto;
    margin-bottom: 150px;
    padding-bottom: 180px;
  }
  .region-map--container.town-map {
    margin-bottom: clamp(60px, 60px + 20 * (100vw - 1200px) / 400, 80px);
  }
  .region-map--bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
  }
  .region-map--bg {
    right: clamp(0px, 0px + 100 * (100vw - 1200px) / 400, 100px);
  }
  .region-map--bg:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #E8EAED;
    border-radius: 5px;
  }
  .region-map--bg:before {
    left: auto;
    right: 0;
    width: 200%;
    transform-origin: 100% 0;
    z-index: -1;
  }
  .region-map--descriptions {
    position: absolute;
    right: 0;
    margin: 0;
  }
  .region-map--descriptions {
    top: clamp(60px, 60px + 40 * (100vw - 1200px) / 400, 100px);
  }
  .region-map--descriptions {
    width: clamp(320px, 320px + 235 * (100vw - 1200px) / 720, 555px);
  }
  .region-map--map-container {
    padding-bottom: 0;
    background: none;
  }
  .region-map--map-container {
    padding-left: clamp(60px, 60px + 165 * (100vw - 1200px) / 720, 225px);
  }
  .region-map--map-container {
    padding-top: clamp(60px, 60px + 20 * (100vw - 1200px) / 400, 80px);
  }
  .town-map .region-map--map-container svg {
    padding-right: clamp(320px, 320px + 235 * (100vw - 1200px) / 720, 555px);
  }
  .town-map .region-map--map-container svg {
    padding-bottom: clamp(60px, 60px + 20 * (100vw - 1200px) / 400, 80px);
  }
  .region-map--map-container svg {
    margin: 0;
    max-width: none;
  }
  .region-map--map-container svg {
    width: clamp(320px, 320px + 202 * (100vw - 1200px) / 720, 522px);
  }
  .region-map--bottom {
    right: clamp(60px, 60px + 20 * (100vw - 992px) / 608, 80px);
  }
  .region-map--close {
    top: clamp(45px, 45px + 10 * (100vw - 1200px) / 400, 55px);
  }
  .region-map--close {
    right: clamp(45px, 45px + 110 * (100vw - 1200px) / 400, 155px);
  }
  .object-listing--wrap:not(.no-filter) {
    position: relative;
    left: 50%;
    width: calc(100vw - var(--scrollbarWidth));
    max-width: min(100vw - var(--scrollbarWidth), 1600px);
    transform: translateX(-50%);
  }
  .object-listing--wrap:not(.no-filter) {
    padding-left: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .object-listing--wrap:not(.no-filter) {
    padding-right: clamp(40px, 40px + 40 * (100vw - 768px) / 632, 80px);
  }
  .area--teaser.area--teaser--bar .area--teaser--container.cols--4, .area--teaser.area--teaser--bar .area--teaser--container.cols--5, .area--teaser.area--teaser--bar .area--teaser--container.cols--6 {
    grid-auto-columns: min((100vw - calc(230px + 20 * (100vw - 768px) / 632) - var(--scrollbarWidth)) / 4, 262.5px);
  }
  .area--event-promo {
    padding-left: clamp(30px, 30px + 50 * (100vw - 1200px) / 400, 80px);
  }
  .area--event-promo {
    padding-top: clamp(60px, 60px + 40 * (100vw - 1200px) / 400, 100px);
  }
  .area--event-promo {
    padding-right: clamp(30px, 30px + 50 * (100vw - 1200px) / 400, 80px);
  }
  .area--event-promo {
    padding-bottom: clamp(100px, 100px + 85 * (100vw - 1200px) / 400, 185px);
  }
  .area--event-promo--wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
  }
  .area--event-promo--events {
    padding-top: 0;
    max-width: 650px;
  }
  .area--event-promo--events .teaser:first-child {
    transform: translateX(100px);
  }
  .area--event-promo--events .teaser:nth-child(2) {
    transform: translateX(50px);
  }
  .area--event-promo--story {
    position: static;
    padding-bottom: 0;
  }
  .area--event-promo--story:before {
    top: 0;
    bottom: 0;
    height: auto;
    transform: translateX(-290px) skew(-14deg);
  }
  .area--event-promo--story .area--quote {
    margin: 0;
    background: none;
  }
  .area--event-promo--story .area--quote {
    padding-left: clamp(150px, 150px + 40 * (100vw - 1200px) / 400, 190px);
  }
  .area--event-promo--story .area--quote {
    padding-right: clamp(150px, 150px + 40 * (100vw - 1200px) / 400, 190px);
  }
  .area--event-promo--story .area--quote {
    width: clamp(640px, 640px + 160 * (100vw - 1200px) / 400, 800px);
  }
  .area--event-promo--story .area--quote:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-14deg);
    background: #E8EAED;
    border-radius: 5px;
  }
  .area--event-promo--story .area--quote:before {
    left: auto;
    right: 0;
    width: 80%;
    transform-origin: 100% 0;
    pointer-events: none;
    z-index: -1;
  }
  body.alpenregion .footer--main {
    grid-template-columns: 200px auto auto;
  }
  body.bergbahnen-brandnertal .footer--main, body.brandnertal .footer--main, body.klostertal .footer--main, body.bludenz .footer--main, body.walsertal .footer--main, body.silvretta-montafon .footer--main {
    grid-template-columns: 150px auto auto;
  }
}
@media (min-width: 1400px){
  .footer--nav ul {
    column-count: 4;
  }
  .footer.variant-v2 .footer--info, .footer.variant-microsite .footer--info {
    min-height: 350px;
  }
  .footer.variant-v2 .footer--main {
    grid-template-columns: 130px auto auto;
    grid-template-areas: "logo address info";
  }
  .footer.variant-v2 .footer--partner {
    max-width: 790px;
  }
  .cols--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .cols .col--5 {
    grid-column: auto/span 5;
  }
  .object-listing--items > .cols {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .area--teaser.area--teaser--grid:before {
    width: calc(100vw - var(--scrollbarWidth) - 100px - (20px + 140 * (100vw - 1400px) / 520));
    transform: translateX(-50%) skew(-14deg);
    border-radius: 5px;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--media {
    max-height: calc(100% - 200px);
  }
  .area--promo-hero--content--wrap {
    flex-direction: row;
  }
  .area--promo-hero--text-media {
    width: clamp(360px, 360px + 195 * (100vw - 1400px) / 520, 555px);
  }
}
@media (min-width: 1600px){
  .cols--6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .cols .col--6 {
    grid-column: auto/span 6;
  }
  .area--textmedia.full-width .area--text {
    padding-right: clamp(60px, 60px + 100 * (100vw - 1600px) / 320, 160px);
  }
  .area--textmedia.full-width .cols.thumbnail--right .area--text {
    padding-right: 60px;
  }
  .area--textmedia.full-width .cols.thumbnail--right .area--text {
    padding-left: clamp(60px, 60px + 100 * (100vw - 1600px) / 320, 160px);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--media {
    width: 46%;
  }
}
@media screen and (max-width: 1720px){
  .area--winter-report .winter-report {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px){
  .footer.variant-v2 .logo {
    justify-self: right;
  }
  .footer.variant-v2 .footer--main--border {
    display: none;
  }
}
@media (max-width: 1199.98px){
  .area--team-listing .team-listing {
    padding-top: 60px;
  }
}
@media (max-width: 991.98px){
  .footer--address {
    position: relative;
    overflow: hidden;
  }
  .footer--address:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    height: 200%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
    pointer-events: none;
    opacity: 0.3;
  }
  .footer--newsletter--inner {
    position: relative;
    margin-top: -50px;
    padding: 30px;
    background: #e0e0e0;
    border-radius: 5px;
  }
  .footer--nav {
    position: relative;
    overflow: hidden;
  }
  .footer--nav:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    height: 200%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
    pointer-events: none;
    opacity: 0.3;
  }
  body.alpenregion .footer--address, body.alpenregion .footer--nav {
    border: 1px solid rgba(88, 88, 90, 0.15);
  }
  body.alpenregion .footer--address:before, body.alpenregion .footer--nav:before {
    display: none;
  }
  body.alpenregion .footer--address {
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  body.alpenregion .footer--nav {
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  body.bludenz .footer--address, body.bludenz .footer--nav {
    border: 1px solid rgba(88, 88, 90, 0.15);
  }
  body.bludenz .footer--address:before, body.bludenz .footer--nav:before {
    display: none;
  }
  body.bludenz .footer--address {
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  body.bludenz .footer--nav {
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  body.brandnertal .footer--address, body.brandnertal .footer--nav {
    border: 1px solid rgba(88, 88, 90, 0.15);
  }
  body.brandnertal .footer--address:before, body.brandnertal .footer--nav:before {
    display: none;
  }
  body.brandnertal .footer--address {
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  body.brandnertal .footer--nav {
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  body.bergbahnen-brandnertal .footer--address, body.bergbahnen-brandnertal .footer--nav {
    border: 1px solid rgba(88, 88, 90, 0.15);
  }
  body.bergbahnen-brandnertal .footer--address:before, body.bergbahnen-brandnertal .footer--nav:before {
    display: none;
  }
  body.bergbahnen-brandnertal .footer--address {
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  body.bergbahnen-brandnertal .footer--nav {
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  body.klostertal .footer--address, body.klostertal .footer--nav {
    border: 1px solid rgba(88, 88, 90, 0.15);
  }
  body.klostertal .footer--address:before, body.klostertal .footer--nav:before {
    display: none;
  }
  body.klostertal .footer--address {
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  body.klostertal .footer--nav {
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  body.walsertal .footer--address, body.walsertal .footer--nav {
    border: 1px solid rgba(88, 88, 90, 0.15);
  }
  body.walsertal .footer--address:before, body.walsertal .footer--nav:before {
    display: none;
  }
  body.walsertal .footer--address {
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  body.walsertal .footer--nav {
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .footer.variant-v2 .footer--address:before {
    height: 100%;
  }
  .region-map--description:not(.default) {
    position: relative;
    padding-bottom: 85px;
    color: var(--text-color);
    background: none;
  }
  .region-map--description:not(.default) {
    padding-top: clamp(5px, 5px + 15 * (100vw - 768px) / 224, 20px);
  }
  .region-map--description .btn {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
  }
  .region-map--description .btn-outline {
    display: none;
  }
  .region-map--gallery > button, .region-map--info > button {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    transform-origin: 50% 0;
    border-radius: 100%;
    border: none;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .region-map--gallery > button:active, .region-map--info > button:active {
    transform: scale(0.95) translateY(-50%);
  }
  .region-map--gallery > button.prev, .region-map--info > button.prev {
    left: -20px;
  }
  .region-map--gallery > button.prev .icon, .region-map--info > button.prev .icon {
    transform: rotateZ(180deg);
  }
  .region-map--gallery > button.next, .region-map--info > button.next {
    right: -20px;
  }
  .region-map--gallery > button .icon, .region-map--info > button .icon {
    font-size: 20px;
  }
  .region-map.brand--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.buerserberg--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.buers--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.nueziders--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.alpenstadt-bludenz--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.thueringerberg--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.st-gerold--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.blons--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.fontanella-faschina--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.sonntag--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.raggal--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.braz--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.dalaas-wald-am-arlberg--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map.kloesterle-am-arlberg--active .region-map--map-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-map--overlay .region-map--container {
    flex: 1 0 auto;
  }
  .object-listing--filter {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 50px 0 60px;
    background: #fff;
    overflow: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 9988;
  }
  .object-listing--filter[open] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .object-listing--filter > header {
    display: none;
  }
  .object-listing--filter--wrap {
    padding: 60px;
  }
  .area--winter-report .winter-report {
    padding: 40px 60px;
  }
  .area--winter-report .winter-report {
    padding: 30px;
  }
  .area--winter-report .winter-report .cols {
    grid-template-columns: 1fr;
  }
  .area--winter-report .winter-report .col {
    padding: 0;
  }
  .area--winter-report .winter-report--snow-info {
    align-items: flex-end;
  }
  .area--winter-report .winter-report--snow-info span {
    align-self: center;
  }
  .area--winter-report .winter-report--snow-info .icon {
    margin: 5px 0 auto 0;
  }
  .area--weather {
    padding: 0;
  }
  .area--weather.grey .area--weather-actual {
    height: 150px;
    background: #E8EAED;
  }
  .area--weather.grey .area--accordion {
    margin-top: -110px;
    padding: 0;
  }
  .area--weather-actual {
    padding: 40px 30px 0 30px;
    background: var(--brand-primary);
  }
  .area--weather-actual:before, .area--weather-actual:after {
    transform: initial;
  }
  .area--weather-actual:before {
    width: 50%;
    left: 0;
    border-radius: 0;
  }
  .area--weather-actual:after {
    width: 50%;
    right: 0;
    border-radius: 0;
  }
  .area--weather .area--accordion {
    width: calc(100% - 30px);
    margin: -85px auto 0 auto;
  }
  .area--weather .area--accordion .accordion--content {
    padding: 5px 15px 30px;
  }
  .area--weather .weather--forecast-item {
    padding: 30px;
  }
  .area--weather-footer-note {
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    gap: 0;
  }
  .area--weather-footer-note span {
    width: 100%;
    text-align: center;
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 767.98px){
  .main-nav--list > li > a:hover {
    padding: 0 70px 0 40px;
  }
  .floating-nav .btn.btn-primary:hover, .floating-nav .btn.btn-secondary:hover {
    padding-left: 20px;
  }
}
@media (max-width: 767.98px){
  .page-header--top #toscCart {
    margin-right: auto;
  }
  .region-map--open .page-header--top {
    margin-top: -50px;
  }
  .page-header--top .logo,
  .page-header--top .lang-nav {
    transition: opacity 0.3s, visibility 0.3s;
  }
  .page-wrap.region-map--open .page-header--top .logo,
  .page-wrap.region-map--open .page-header--top .lang-nav {
    opacity: 0;
    visibility: hidden;
  }
  .header-media:after {
    transition: bottom 0.3s, border-radius 0.3s;
  }
  .frontpage .page-wrap.livebar--open .header-media > img,
  .frontpage .page-wrap.livebar--open .header-media > picture > img,
  .frontpage .page-wrap.livebar--open .header-media > video,
  .frontpage .page-wrap.livebar--open .header-media > iframe {
    height: calc(100% - 140px);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .frontpage .page-wrap.livebar--open .header-media:after {
    bottom: 140px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .frontpage .page-wrap.livebar--open .header-media .header-media--content {
    bottom: 170px;
  }
  .header-media > img,
  .header-media > picture > img,
  .header-media > video,
  .header-media > iframe {
    transition: height 0.3s, border-radius 0.3s;
  }
  .header-media--content {
    transition: bottom 0.3s;
  }
  .page-header.no-media ~ .main-content {
    padding-top: 0;
  }
  .main-nav--list > li {
    position: relative;
  }
  .main-nav--list > li.accessible-menu--has-submenu-open > a {
    background: #e0e0e0;
  }
  .main-nav--list > li ul.accessible-menu__submenu--open {
    transition: max-height 1s;
  }
  table.contenttable,
  .area--text table {
    display: block;
    overflow: visible;
    overflow-x: auto;
  }
  .area--table table, .area--table thead, .area--table tbody, .area--table tr, .area--table th, .area--table td {
    display: block;
  }
  .area--table table thead tr:last-child {
    display: none;
  }
  .area--table table tbody tr {
    position: relative;
    padding-bottom: 5px;
  }
  .area--table table tbody tr:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x center transparent;
    background-size: auto 100%;
    filter: brightness(0) saturate(100%) invert(32%) sepia(2%) saturate(474%) hue-rotate(202deg) brightness(96%) contrast(82%);
    opacity: 0.3;
  }
  .area--table table tbody tr td:first-child:after {
    display: none;
  }
  .area--table table tbody td {
    display: flex;
    column-gap: 25px;
    position: relative;
    margin-top: 5px;
    align-items: center;
    align-content: center;
  }
  .area--table table tbody td:before {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 0 0 calc(50% + 20px);
    content: attr(data-label);
    margin: -12px -20px;
    margin-right: 0;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: 700;
    background: #E8EAED;
  }
  .accordion--status-item--level {
    position: absolute;
    right: 0;
    top: 5px;
    min-width: 100px;
  }
  .teaser.small .teaser--text header .h4 {
    font-size: 18px;
  }
  .teaser.small .teaser--period {
    font-size: 11px;
    line-height: 15px;
  }
  .teaser.small .teaser--period .icon {
    font-size: 15px;
  }
  .page-wrap.region-map--open .floating-nav {
    bottom: 0;
  }
  .page-wrap.region-map--open .floating-nav .btn:first-child:before {
    border-bottom-left-radius: 0;
  }
  .frontpage .floating-nav {
    transition: bottom 0.3s;
  }
  html.scroll-direction--scrolled .frontpage .floating-nav {
    bottom: 0;
  }
  .floating-nav .floating-nav--avalanche-warning + .btn:before {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0;
    transition: background-color 0.3s, border-radius 0.3s, box-shadow 0.3s;
  }
  html:not(.scroll-direction--scrolled) .frontpage .floating-nav .floating-nav--avalanche-warning + .btn:before {
    border-bottom-left-radius: 5px;
  }
  .floating-nav button.main-nav--toggle, .floating-nav label.main-nav--toggle {
    padding-right: 28px;
  }
  .floating-nav .floating-nav--avalanche-warning {
    display: none;
  }
  .livebar {
    transform: translateY(50%);
    animation: hideLivebar 0.3s forwards;
  }
  .livebar[open] {
    transform: translateY(0);
    animation: showLivebar 0.3s forwards;
  }
  .page-search .page-search--container button[type=reset] {
    width: 30px;
  }
  .region-map--description p {
    margin-bottom: 25px;
  }
  .region-map--map-container svg .region-map--alpenregion {
    stroke-width: 4;
  }
  .region-map--overlay {
    padding-bottom: 60px;
    z-index: 4;
  }
  .region-map--overlay .region-map {
    padding-top: 0;
  }
  .region-map--overlay .region-map--bottom--slope {
    border-top-right-radius: 0;
  }
  .layer-banner--inner {
    max-height: calc(100vh - 60px);
    overflow: auto;
  }
  .object-listing--filter h2, .object-listing--filter .h2 {
    margin-bottom: 45px;
    font-size: var(--headline-h3-size);
  }
  .object-listing--filter--wrap {
    padding: 30px;
  }
  .object-detail--intro--media.slider:before {
    padding-bottom: 115%;
  }
  .object-detail--intro--media.slider .splide__slide .copyright {
    bottom: 60px;
  }
  .object-detail--intro--buttons {
    flex-wrap: wrap;
    justify-content: center;
    position: static;
    margin-bottom: -85px;
    transform: none;
  }
  .object-detail--gallery .cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .object-detail--map {
    margin-bottom: 60px;
  }
  .object-detail--map--inner:before {
    padding-bottom: 135%;
  }
  .object-detail--accordion {
    margin: 60px 0;
  }
  * + .object-detail--author--description {
    margin-top: 30px;
  }
  * + .object-detail--author--text .btn {
    margin-top: 40px;
  }
  .tour.montafon .main-content {
    margin-top: -120px;
  }
  .tour--facts {
    margin-bottom: clamp(45px, 45px + 15 * (100vw - 576px) / 192, 60px);
  }
  .tour--rating {
    margin-bottom: clamp(45px, 45px + 15 * (100vw - 576px) / 192, 60px);
  }
  .tour--teaser {
    margin: 60px 0;
  }
  .tour .object-detail--intro--buttons {
    display: none;
  }
  .tour .object-detail--content {
    margin-bottom: 80px;
  }
  .tour .object-detail--content {
    margin-top: clamp(45px, 45px + 15 * (100vw - 576px) / 192, 60px);
  }
  .poi .object-detail--content.grid {
    position: relative;
    padding-bottom: 60px;
  }
  .poi .object-detail--content.grid:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 5 1'%3E%3Crect width='1' height='1' rx='1' fill='%2358585A'/%3E%3C/svg%3E") repeat-x 0 0 transparent;
    background-size: auto 100%;
  }
  .event .object-detail--intro--media .copyright {
    bottom: 45px;
  }
  .event .object-detail--intro--content {
    padding-top: 60px;
  }
  .event .object-detail--intro--buttons .btn {
    font-size: 14px;
  }
  .event .object-detail--intro--buttons .btn .icon {
    font-size: 20px;
  }
  .area--text.more-btn-mobile .area--text--inner {
    position: relative;
    max-height: 260px;
    overflow: hidden;
  }
  .area--text.more-btn-mobile .area--text--inner:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    pointer-events: none;
  }
  .area--text.more-btn-mobile .area--text--inner + .btn {
    display: inline-flex;
    margin-top: 3px;
  }
  .area--teaser.small.no-scroll > .cols--2 {
    grid-template-columns: 100%;
  }
  .area--teaser.full-width:not(.no-scroll) > .cols {
    scroll-padding-left: 30px;
  }
  .area--teaser:not(.no-scroll) > .cols {
    overflow: visible;
    overflow-x: auto;
    scroll-padding-left: 30px;
    scroll-snap-type: x mandatory;
    grid-template-columns: initial;
    grid-auto-columns: 1140px;
    grid-auto-flow: column;
  }
  .area--teaser:not(.no-scroll) > .cols--2 {
    grid-auto-columns: minmax(var(--min-teaser-width), 555px);
  }
  .area--teaser:not(.no-scroll) > .cols--3 {
    grid-auto-columns: minmax(var(--min-teaser-width), 360px);
  }
  .area--teaser:not(.no-scroll) > .cols--4 {
    grid-auto-columns: minmax(var(--min-teaser-width), 262.5px);
  }
  .area--teaser:not(.no-scroll) > .cols--5 {
    grid-auto-columns: minmax(var(--min-teaser-width), 204px);
  }
  .area--teaser:not(.no-scroll) > .cols--6 {
    grid-auto-columns: minmax(var(--min-teaser-width), 165px);
  }
  .area--teaser:not(.no-scroll) > .cols .teaser {
    scroll-snap-align: start;
  }
  .area--teaser.area--teaser--grid .area--teaser--categories .btn-outline {
    padding: 0 16px;
    height: 40px;
    font-size: 14px;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--media {
    position: relative;
    aspect-ratio: 1/1;
    margin: 0 -30px -60px -30px;
    mask-image: none;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    color: #58585A;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    text-align: center;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--btn:before {
    background-color: #fff;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--btn.btn:after {
    border-color: #58585A;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--btn:before {
    box-shadow: none;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap > .area--promo-textmedia--bg {
    display: block;
    padding-top: 40px;
    text-align: center;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--wrap > .area--promo-textmedia--bg img {
    display: inline-block;
    max-width: 100%;
    height: auto;
  }
  .area--promo-hero:not([class*=margin-top--]) {
    margin-top: 60px;
  }
  .area--quick-inquiry--form {
    padding-bottom: 55px;
  }
  .area--quick-inquiry--form input[type=text],
  .area--quick-inquiry--form [class*=rangepicker--label] {
    height: 50px;
  }
  .area--quick-inquiry--form .cols--3 {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .area--quick-inquiry--form .rangepicker--col, .area--quick-inquiry--form .form-group {
    display: flex;
  }
  .area--quick-inquiry--form .rangepicker--col label:first-child, .area--quick-inquiry--form .form-group label:first-child {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    width: 130px;
  }
  .area--quick-inquiry--form .rangepicker--col *:last-child, .area--quick-inquiry--form .form-group *:last-child {
    flex: 1 1 auto;
  }
  .area--quick-inquiry .rangepicker [class*=rangepicker--label]:after {
    bottom: 15px;
  }
  .area--team-listing.two-cols .team-listing {
    grid-template-columns: repeat(2, 1fr);
  }
  .area--team-listing.two-cols .team-listing--image {
    max-width: 100px;
    max-height: 100px;
  }
  .area--team-listing.two-cols .team-listing--image .icon {
    font-size: 38px;
    position: absolute;
    left: -10px;
    top: 65px;
  }
  .area--team-listing.two-cols .team-listing--image .icon [stroke]:not([stroke=none]) {
    stroke: var(--brand-primary);
  }
  .area--team-listing.two-cols .team-listing--image .icon [fill]:not([fill=none]) {
    fill: var(--brand-primary);
  }
  .area--team-listing.two-cols .team-listing--background {
    padding-left: 15px;
    padding-right: 15px;
  }
  .area--team-listing .team-listing {
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) and (hover: hover) and (pointer: fine){
  .area--promo-textmedia.large-text .area--promo-textmedia--btn:hover {
    color: #58585A;
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--btn:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .area--promo-textmedia.large-text .area--promo-textmedia--btn:hover:after {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 575.98px){
  .intranet-form .cols {
    gap: 20px 0;
  }
  .object-detail--intro--buttons .btn .hidden-sm {
    display: none;
  }
  .object-detail--map {
    margin-left: -30px;
    margin-right: -30px;
  }
  .object-detail--accordion {
    margin-left: -15px;
    margin-right: -15px;
  }
  .tour--facts--item:nth-child(2n+1) {
    border-left: none;
  }
  .tour--facts--item:nth-child(-n+2) {
    border-top: none;
  }
  .tour--rating {
    margin-left: -15px;
    margin-right: -15px;
  }
  .tour--teaser {
    margin-left: -15px;
    margin-right: -15px;
  }
  .tour--data {
    margin-left: -15px;
    margin-right: -15px;
  }
  .tour--data--buttons > dialog {
    left: -30px;
    right: -30px;
    width: auto;
  }
  .tour--data--share ul {
    justify-content: center;
    flex-wrap: wrap;
  }
  .footer--newsletter #newsletter-ems-wilken button {
    position: absolute;
    left: 30px;
    bottom: -25px;
  }
  .area--winter-report .winter-report--graphic {
    gap: 70px;
  }
  .area--winter-report .winter-report--snow-height p span {
    font-size: 20px;
  }
  .area--textmedia .area--thumbnail {
    aspect-ratio: 360/210;
  }
  .area--content-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 450px){
  .accordion--status-item.slope {
    padding: 5px 0;
  }
  .accordion--status-item--location {
    order: 3;
  }
  .accordion--status-item--level {
    position: relative;
    top: auto;
    min-width: auto;
    order: 2;
    margin-left: 10px;
  }
  .area--winter-report .winter-report--avalanche {
    flex-direction: column;
    gap: 15px;
  }
  .area--winter-report .winter-report--avalanche .winter-report--avalanche-icon {
    order: 1;
    margin: 0 auto;
  }
  .area--winter-report .winter-report--avalanche .winter-report--avalanche-info {
    order: 2;
  }
}
@media (hover: hover) and (pointer: fine){
  .page-header--login:hover {
    color: var(--brand-primary);
  }
  .page-header--login:hover svg [stroke]:not([stroke=none]) {
    stroke: var(--brand-primary);
  }
  .page-header--login:hover svg [fill]:not([fill=none]) {
    fill: var(--brand-primary);
  }
  .header-media--content .btn.btn-outline:hover {
    color: #58585A;
  }
  .header-media--content .btn.btn-outline:hover:before {
    box-shadow: none;
  }
  .header-media--scroll:hover {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .header-media--scroll:hover:before {
    opacity: 0;
  }
  .header-media--scroll:hover .icon:before {
    border-color: #58585A;
  }
  .footer--address a:hover {
    text-decoration: underline;
  }
  .footer--newsletter .form-group.input-container button[type=submit]:hover:after {
    border-color: var(--brand-primary);
  }
  .footer--social .btn.btn-primary:hover {
    padding-left: 20px;
  }
  .footer--social .btn.btn-primary:hover .icon svg [stroke]:not([stroke=none]) {
    stroke: #58585A;
  }
  .footer--social .btn.btn-primary:hover .icon svg [fill]:not([fill=none]) {
    fill: #58585A;
  }
  .footer--social .btn.btn-primary:hover .icon.icon--social_media-facebook svg path, .footer--social .btn.btn-primary:hover .icon.icon--social_media-pinterest svg path {
    fill: #58585A;
    stroke: none;
  }
  .footer.variant-v2 .footer--nav a:hover, .footer.variant-microsite .footer--nav a:hover {
    text-decoration: none;
  }
  .btn.btn-primary:hover, .btn.btn-secondary:hover {
    padding-left: 37px;
  }
  .btn-primary:hover {
    color: var(--brand-primary);
  }
  .btn-primary:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .btn-primary:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .btn-secondary:hover {
    color: #58585A;
  }
  .btn-secondary:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .btn-secondary:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .btn-outline:hover {
    color: #58585A;
  }
  .btn-outline:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .btn-outline:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .btn-text:hover {
    color: var(--brand-primary);
  }
  .btn-text:hover, .btn-text:hover.btn.btn-sm, .btn-text:hover.btn.btn-lg {
    padding-left: 45px;
    padding-right: 10px;
  }
  .btn.btn-lg.btn-primary:hover, .btn.btn-lg.btn-secondary:hover {
    padding-left: 39px;
  }
  .btn.btn-sm.btn-primary:hover, .btn.btn-sm.btn-secondary:hover {
    padding-left: 36px;
  }
  .highlight .btn.btn-primary:hover, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-primary:hover {
    color: var(--brand-primary);
  }
  .highlight .btn.btn-primary:hover:before, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-primary:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .highlight .btn.btn-primary:hover:after, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-primary:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .highlight .btn.btn-outline:hover, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-outline:hover {
    color: #58585A;
  }
  .highlight .btn.btn-outline:hover:before, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-outline:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .highlight .btn.btn-outline:hover:after, .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text .btn.btn-outline:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .main-nav--list > li > a:hover span:before {
    opacity: 1;
  }
  .main-nav--list > li > ul > li > a:hover img {
    transform: scale(1.2);
  }
  .main-nav--list > li > ul > li > ul > li > a:hover {
    padding: 7px 25px 8px 60px;
    color: var(--brand-primary);
  }
  .main-nav .main-nav--toggle:hover:before, .login .main-nav--toggle:hover:before {
    background: #eeeeee;
  }
  .lang-nav--list a:not(.active):hover {
    color: var(--brand-primary);
  }
  .breadcrumb--list li:not(.active) a:hover {
    color: var(--brand-primary);
  }
  .form-container.highlight .btn-primary:hover,
  form.formbuilder.highlight .btn-primary:hover {
    color: var(--brand-primary);
  }
  .form-container.highlight .btn-primary:hover:before,
  form.formbuilder.highlight .btn-primary:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .form-container.highlight .btn-primary:hover:after,
  form.formbuilder.highlight .btn-primary:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .form-container.highlight .btn-outline:hover,
  form.formbuilder.highlight .btn-outline:hover {
    color: #58585A;
  }
  .form-container.highlight .btn-outline:hover:before,
  form.formbuilder.highlight .btn-outline:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .form-container.highlight .btn-outline:hover:after,
  form.formbuilder.highlight .btn-outline:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .form-group .checkbox label a:hover,
  .form-group .radio label a:hover {
    text-decoration: none;
  }
  .teaser:hover .teaser--inner {
    padding: 0;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
  }
  .teaser:hover .teaser--box {
    top: 15px;
    right: 22px;
  }
  .teaser:hover .teaser--profile {
    transform: translate(-50%, calc(-60% - 5px));
  }
  .teaser:hover .teaser--profile img {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }
  .teaser:hover .teaser--media:before {
    padding-bottom: calc(65% + clamp(10px, 10px + 5 * (100vw - 768px) / 632, 15px));
  }
  .teaser:hover .teaser--media img, .teaser:hover .teaser--media video {
    transform: scale(1.1);
  }
  .teaser:hover .teaser--text {
    background-color: #fff;
  }
  .teaser:hover .teaser--text .btn-text {
    padding-left: 45px;
    padding-right: 10px;
    color: var(--brand-primary);
  }
  .teaser:hover .teaser--category:before {
    border: 1px solid rgba(88, 88, 90, 0.2);
  }
  .teaser.story:not(.event):hover .teaser--media:before {
    padding-bottom: 70%;
  }
  .teaser.poi:hover .teaser--media:before, .teaser.tour:hover .teaser--media:before, .teaser.accommodation:hover .teaser--media:before {
    padding-bottom: 70%;
  }
  .teaser.card:hover .teaser--profile {
    transform: none;
  }
  .teaser.card:hover .teaser--profile img {
    box-shadow: none;
  }
  .teaser.card:hover .teaser--media:before {
    padding: 0;
    top: 0;
  }
  .teaser.card:hover .teaser--text {
    background: none transparent;
  }
  .teaser.card:hover .teaser--text header {
    padding-right: clamp(0px, 10px + -10 * (100vw - 768px) / 632, 10px);
  }
  .teaser.card:hover .teaser--text header {
    padding-left: clamp(60px, 60px + 30 * (100vw - 768px) / 632, 90px);
  }
  .teaser.card:hover .teaser--text header:before {
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }
  .teaser.card:hover .teaser--text header:before {
    left: clamp(17px, 17px + 15 * (100vw - 768px) / 632, 32px);
  }
  .teaser.card:hover .teaser--text header:before {
    width: clamp(32px, 32px + 8 * (100vw - 768px) / 632, 40px);
  }
  .teaser.card:hover .teaser--text header:after {
    transform: translateX(0);
    opacity: 1;
  }
  .teaser.card:hover .teaser--categories {
    left: clamp(28px, 28px + 16 * (100vw - 768px) / 632, 44px);
  }
  .teaser.card:hover .teaser--category:before {
    border: 1px solid transparent;
  }
  .teaser.small:hover .teaser--inner {
    padding-top: clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px);
  }
  .teaser.small:hover .teaser--inner {
    padding-left: clamp(10px, 10px + 10 * (100vw - 768px) / 632, 20px);
  }
  .teaser.small:hover .teaser--inner:after {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Crect width='100%25' height='100%25' rx='5' ry='5' stroke-width='2' stroke='%2358585A' stroke-dasharray='1 4'/%3E%3C/svg%3E");
    opacity: 0.6;
  }
  .teaser.small:hover .teaser--media {
    mask-image: url("data:image/svg+xml,%3Csvg width='125' height='100' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg fill='%23000' transform='skewX(-14)'%3E%3Crect width='80' height='100' x='24' y='0' rx='5' /%3E%3Crect width='55' height='100' x='70' y='0' /%3E%3C/g%3E%3C/svg%3E");
  }
  .teaser.small:hover .teaser--text {
    background: none transparent;
  }
  .teaser.color-montafon:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-montafon);
  }
  .teaser.color-gargellen:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-gargellen);
  }
  .teaser.color-kristberg:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-kristberg);
  }
  .teaser.color-gsl:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-gsl);
  }
  .teaser.color-golm:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-golm);
  }
  .teaser.color-alpenregion:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-alpenregion);
  }
  .teaser.color-brandnertal:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-brandnertal);
  }
  .teaser.color-bludenz:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-bludenz);
  }
  .teaser.color-klostertal:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-klostertal);
  }
  .teaser.color-walsertal:hover .teaser--button .btn.btn-text {
    color: var(--brand-primary-walsertal);
  }
  .floating-nav button:hover:before, .floating-nav label:hover:before {
    background-color: rgba(88, 88, 90, 0.1);
  }
  .floating-nav button:hover:after, .floating-nav label:hover:after {
    opacity: 0;
  }
  .floating-nav button[data-dialog-toggle=livebar]:hover:after, .floating-nav label[data-dialog-toggle=livebar]:hover:after {
    opacity: 1;
  }
  .paginator ul li a:hover:not(.active) {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .login--form .form-container .form-group .btn-primary:hover {
    padding-left: 20px;
  }
  .page-search--suggestions--item:hover {
    color: var(--brand-primary);
  }
  .meili--result--footer a:hover {
    color: var(--brand-primary);
  }
  .region-map--nav button:hover {
    color: var(--text-color);
  }
  .region-map--nav button:hover:before {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }
  .region-map--nav button:hover:after {
    width: 30px;
    border-color: var(--brand-primary);
    opacity: 1;
  }
  .object-listing--filter--seasons .season-item label:hover {
    background: #dadde2;
  }
  .object-detail--intro--buttons .btn.btn-secondary:hover {
    padding-left: 20px;
    color: #fff;
  }
  .object-detail--intro--buttons .btn.btn-secondary:hover:before {
    background-color: var(--brand-primary);
  }
  .object-detail--intro--buttons .btn.btn-secondary:hover .icon svg [stroke]:not([stroke=none]) {
    stroke: #fff;
  }
  .object-detail--intro--buttons .btn.btn-secondary:hover .icon svg [fill]:not([fill=none]) {
    fill: #fff;
  }
  .object-detail--info-box a:hover {
    color: var(--brand-primary);
  }
  .object-detail--info-box a[target=_blank]:hover {
    color: var(--text-color);
  }
  .object-detail--download .btn:hover {
    padding-left: 20px;
  }
  .object-detail--download .btn:hover .icon svg [stroke]:not([stroke=none]) {
    stroke: var(--text-color);
  }
  .object-detail--download .btn:hover .icon svg [fill]:not([fill=none]) {
    fill: var(--text-color);
  }
  .tour--teaser .splide__track:hover {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
  }
  .tour--teaser .teaser:hover .teaser--inner {
    filter: none;
  }
  .tour--data--buttons .btn.btn-primary:hover {
    padding-left: 20px;
  }
  .tour--data--buttons .btn.btn-primary:hover .icon svg [stroke]:not([stroke=none]) {
    stroke: var(--brand-primary);
  }
  .tour--data--buttons .btn.btn-primary:hover .icon svg [fill]:not([fill=none]) {
    fill: var(--brand-primary);
  }
  #newsletter-ems-wilken form button:hover {
    padding-left: 37px;
  }
  #newsletter-ems-wilken form button:hover span {
    color: var(--brand-primary);
  }
  #newsletter-ems-wilken form button:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  #newsletter-ems-wilken form button:hover:after {
    opacity: 1;
    visibility: visible;
    border-color: var(--brand-primary);
  }
  .area--text a:not(.btn):hover {
    color: var(--brand-primary);
  }
  .area--text a:not(.btn)[target=_blank]:hover {
    color: var(--text-color);
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button:hover,
  .area--teaser.area--teaser--slider .area--teaser--categories > a:hover {
    color: var(--text-color);
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button:hover:before,
  .area--teaser.area--teaser--slider .area--teaser--categories > a:hover:before {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }
  .area--teaser.area--teaser--slider .area--teaser--categories > button:hover:after,
  .area--teaser.area--teaser--slider .area--teaser--categories > a:hover:after {
    width: 30px;
    border-color: var(--brand-primary);
    opacity: 1;
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--wrap:hover .area--teaser--slider--nav {
    opacity: 1;
    visibility: visible;
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--nav button:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--nav button.prev:hover {
    transform: translate(-60%, -50%) rotateZ(180deg);
  }
  .area--teaser.area--teaser--bar .area--teaser--slider--nav button.next:hover {
    transform: translate(60%, -50%);
  }
  .area--facts .fact-item:hover:before {
    background: #E8EAED;
    opacity: 1;
  }
  .area--facts .fact-item:hover .icon {
    background-color: #58585A;
  }
  .area--facts .fact-item:hover .icon {
    padding: clamp(15px, 15px + 5 * (100vw - 768px) / 632, 20px);
  }
  .area--facts .fact-item:hover .icon svg [stroke]:not([stroke=none]) {
    stroke: #fff;
  }
  .area--facts .fact-item:hover .icon svg [fill]:not([fill=none]) {
    fill: #fff;
  }
  .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text a:not(.btn):hover {
    color: #fff;
    opacity: 0.8;
  }
  .area--promo-textmedia:not(.large-text) .area--promo-textmedia--text a:not(.btn)[target=_blank]:hover {
    color: #fff;
    opacity: 1;
  }
  .area--promo-hero.highlight .area--promo-hero--content .area--text a:not(.btn):hover {
    color: #fff;
    opacity: 0.8;
  }
  .area--promo-hero.highlight .area--promo-hero--content .area--text a:not(.btn)[target=_blank]:hover {
    color: #fff;
    opacity: 1;
  }
  .area--promo-hero.glassy .area--promo-hero--content > .btn-secondary:hover {
    color: #fff;
  }
  .area--promo-hero.glassy .area--promo-hero--content > .btn-secondary:hover:before {
    background-color: var(--brand-primary);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .area--promo-hero.glassy .area--promo-hero--content > .btn-secondary:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .area--promo-hero.glassy .area--text a:not(.btn):hover {
    color: rgba(255, 255, 255, 0.6);
  }
  .area--quick-inquiry button[type=submit]:hover {
    color: #58585A;
  }
  .area--quick-inquiry button[type=submit]:hover:before {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .area--quick-inquiry button[type=submit]:hover:after {
    opacity: 1;
    visibility: visible;
  }
  .area--embed .infobox a:hover {
    opacity: 0.5;
  }
  .area--anchor-nav ul li a:not(.btn):hover {
    color: var(--brand-primary);
  }
}
/*# sourceMappingURL=../maps/main.min.css.map */