/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* -------------------------------------------------- Mixins */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* -------------------------------------------------- Mixins */
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- IBE Core */
.ibe__wrapper {
  margin: 4rem auto 0 auto;
  max-width: 136.6rem;
  position: relative;
  width: 100%;
}

@media (min-width: 1366px) {
  .extendedSearch {
    float: left;
  }
}

@media (min-width: 1366px) {
  .extendedPadding {
    float: right;
    width: calc(100% - 38rem);
  }
}

[data-content=ibe] {
  position: relative;
}
[data-content=ibe] .emptySearch {
  position: relative;
}
[data-content=ibe] .emptySearch p {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  color: var(--text);
  font-size: var(--ibe-tt-font-size--base);
  line-height: 2rem;
  margin: 0;
  padding: 1rem;
  position: absolute;
}
@media (min-width: 992px) {
  [data-content=ibe] .emptySearch p {
    font-size: var(--ibe-tt-font-size--button);
  }
}
[data-content=ibe] .emptySearch p .longtext {
  display: none;
}
@media (min-width: 768px) {
  [data-content=ibe] .emptySearch p .longtext {
    display: inline;
  }
}
[data-content=ibe] .emptySearch__back {
  margin: 3rem 0;
  text-align: center;
}
[data-content=ibe] .emptySearch__back button {
  font-size: var(--ibe-tt-font-size--button);
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 2rem;
}

[data-page-name~=hotels] .emptySearch.warning,
[data-page-name~=hotel] .emptySearch.warning {
  border: 0.1rem dashed var(--secondary--lite);
  margin: 0 0 2rem 0;
  padding: 2rem 1rem 2rem 5rem;
}
@media (min-width: 1366px) {
  [data-page-name~=hotels] .emptySearch.warning,
  [data-page-name~=hotel] .emptySearch.warning {
    padding: 2rem 1rem 2rem 2rem;
  }
}
[data-page-name~=hotels] .emptySearch.warning__title,
[data-page-name~=hotel] .emptySearch.warning__title {
  margin: 0 0 0.5rem 0;
}
[data-page-name~=hotels] .emptySearch.warning i,
[data-page-name~=hotel] .emptySearch.warning i {
  margin: 0 0.7rem 0 0;
  position: relative;
  top: 0.1rem;
}
[data-page-name~=hotels] .emptySearch.warning p,
[data-page-name~=hotel] .emptySearch.warning p {
  color: var(--ibe-tt-grey--text);
  padding: 0;
  position: relative;
}

.dummyModalGallery {
  display: none;
}

