/* -------------------------------------------------- Mixins */
/*
<div class="progress-circle p{VALUE_OF_PROGRESS} {if VALUE_OF_PROGRESS > 50}over50{/if}">
	<span>{VALUE_OF_PROGRESS}%</span>
	<div class="left-half-clipper">
		<div class="first50-bar"></div>
		<div class="value-bar"></div>
	</div>
</div>
*/
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Region Page */
[data-id=regions] {
  margin: 0 auto;
  max-width: 136.6rem;
  padding-top: 2rem;
  position: relative;
}
[data-id=regions] ul {
  list-style: none;
  padding: 0;
}
[data-id=regions] ul.regionList {
  display: flex;
  flex-wrap: wrap;
  float: left;
  margin: 0 auto;
  max-width: 136.6rem;
  padding: 0 1rem;
  row-gap: 0.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  [data-id=regions] ul.regionList {
    float: none;
  }
}
@media (min-width: 1366px) {
  [data-id=regions] ul.regionList {
    float: left;
    max-width: 96rem;
  }
}
[data-id=regions] ul.regionList > .accordion {
  background-color: var(--primary--lite);
  border: 0;
  box-shadow: none;
}
[data-id=regions] ul.regionList > li.regionListParent {
  border: 0;
  width: 100%;
}
[data-id=regions] ul.regionList > li.regionListParent .regionListHead {
  background: var(--primary--xlite);
  cursor: pointer;
}
[data-id=regions] ul.regionList > li.regionListParent .regionListHead button {
  align-items: center;
  background: var(--primary--xlite);
  box-shadow: none;
  cursor: pointer;
  display: flex;
  font-weight: 300;
  justify-content: space-between;
  padding: 1.5rem;
}
[data-id=regions] ul.regionList > li.regionListParent .regionListHead button:after {
  display: none;
}
[data-id=regions] ul.regionList > li.regionListParent .regionListHead button > span:first-child {
  color: var(--primary);
  width: 70%;
}
@media (min-width: 576px) {
  [data-id=regions] ul.regionList > li.regionListParent .regionListHead button > span:first-child {
    width: 75%;
  }
}
@media (min-width: 992px) {
  [data-id=regions] ul.regionList > li.regionListParent .regionListHead button > span:first-child {
    width: 83%;
  }
}
[data-id=regions] ul.regionList > li.regionListParent .regionListHead button > i {
  color: var(--primary);
  font-size: 1.5rem;
}
[data-id=regions] ul.regionList > li.regionListParent .regionListHead .regionName {
  font-size: var(--font-size--small);
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  [data-id=regions] ul.regionList > li.regionListParent .regionListHead .regionName {
    font-size: var(--font-size--base);
  }
}
@media (min-width: 1024px) {
  [data-id=regions] ul.regionList > li.regionListParent .regionListHead .regionName {
    font-size: var(--font-size--base);
  }
}
[data-id=regions] ul.regionList > li.regionListParent .regionListHead .regionPrice {
  color: var(--primary);
  font-size: var(--font-size--small);
}
@media (min-width: 768px) {
  [data-id=regions] ul.regionList > li.regionListParent .regionListHead .regionPrice {
    font-size: var(--font-size--large);
  }
}
[data-id=regions] ul.regionList > li.regionListParent.active .regionListHead .regionName {
  font-weight: bold;
}
[data-id=regions] ul.regionList > li.regionListParent.active .regionListHead .regionPrice {
  font-weight: bold;
}
[data-id=regions] ul.regionList > li.regionListParent.active .regionListHead > i {
  color: var(--grey);
}
[data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion {
  background: var(--primary--xlite);
  margin: 0;
  padding: 0;
}
[data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem {
  background: var(--primary--xlite);
  border: 0;
  box-shadow: none;
  margin: 0 auto;
  max-width: 97%;
  position: relative;
  /*.allOffers {
  	display         : flex;
  	justify-content : center;
  	margin          : 0 0 2rem 0;
  	padding         : 1rem 0;

  	button {
  		background     : transparent;
  		color          : var(--primary);
  		font-family    : var(--roboto);
  		letter-spacing : 0;
  		padding        : 0;
  		text-transform : initial;
  	}

  	i {
  		margin-left : 1rem;
  	}
  }*/
}
[data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem .regionListTitle {
  align-items: center;
  background: var(--primary--xlite);
  border: none;
  border-radius: 0;
  border-top: 0.1rem solid var(--grey);
  cursor: pointer;
  display: flex;
  height: 5rem;
  padding: 0;
}
[data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem .regionListTitle > div {
  align-items: center;
  color: var(--text);
  display: flex;
  font-family: var(--roboto);
  font-size: var(--font-size--small);
  height: 5rem;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1024px) {
  [data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem .regionListTitle > div {
    font-size: var(--font-size--base);
  }
}
@media (min-width: 1366px) {
  [data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem .regionListTitle > div {
    font-size: var(--font-size--base);
  }
}
[data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem .regionListTitle > div > span:first-child {
  padding: 0 1rem 0 0;
}
[data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem .regionListTitle > div > span:last-child {
  flex-shrink: 0;
}
[data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem .regionListTitle i {
  color: var(--secondary);
  display: none;
  font-size: 1.3rem;
  margin: 0 0 0 2rem;
  position: relative;
  top: -0.3rem;
}
[data-id=regions] ul.regionList > li.regionListParent ul.regionAccordion .regionListItem .regionListTitle.animated {
  background-size: 17rem 3rem;
}
@media (min-width: 768px) {
  [data-id=regions] [data-id=offersTeaserSmall] {
    margin: 0 auto;
    min-width: auto;
    width: calc(100% - 3rem);
  }
}

.hotel__modal.csbTrigger.hotelFacts {
  cursor: pointer;
}

.csbmodal {
  margin: 12rem auto;
}
.csbmodal .hotel__iframe__container .hotel__more__menu {
  display: flex;
  justify-content: space-around;
  margin-bottom: 1.5rem;
}
.csbmodal .hotel__iframe__container .hotel__more__menu .hotel__more__menu__item {
  cursor: pointer;
}
.csbmodal .hotel__iframe__container .hotel__iframe iframe {
  border: 0;
  display: block !important;
  height: 50rem;
  width: 100%;
}
/*# sourceMappingURL=regions.css.map */