.modal .modal-header {
  border: 0;
  padding: 0;
  position: relative;
}
.modal .modal-header .close {
  align-items: center;
  background: var(--white);
  border: 0.1rem solid var(--primary);
  border-radius: 50%;
  color: var(--primary);
  cursor: pointer;
  display: flex;
  height: 3.1rem;
  justify-content: center;
  opacity: 1;
  position: absolute;
  right: -1.4rem;
  width: 3.1rem;
  z-index: 1;
}
@media (min-width: 768px) {
  .modal .modal-header .close {
    right: -1.5rem;
  }
}
.modal .modal-header .close i {
  color: var(--primary);
  font-size: 1.3rem;
  font-weight: bold;
}
.modal#galleryPreviewModal .modal-dialog {
  margin: 0 auto;
  top: 3rem;
  width: 70%;
}
.modal#galleryPreviewModal .modal-dialog .modal-content {
  background: var(--ibe-tt-grey--lite);
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .galleryPreviewModalImage {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .galleryPreviewModalImage img {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery {
  height: 90%;
  margin: 2rem auto;
  padding: 0 0 5rem 0;
  width: 90%;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .galleryFullsizeSlider {
  margin: 0;
  max-height: 100%;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .galleryFullsizeSlider__container {
  position: relative;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery ul.slick-dots {
  margin: 0;
  position: relative;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .galleryFullsizeSlider__slide--next {
  background: rgba(255, 255, 255, 0.71);
  border-radius: 50%;
  cursor: pointer;
  font-size: 2.5rem;
  height: 4.2rem;
  padding-left: 1.5rem;
  padding-top: 0.6rem;
  position: absolute;
  right: -1rem;
  top: 50%;
  width: 4.2rem;
}
@media (min-width: 768px) {
  .modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .galleryFullsizeSlider__slide--next {
    right: -2rem;
  }
}
@media (min-width: 992px) {
  .modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .galleryFullsizeSlider__slide--next {
    padding-top: 0.8rem;
  }
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .galleryFullsizeSlider__slide--prev {
  background: rgba(255, 255, 255, 0.71);
  border-radius: 50%;
  cursor: pointer;
  font-size: 2.5rem;
  height: 4.2rem;
  left: -1rem;
  padding-left: 1.2rem;
  padding-top: 0.6rem;
  position: absolute;
  top: 50%;
  width: 4.2rem;
}
@media (min-width: 768px) {
  .modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .galleryFullsizeSlider__slide--prev {
    left: -2rem;
  }
}
@media (min-width: 992px) {
  .modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .galleryFullsizeSlider__slide--prev {
    padding-top: 0.8rem;
  }
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .ew-arrow-left,
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery .ew-arrow-right {
  color: var(--primary);
  font-weight: bold;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery figure {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 992px) {
  .modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery figure {
    height: 50vh;
  }
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery figure img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery figure:active, .modal#galleryPreviewModal .modal-dialog .modal-content .modal-gallery figure:focus {
  outline: 0;
}
.modal#galleryPreviewModal .modal-dialog .modal-content .modal-imagetitle .imagetitle {
  font-size: var(--ibe-tt-font-size--button);
  min-height: 2.2rem;
  text-align: center;
}

/* --------------------------------------------------------------------- */
/* -------------------------------------------------- Hotel Details */
#ibeHotel [data-id=quickSearch] {
  margin: 0 !important;
}
#ibeHotel .emptyHotelDetails {
  margin: 5rem 0 10rem 5rem;
}
#ibeHotel .emptyHotelDetails p {
  color: var(--text);
  font-size: var(--ibe-tt-font-size--base);
}

@media (min-width: 1366px) {
  .extendedSearch {
    position: relative;
    top: 0;
  }
}
@media (min-width: 1366px) {
  .extendedSearch__submit {
    position: relative;
  }
}

.ibeHotelDetails {
  box-shadow: var(--ibe-tt-box-shadow--boxes);
  margin: 0 0 3rem 0;
}
@media (min-width: 1366px) {
  .ibeHotelDetails {
    margin: 0 auto 3rem auto;
    max-width: 136.6rem;
  }
}
.ibeHotelDetails .ibeHotelTop {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop {
    flex-direction: row;
  }
}
.ibeHotelDetails .ibeHotelTop .likeTrigger {
  align-items: center;
  background: var(--white);
  border: 0.1rem solid var(--primary);
  border-radius: 50%;
  bottom: -1.7rem;
  cursor: pointer;
  display: flex;
  height: 3.5rem;
  justify-content: center;
  padding: 0.5rem;
  position: absolute;
  right: 2rem;
  width: 3.5rem;
  z-index: 1;
}
.ibeHotelDetails .ibeHotelTop .likeTrigger .likesicon {
  color: var(--primary);
  font-size: 2rem;
}
.ibeHotelDetails .ibeHotelTop .ibeHotelImage {
  position: relative;
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .ibeHotelImage {
    flex-shrink: 0;
    height: 48.76rem;
    margin: 0;
    width: 75rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .ibeHotelImage img {
    height: 100%;
    width: 100%;
  }
}
.ibeHotelDetails .ibeHotelTop .ibeHotelContent {
  background: var(--white);
  float: left;
  order: 1;
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .ibeHotelContent {
    min-height: 27.2rem;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__slider {
  height: 20.8rem;
  margin: 0 auto;
  order: 2;
  position: relative;
  width: 32rem;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__slider {
    height: 37.5rem;
    width: 57.6rem;
  }
}
@media (min-width: 768px) {
  .ibeHotelDetails .ibeHotelTop .hotel__slider {
    height: 49.9rem;
    width: 76.8rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .hotel__slider {
    height: 48.76rem;
    margin: 0;
    order: 1;
    position: relative;
    width: 75rem;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__slider__container {
  background: var(--ibe-tt-grey--lite);
  margin: 0;
}
.ibeHotelDetails .ibeHotelTop .hotel__slider__prev, .ibeHotelDetails .ibeHotelTop .hotel__slider__next {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  color: var(--white);
  cursor: pointer;
  height: 3.6rem;
  margin: -1.8rem 0 0 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 3.6rem;
  z-index: 1;
}
.ibeHotelDetails .ibeHotelTop .hotel__slider__prev .ew-arrow-left,
.ibeHotelDetails .ibeHotelTop .hotel__slider__prev .ew-arrow-right, .ibeHotelDetails .ibeHotelTop .hotel__slider__next .ew-arrow-left,
.ibeHotelDetails .ibeHotelTop .hotel__slider__next .ew-arrow-right {
  font-size: 2rem;
  font-weight: bold;
  line-height: 3.6rem;
}
.ibeHotelDetails .ibeHotelTop .hotel__slider__prev {
  left: 1rem;
}
.ibeHotelDetails .ibeHotelTop .hotel__slider__next {
  right: 1rem;
}
.ibeHotelDetails .ibeHotelTop .hotel__slider .slick-dots {
  bottom: 0;
  display: flex;
  margin-bottom: 0;
}
.ibeHotelDetails .ibeHotelTop .hotel__slider .slick-dots li {
  background: var(--ibe-tt-grey--dark);
  height: 0.7rem;
  margin: 0;
  width: 100%;
}
.ibeHotelDetails .ibeHotelTop .hotel__slider .slick-dots li.slick-active {
  background: var(--white);
}
.ibeHotelDetails .ibeHotelTop .hotel__slider .slick-dots li button {
  height: 100%;
  width: 100%;
}
.ibeHotelDetails .ibeHotelTop .hotel__slider .slick-dots li button:before {
  content: "";
}
.ibeHotelDetails .ibeHotelTop .hotel__slide {
  align-items: center;
  background: var(--ibe-tt-grey);
  display: flex;
  flex-shrink: 0;
  height: 20.8rem;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  width: 32rem;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__slide {
    height: 37.5rem;
    width: 57.6rem;
  }
}
@media (min-width: 768px) {
  .ibeHotelDetails .ibeHotelTop .hotel__slide {
    height: 49.9rem;
    width: 76.8rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .hotel__slide {
    height: 48.76rem;
    margin: 0;
    width: 75rem;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.ibeHotelDetails .ibeHotelTop .hotel__grey {
  background: var(--ibe-tt-grey--lite);
  margin-bottom: 3rem;
  min-height: 20rem;
  padding: 0 0 3rem 0;
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__grey {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .ibeHotelDetails .ibeHotelTop .hotel__grey {
    padding-top: 2rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .hotel__grey {
    min-height: 27.8rem;
    padding-top: 0;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__grey.hasDetails {
  margin-bottom: 0 !important;
}
.ibeHotelDetails .ibeHotelTop .hotel__details {
  margin: 3rem 0 2rem 0;
  overflow: hidden;
  transition: height 100ms ease;
}
.ibeHotelDetails .ibeHotelTop .hotel__details.typeAccommodation .ibeOffer__details--inbound,
.ibeHotelDetails .ibeHotelTop .hotel__details.typeAccommodation .ibeOffer__details--outbound {
  display: none;
}
.ibeHotelDetails .ibeHotelTop .hotel__top {
  align-items: center;
  display: flex;
  height: 5.6rem;
  justify-content: space-between;
  padding: 0 1rem;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__top {
    padding: 0 2rem 0 7rem;
  }
}
@media (min-width: 768px) {
  .ibeHotelDetails .ibeHotelTop .hotel__top {
    padding: 0 3rem 0 9rem;
  }
}
@media (min-width: 992px) {
  .ibeHotelDetails .ibeHotelTop .hotel__top {
    padding: 0 3.5rem 0 12rem;
  }
}
@media (min-width: 1024px) {
  .ibeHotelDetails .ibeHotelTop .hotel__top {
    padding: 0;
    position: absolute;
    right: 7rem;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .ibeHotelDetails .ibeHotelTop .hotel__top {
    right: 11rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .hotel__top {
    align-items: flex-end;
    padding: 0 3.5rem 1.5rem 6rem;
    position: relative;
    right: 0;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__heading {
  align-items: center;
  background: var(--white);
  display: flex;
  min-height: 5rem;
  padding: 1rem 2rem 1rem 5rem;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__heading {
    padding: 1rem 2rem 1rem 7rem;
  }
}
@media (min-width: 768px) {
  .ibeHotelDetails .ibeHotelTop .hotel__heading {
    padding: 1rem 2rem 1rem 9rem;
  }
}
@media (min-width: 992px) {
  .ibeHotelDetails .ibeHotelTop .hotel__heading {
    padding: 1rem 2rem 1rem 12rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .hotel__heading {
    padding: 1rem 2rem 1rem 6rem;
    top: 10rem;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__heading h2 {
  color: var(--primary);
  font-size: var(--ibe-tt-font-size--xlarge);
  font-weight: var(--ibe-tt-font-weight--bold);
  margin: 0;
  text-transform: uppercase;
  width: 100%;
}
.ibeHotelDetails .ibeHotelTop .hotel__location {
  align-items: center;
  background: var(--ibe-tt-grey--lite);
  color: var(--white);
  display: flex;
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
  min-height: 5rem;
  padding: 1rem 2rem 1rem 5rem;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__location {
    padding: 1rem 1rem 1rem 7rem;
    width: 90%;
  }
}
@media (min-width: 768px) {
  .ibeHotelDetails .ibeHotelTop .hotel__location {
    padding: 1rem 1rem 1rem 9rem;
    width: 85%;
  }
}
@media (min-width: 992px) {
  .ibeHotelDetails .ibeHotelTop .hotel__location {
    padding: 1rem 1rem 1rem 12rem;
    width: 80%;
  }
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .hotel__location {
    left: 0;
    padding: 1rem 1rem 1rem 6rem;
    top: 10rem;
  }
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__location > div {
    margin: 0 auto;
    width: 46rem;
  }
}
@media (min-width: 768px) {
  .ibeHotelDetails .ibeHotelTop .hotel__location > div {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .ibeHotelDetails .ibeHotelTop .hotel__location > div {
    margin: 0;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__location > div span {
  color: var(--ibe-tt-grey--text);
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 900;
}
.ibeHotelDetails .ibeHotelTop .hotel__attribute {
  bottom: -1.7rem;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__attribute {
    justify-content: center;
    padding: 0 8rem 0 2rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .hotel__attribute {
    justify-content: flex-start;
    top: 26rem;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__attribute__container {
  z-index: 1;
}
.ibeHotelDetails .ibeHotelTop .hotel__attribute .circle {
  background: var(--white);
  border-radius: 50%;
  float: left;
  height: 3.5rem;
  margin: 0 0.6rem;
  overflow: hidden;
  position: relative;
  width: 3.5rem;
}
.ibeHotelDetails .ibeHotelTop .hotel__attribute .ew-ks {
  color: var(--primary);
  font-size: 3.5rem;
  left: 0;
  position: absolute;
  top: 0;
}
.ibeHotelDetails .ibeHotelTop .hotel__rating__container {
  border: 1px solid var(--secondary);
  cursor: pointer;
  margin: 0 auto;
  padding: 0.5rem 0;
  text-align: center;
  width: 27.5rem;
}
@media (min-width: 1366px) {
  .ibeHotelDetails .ibeHotelTop .hotel__rating__container {
    height: 12rem;
    padding: 1.2rem 0 0.5rem 0;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__rating__container .ew {
  font-size: 2.2rem;
  margin: 0 0.2rem;
}
.ibeHotelDetails .ibeHotelTop .hotel__rating__container .ew:before {
  color: var(--ibe-tt-star);
}
.ibeHotelDetails .ibeHotelTop .hotel__stars .ew {
  font-size: 2.1rem;
  margin: 0 0.5rem 0 0;
}
.ibeHotelDetails .ibeHotelTop .hotel__stars .ew:before {
  color: var(--ibe-tt-star);
}
.ibeHotelDetails .ibeHotelTop .hotel__favorite {
  cursor: pointer;
}
.ibeHotelDetails .ibeHotelTop .hotel__favorite .ew {
  color: var(--primary);
  font-size: 1.7rem;
  line-height: 2.4rem;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelTop .hotel__favorite .ew {
    font-size: 2.8rem;
  }
}
.ibeHotelDetails .ibeHotelTop .hotel__hygienicMeasures {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
}
.ibeHotelDetails .ibeHotelTop .hotel__hygienicMeasures i {
  color: var(--primary);
  font-size: 2.5rem;
  margin-right: 1rem;
}
.ibeHotelDetails .ibeHotelTop .hotel__ratings {
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--lite);
  margin: 0 0 0.5rem 0;
}
.ibeHotelDetails .ibeHotelTop .hotel__suns {
  margin: 0 0 1rem 0;
}
.ibeHotelDetails .ibeHotelTop .hotel__recommendation {
  color: var(--ibe-tt-grey--text);
  font-size: 1.6rem;
  font-weight: var(--ibe-tt-font-weight--lite);
  text-align: center;
}
.ibeHotelDetails .ibeHotelTop .hotel__recommendation > span {
  font-weight: var(--ibe-tt-font-weight--bold);
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__container {
  background: var(--ibe-tt-grey--lite);
  position: relative;
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__container .teaserBox__close {
  align-items: center;
  background: white;
  border: 0.1rem solid var(--primary);
  border-radius: 50%;
  color: var(--primary);
  cursor: pointer;
  display: none;
  font-size: 1.3rem;
  height: 3.1rem;
  justify-content: center;
  position: absolute;
  right: 1.5rem;
  top: 6rem;
  width: 3.1rem;
}
@media (min-width: 1024px) {
  .ibeHotelDetails .ibeHotelBottom .hotel__more__container .teaserBox__close {
    right: 5rem;
    top: 5.5rem;
  }
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__c2a {
  color: var(--primary);
  cursor: pointer;
  font-size: var(--ibe-tt-font-size--xlarge);
  font-weight: var(--ibe-tt-font-weight--bold);
  height: 5rem;
  line-height: 5rem;
  text-align: center;
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__c2a .ew {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 0 0.5rem;
  position: relative;
  top: 0;
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__frame {
  background: var(--white);
  display: none;
  padding: 1.5rem 2rem 2rem 2rem;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelBottom .hotel__more__frame {
    float: left;
  }
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__frame iframe {
  height: 60rem;
  width: 100%;
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelBottom .hotel__more__menu {
    justify-content: flex-start;
    padding: 0 3rem;
  }
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__menu__item {
  color: var(--primary);
  cursor: pointer;
  font-size: 1.4rem;
  height: 1.8rem;
  line-height: 1.8rem;
  margin: 0 0 1.2rem 0;
  text-align: left;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelBottom .hotel__more__menu__item {
    width: auto;
  }
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__menu .separator {
  background: var(--primary);
  display: inline-block;
  margin: 0 0.5rem 1.2rem 0.5rem;
  width: 1px;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelBottom .hotel__more__menu .separator {
    margin: 0 1rem 1.2rem 1rem;
  }
}
.ibeHotelDetails .ibeHotelBottom .hotel__more__menu .separator:last-child {
  display: none;
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelBottom .hotel__more__menu span:nth-of-type(4) {
    display: none;
  }
}
@media (min-width: 992px) {
  .ibeHotelDetails .ibeHotelBottom .hotel__more__menu span:nth-of-type(4) {
    display: block;
  }
}
@media (min-width: 576px) {
  .ibeHotelDetails .ibeHotelBottom .hotel__more__menu span:nth-of-type(8) {
    display: none;
  }
}
.ibeHotelDetails__sticky {
  background: var(--white);
  box-shadow: var(--ibe-tt-box-shadow--sticky);
  display: none;
  max-height: 15rem;
  min-height: 10rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 25;
}
.ibeHotelDetails__sticky.sticky {
  display: block;
}
.ibeHotelDetails__sticky.active {
  display: none;
}
.ibeHotelDetails__sticky__container {
  display: flex;
  height: 100%;
}
.ibeHotelDetails__sticky__image {
  align-items: center;
  display: none;
  flex-shrink: 0;
  justify-content: center;
  max-height: 15rem;
  overflow: hidden;
  width: 16rem;
}
@media (min-width: 768px) {
  .ibeHotelDetails__sticky__image {
    display: flex;
  }
}
.ibeHotelDetails__sticky__content {
  padding: 2rem 2.5rem 2rem 2.5rem;
  position: relative;
  width: 100%;
}
.ibeHotelDetails__sticky .hotel__stars .ew {
  font-size: 2.1rem;
  margin: 0 0.5rem 0 0;
}
.ibeHotelDetails__sticky .hotel__stars .ew:before {
  color: var(--ibe-tt-star);
}
.ibeHotelDetails__sticky__title {
  margin: 1rem 0 0 0;
}
.ibeHotelDetails__sticky__title h2,
.ibeHotelDetails__sticky__title span {
  color: var(--primary);
  display: inline-block;
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
  margin: 0;
}
@media (min-width: 768px) {
  .ibeHotelDetails__sticky__title h2,
  .ibeHotelDetails__sticky__title span {
    font-size: var(--ibe-tt-font-size--xlarge);
  }
}
.ibeHotelDetails__sticky__close {
  position: absolute;
  right: 2rem;
}
@media (min-width: 992px) {
  .ibeHotelDetails__sticky__close {
    display: none;
  }
}
.ibeHotelDetails__sticky__close i {
  color: var(--grey);
  font-size: 1.5rem;
}

.ibeHotelOffers {
  margin: 0 auto;
  max-width: 53.5rem;
  padding: 0;
}
@media (min-width: 768px) {
  .ibeHotelOffers {
    max-width: 99.4rem;
    padding: 0 3.3rem;
  }
}
@media (min-width: 992px) {
  .ibeHotelOffers {
    max-width: initial;
    padding: 0 1.5rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelOffers {
    max-width: 98.7rem;
    padding: 0 1.5rem 0 0;
  }
}
@media (min-width: 1920px) {
  .ibeHotelOffers {
    max-width: 141.7rem;
    padding: 0;
  }
}
.ibeHotelOffers a {
  text-decoration: none;
}
.ibeHotelOffers .ibeOffer {
  border: 1px solid var(--primary);
  margin-bottom: 3rem;
  position: relative;
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer {
    display: flex;
    flex-wrap: wrap;
  }
}
.ibeHotelOffers .ibeOffer.loading .ibeOfferLoading {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.ibeHotelOffers .ibeOffer.loading .ibeOfferLoading > p {
  color: var(--secondary);
  display: block;
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
  margin-top: 16rem;
}
.ibeHotelOffers .ibeOffer.loading .checkOffer {
  pointer-events: none;
}
.ibeHotelOffers .ibeOffer__shortInfo {
  background: var(--primary);
  color: var(--white);
  padding: 1.5rem 0 1.8rem 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__shortInfo {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 6.2rem;
    justify-content: space-around;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer__shortInfo {
    display: block;
    height: auto;
    padding: 7rem 0 0 0;
    width: 17rem;
  }
}
@media (min-width: 992px) {
  .ibeHotelOffers .ibeOffer__shortInfo {
    width: 21rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelOffers .ibeOffer__shortInfo {
    display: block;
    width: 17rem;
  }
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer__shortInfo__bottom {
    margin: 2rem 0 0 0;
  }
}
.ibeHotelOffers .ibeOffer__shortInfo--departureDate span {
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
}
.ibeHotelOffers .ibeOffer__shortInfo--outboundDuration span {
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--lite);
}
.ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes {
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes {
    margin-top: 1.7rem;
  }
}
@media (min-width: 992px) {
  .ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes {
    margin-top: 0.5rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes {
    margin-top: 1.7rem;
  }
}
.ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes span {
  font-size: var(--ibe-tt-font-size--xxlarge);
  font-weight: var(--ibe-tt-font-weight--bold);
}
.ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes i {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0 2rem;
  position: relative;
  top: -0.3rem;
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes i {
    margin: 0 1.5rem;
  }
}
@media (min-width: 992px) {
  .ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes i {
    margin: 0 2rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelOffers .ibeOffer__shortInfo--departureAirportCodes i {
    margin: 0 2rem;
  }
}
.ibeHotelOffers .ibeOffer__shortInfo--returnDuration {
  margin-top: 0.5rem;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__shortInfo--returnDuration {
    margin-top: 0;
  }
}
.ibeHotelOffers .ibeOffer__shortInfo--returnDuration span {
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--lite);
}
.ibeHotelOffers .ibeOffer__shortInfo--returnDate span {
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
}
.ibeHotelOffers .ibeOffer .teaserBox__close {
  align-items: center;
  background: var(--white);
  border: 0.1rem solid var(--primary);
  border-radius: 50%;
  color: var(--primary);
  cursor: pointer;
  display: none;
  font-size: 1.3rem;
  height: 3.1rem;
  justify-content: center;
  position: absolute;
  right: 5rem;
  top: 35.5rem;
  width: 3.1rem;
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer .teaserBox__close {
    display: flex;
  }
}
.ibeHotelOffers .ibeOffer__details {
  flex-grow: 1;
  padding: 1rem 1.5rem 2rem 1.5rem;
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer__details {
    width: 53rem;
  }
}
.ibeHotelOffers .ibeOffer__details--inbound, .ibeHotelOffers .ibeOffer__details--outbound {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--primary);
  width: calc(100% - 4rem);
}
.ibeHotelOffers .ibeOffer__details--inbound span, .ibeHotelOffers .ibeOffer__details--outbound span {
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
}
.ibeHotelOffers .ibeOffer__details--inbound i, .ibeHotelOffers .ibeOffer__details--outbound i {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0 2rem 0 1.5rem;
  position: relative;
  top: 0.1rem;
}
.ibeHotelOffers .ibeOffer__details--list {
  color: var(--primary);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--ibe-tt-font-size--base);
  line-height: 2.2rem;
  margin: 1rem 0 2rem 0;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list {
    flex-wrap: nowrap;
    justify-content: center;
  }
}
.ibeHotelOffers .ibeOffer__details--list h4 {
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
  left: 0;
  position: absolute;
  text-align: center;
  top: 0.5rem;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list h4 {
    top: 0;
  }
}
.ibeHotelOffers .ibeOffer__details--list > div {
  padding-top: 5rem;
  position: relative;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list > div {
    flex-grow: 1;
  }
}
.ibeHotelOffers .ibeOffer__details--list > div > div {
  box-shadow: inset 0 0 0 0.1rem var(--ibe-tt-grey);
}
.ibeHotelOffers .ibeOffer__details--list .duration {
  margin-bottom: 2rem;
  order: 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list .duration {
    margin-bottom: 0;
    padding-top: 5rem;
    width: 25%;
  }
}
.ibeHotelOffers .ibeOffer__details--list .duration .durationWrapper {
  color: var(--ibe-tt-grey--text);
  height: 100%;
  padding: 1rem;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list .duration .durationWrapper {
    display: block;
    justify-content: center;
    min-height: 11.5rem;
  }
}
.ibeHotelOffers .ibeOffer__details--list .duration .durationWrapper > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list .duration__item {
    margin: 0 0 0.5rem 0;
    width: 100%;
  }
}
.ibeHotelOffers .ibeOffer__details--list .duration__item i {
  margin-right: 0.5rem;
  width: 1.5rem;
}
.ibeHotelOffers .ibeOffer__details--list .duration__item .ew-ks-seat {
  font-size: 1.5rem;
  left: 0.1rem;
  position: relative;
}
.ibeHotelOffers .ibeOffer__details--list .flightinfo {
  padding-top: 3rem;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list .flightinfo {
    margin-top: 2rem;
  }
}
@media (min-width: 1366px) {
  .ibeHotelOffers .ibeOffer__details--list .flightinfo {
    max-width: 18rem;
  }
}
.ibeHotelOffers .ibeOffer__details--list .flightinfo__item {
  color: var(--ibe-tt-grey--text);
  margin: 0 0 0.5rem 0;
}
.ibeHotelOffers .ibeOffer__details--list .flightinfo__item i {
  margin-right: 0.5rem;
  width: 1.5rem;
}
.ibeHotelOffers .ibeOffer__details--list .flightinfo:nth-child(2) {
  order: 2;
  width: 50%;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list .flightinfo:nth-child(2) {
    order: 1;
    width: 25%;
  }
}
.ibeHotelOffers .ibeOffer__details--list .flightinfo:nth-child(2) .flightinfoWrapper {
  height: 100%;
  min-height: 11.5rem;
  padding: 1rem;
}
.ibeHotelOffers .ibeOffer__details--list .flightinfo:nth-child(3) {
  order: 3;
  width: 50%;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list .flightinfo:nth-child(3) {
    order: 2;
    width: 25%;
  }
}
@media (min-width: 1366px) {
  .ibeHotelOffers .ibeOffer__details--list .flightinfo:nth-child(3) {
    max-width: 18rem;
  }
}
.ibeHotelOffers .ibeOffer__details--list .flightinfo:nth-child(3) .flightinfoWrapper {
  height: 100%;
  min-height: 11.5rem;
  padding: 1rem;
}
.ibeHotelOffers .ibeOffer__details--list .departure {
  margin-bottom: 1rem;
}
.ibeHotelOffers .ibeOffer__details--list .departure .flightCodes {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0.5rem auto;
  max-width: 10rem;
}
.ibeHotelOffers .ibeOffer__details--list .departure .flightCodes > span {
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
}
.ibeHotelOffers .ibeOffer__details--list .departure .flightCodes i {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 1rem;
}
.ibeHotelOffers .ibeOffer__details--list .departure__item {
  align-items: center;
  color: var(--ibe-tt-grey--text);
  display: flex;
  margin: 0 0 0.5rem 0;
}
.ibeHotelOffers .ibeOffer__details--list .departure__item i {
  font-size: 1.4rem;
  margin: 0 0.5rem 0 0;
  width: 1.5rem;
}
.ibeHotelOffers .ibeOffer__details--list .departure__item span, .ibeHotelOffers .ibeOffer__details--list .departure__item div {
  position: relative;
  top: 0.2rem;
}
.ibeHotelOffers .ibeOffer__details--list .information {
  margin-bottom: 2rem;
  order: 1;
  padding-top: 3rem;
  width: 100%;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list .information {
    margin: 2rem 0 0;
    order: 3;
    width: 25%;
  }
}
.ibeHotelOffers .ibeOffer__details--list .information .informationWrapper {
  color: var(--ibe-tt-grey--text);
  display: flex;
  height: 100%;
  justify-content: flex-start;
  margin: 0;
  padding: 1rem;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--list .information .informationWrapper {
    min-height: 11.5rem;
  }
}
.ibeHotelOffers .ibeOffer__details--list .information__item {
  display: block;
  margin: 0 0 0.5rem 0;
}
.ibeHotelOffers .ibeOffer__details--list .information__item i {
  margin-right: 0.5rem;
}
.ibeHotelOffers .ibeOffer__details--list .information__item span, .ibeHotelOffers .ibeOffer__details--list .information__item div {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  display: inline;
  position: relative;
  top: -0.2rem;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--footer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.ibeHotelOffers .ibeOffer__details--hotelinfos {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  margin-top: 1.5rem;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--hotelinfos {
    flex-grow: 1;
    justify-content: flex-start;
    margin-top: 2rem;
  }
}
.ibeHotelOffers .ibeOffer__details--hotelinfos .hotelinfo {
  background: var(--ibe-tt-grey);
  cursor: pointer;
  height: 2.8rem;
  line-height: 2.8rem;
  text-align: center;
  width: 12.8rem;
}
@media (min-width: 992px) {
  .ibeHotelOffers .ibeOffer__details--hotelinfos .hotelinfo {
    height: 3.5rem;
    line-height: 3.5rem;
  }
}
.ibeHotelOffers .ibeOffer__details--hotelinfos .hotelinfo > span {
  color: var(--ibe-tt-grey--text);
  font-size: var(--ibe-tt-font-size--base);
}
.ibeHotelOffers .ibeOffer__details--hotelinfos .travelOperatorImage {
  align-items: center;
  box-shadow: var(--ibe-tt-box-shadow--boxes--operator);
  cursor: pointer;
  display: flex;
  height: 2.6rem;
  justify-content: center;
  margin-left: 1rem;
  padding: 0.2rem;
  width: 8.8rem;
}
@media (min-width: 992px) {
  .ibeHotelOffers .ibeOffer__details--hotelinfos .travelOperatorImage {
    height: 3.5rem;
  }
}
.ibeHotelOffers .ibeOffer__details--hotelinfos .travelOperatorImage img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ibeHotelOffers .ibeOffer__details--hotelinfos .travelOperatorImage img {
    width: 100%;
  }
}
.ibeHotelOffers .ibeOffer__details--pricecheck {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck {
    flex-grow: 1;
    justify-content: flex-end;
  }
}
.ibeHotelOffers .ibeOffer__details--pricecheck .price {
  cursor: pointer;
  line-height: 3.5rem;
  margin: 0 1rem 0 0;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .price {
    margin-right: 0.5rem;
  }
}
@media (min-width: 820px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .price {
    margin-right: 1rem;
  }
}
.ibeHotelOffers .ibeOffer__details--pricecheck .price.active {
  cursor: pointer;
}
.ibeHotelOffers .ibeOffer__details--pricecheck .price label {
  font-size: var(--ibe-tt-font-size--base);
  font-weight: var(--ibe-tt-font-weight--lite);
  margin: 0;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .price label {
    display: block;
    height: 1.8rem;
  }
}
@media (min-width: 820px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .price label {
    display: inline;
    height: auto;
  }
}
.ibeHotelOffers .ibeOffer__details--pricecheck .price .priceTotal {
  color: var(--secondary);
  font-size: var(--ibe-tt-font-size--large);
  font-weight: var(--ibe-tt-font-weight--bold);
  margin-left: 1rem;
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .price .priceTotal {
    font-size: var(--ibe-tt-font-size--xlarge);
  }
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .price .priceTotal {
    margin-left: 0;
  }
}
@media (min-width: 820px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .price .priceTotal {
    margin-left: 1rem;
  }
}
.ibeHotelOffers .ibeOffer__details--pricecheck .price .pricePerPerson {
  display: block;
  font-size: var(--ibe-tt-font-size--base);
  line-height: var(--ibe-tt-font-size--base);
}
.ibeHotelOffers .ibeOffer__details--pricecheck .price .pricePerPerson__price {
  font-weight: var(--ibe-tt-font-weight--bold);
}
.ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer {
  background: var(--ibe-tt-grey);
  display: flex;
  height: 3.5rem;
  width: 13.5rem;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer {
    margin-top: 1rem;
  }
}
@media (min-width: 820px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer {
    margin-top: 0;
  }
}
.ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer.active {
  background: var(--secondary);
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer.active {
    margin-top: 1.8em;
  }
}
@media (min-width: 820px) {
  .ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer.active {
    margin-top: 1rem;
  }
}
.ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer:hover {
  cursor: pointer;
}
.ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer > span {
  color: var(--ibe-tt-grey--text);
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
  height: 100%;
  line-height: 3.5rem;
  text-align: center;
  width: 100%;
}
.ibeHotelOffers .ibeOffer__details--pricecheck .checkOffer > span.active {
  color: var(--white);
}
.ibeHotelOffers .ibeOffer__iframe {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.1s ease-in-out;
  width: 100%;
}
.ibeHotelOffers .ibeOffer__iframe.expanded {
  background: var(--white);
  max-height: 1000rem;
  opacity: 1;
  transition: all 0.1s ease-in-out;
}
.ibeHotelOffers .ibeOffer__iframe iframe {
  height: 40rem;
  margin: 1.5rem;
  width: calc(100% - 3rem);
}
.ibeHotelOffers .ibeOffer__iframe .loadingSpinner {
  align-items: center;
  background: rgb(255, 255, 255);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ibeHotelOffers .ibeOffer__iframe .spinner {
  height: 9rem;
  margin: 10rem auto;
  position: relative;
  width: 9rem;
}
.ibeHotelOffers .ibeOffer__iframe .cube1, .ibeHotelOffers .ibeOffer__iframe .cube2 {
  animation: csb-cubeMove 1.8s infinite ease-in-out;
  background-color: var(--primary);
  border-radius: 0.3rem;
  height: 2.5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 2.5rem;
}
.ibeHotelOffers .ibeOffer__iframe .cube2 {
  animation-delay: -0.9s;
}
@keyframes csb-cubeMove {
  25% {
    transform: translateX(6.4rem) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(6.4rem) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(6.4rem) translateY(6.4rem) rotate(-179deg);
    -webkit-transform: translateX(6.4rem) translateY(6.4rem) rotate(-179deg);
  }
  50.1% {
    transform: translateX(6.4rem) translateY(6.4rem) rotate(-180deg);
    -webkit-transform: translateX(6.4rem) translateY(6.4rem) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(6.4rem) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0) translateY(6.4rem) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.ibeHotelOffers .ibeOffer__favorite {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.ibeHotelOffers .ibeOffer__favorite i {
  color: var(--secondary);
  font-size: 2.8rem;
  position: relative;
}
@media (min-width: 576px) {
  .ibeHotelOffers .ibeOffer__favorite i {
    color: var(--primary);
    top: 5.5rem;
  }
}
@media (min-width: 768px) {
  .ibeHotelOffers .ibeOffer__favorite i {
    top: 0;
  }
}
.ibeHotelOffers .ibeOffer__favorite:hover {
  cursor: pointer;
}
.ibeHotelOffers .ibeOffer__unavailable {
  color: red;
  font-size: var(--ibe-tt-font-size--xlarge);
  margin: 0;
  padding: 3rem;
  text-align: center;
  width: 100%;
  z-index: 20;
}
.ibeHotelOffers [data-id=loadingAnimation],
.ibeHotelOffers .animatedButton {
  z-index: 9;
}

#loadMoreOffers {
  display: flex;
  margin: 0 auto;
  max-width: 53.5rem;
}
@media (min-width: 768px) {
  #loadMoreOffers {
    max-width: 136.6rem;
    padding: 0 3.2rem;
  }
}
@media (min-width: 992px) {
  #loadMoreOffers {
    padding: 0 2rem 0 0;
  }
}
#loadMoreOffers > div {
  align-items: center;
  background: var(--secondary);
  display: flex;
  height: 3.5rem;
  justify-content: center;
  margin: 0.3rem 0 4rem 0;
  width: 28.6rem;
}
#loadMoreOffers > div:hover {
  cursor: pointer;
}
#loadMoreOffers > div > span {
  color: var(--white);
  font-size: var(--ibe-tt-font-size--button);
}
#loadMoreOffers hr {
  border-top: 0.1rem solid var(--secondary);
  color: var(--white);
  flex-grow: 1;
}

.newQuicksearch .searchDestination {
  display: none !important;
}
.newQuicksearch .searchCategories .sortOrder {
  display: flex;
}
@media (min-width: 576px) {
  .newQuicksearch .searchCategories .sortOrder {
    display: block;
  }
}
.newQuicksearch .searchCategories .sortOrder label {
  flex-shrink: 0;
  line-height: 3.6rem;
  margin: 0;
  width: 9.5rem;
}
@media (min-width: 576px) {
  .newQuicksearch .searchCategories .sortOrder label {
    font-size: var(--ibe-tt-font-size--button);
    font-weight: var(--ibe-tt-font-weight--normal);
    width: auto;
  }
}
.newQuicksearch .searchCategories .sortOrder .selectboxWrapper {
  cursor: pointer;
  position: relative;
  width: 100%;
}

.quickSearchWrapper {
  padding-top: 1.75rem;
  position: relative;
}
@media (min-width: 576px) {
  .quickSearchWrapper {
    padding-top: 2.5rem;
  }
}

.qsHeadlineWrapper {
  width: 100%;
}

.qsHeadline {
  align-items: center;
  background: var(--secondary);
  display: flex;
  height: 3.5rem;
  justify-content: center;
  margin: 0 auto 3rem 0;
  width: 100%;
}
@media (min-width: 576px) {
  .qsHeadline {
    height: 5rem;
  }
}
.qsHeadline span {
  color: var(--white);
  font-size: var(--ibe-tt-font-size--button);
  font-weight: var(--ibe-tt-font-weight--bold);
}
@media (min-width: 576px) {
  .qsHeadline span {
    font-size: var(--ibe-tt-font-size--large);
  }
}
@media (min-width: 992px) {
  .qsHeadline span {
    font-size: var(--ibe-tt-font-size--xlarge);
  }
}

.font-lite {
  font-weight: var(--ibe-tt-font-weight--lite);
}

.typeAccommodation [data-field=flyfilter],
.typeAccommodation [data-field=transfertypes] {
  display: none;
}
.typeAccommodation .ibeOffer__details--inbound, .typeAccommodation .ibeOffer__details--outbound {
  display: none;
}
.typeAccommodation .ibeOffer__details--list {
  margin: 0;
}

#whitelabel .ibeHotelDetails__sticky {
  top: 5rem;
}
@media (min-width: 992px) {
  #whitelabel .ibeHotelDetails__sticky {
    top: 0;
  }
}

.ibeOffer.verified .magicwraper {
  display: block;
}

.magicwraper button {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid white;
}

.magicbutton {
  background: #fff;
  border: 0.1rem solid #d7d7d7;
  border-radius: 50%;
  bottom: 13rem;
  box-shadow: 0 0.2rem 1rem 0.1rem #d2d2d2;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  height: 5rem;
  left: 1rem;
  overflow: hidden;
  position: fixed;
  width: 5rem;
  z-index: 9999;
}
.magicbutton button {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  font-size: 6.5rem;
}
/*# sourceMappingURL=hotel.css.map */