#Resort .wave-wrap {
  overflow: visible;
}
@media screen and (min-width: 1024px) {
  #Resort #AboutRef {
    padding-top: 4rem;
  }
}
#Resort .hero-section .wave.center h3 {
  color: #3C4246;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 769px), print {
  #Resort .hero-section .wave.center h3 {
    margin-bottom: 1rem;
  }
}
#Resort .hero-section .wave.center h2,
#Resort .hero-section .wave.center h3 {
  max-width: 465px;
}
@media screen and (min-width: 1216px) {
  #Resort .hero-section .wave.center h2,
  #Resort .hero-section .wave.center h3 {
    max-width: 583px;
  }
}
#Resort .booking-section.container {
  display: flex;
  justify-content: center;
  padding: 1rem 0 0;
  z-index: 2;
}
@media screen and (min-width: 769px), print {
  #Resort .booking-section.container {
    padding: 1rem 0.5rem 0;
    margin-bottom: 0;
  }
  #Resort .booking-section.container.bottom {
    margin-bottom: -4rem;
  }
}
#Resort .booking-section.last-section,
#Resort .booking-section.bottom-section {
  padding: 1rem 0 4rem;
}

.map-wrap {
  position: relative;
}
.map-wrap img {
  width: 100%;
}

.map-info {
  position: absolute;
  color: #fff;
  width: auto;
  max-width: 40px;
  max-height: 40px;
  border-radius: 7px;
  cursor: pointer;
  transition: transform 0.4s;
}
.map-info strong {
  color: #fff;
}
.map-info a {
  color: #fff;
  display: block;
  font-weight: 600;
  margin-top: 1rem;
}
.map-info .additional {
  padding: 1.5em 1.5rem 0.5rem 2rem;
  display: none;
}
.map-info .identifier {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.map-info .identifier img {
  width: 30px;
}
.map-info:hover, .map-info.open {
  transform: translateY(-5px);
}
.map-info:hover, .map-info.opentmp {
  cursor: default;
  max-width: 285px;
  max-height: unset;
  z-index: 10;
}
.map-info:hover .additional, .map-info.opentmp .additional {
  display: block;
}
.map-info p:last-of-type {
  margin: 0;
}
.map-info.small .identifier {
  width: 30px;
  height: 30px;
  font-size: 1.2rem;
}
.map-info.small .triangle-wrap {
  bottom: 1px;
}
.map-info.small .triangle,
.map-info.small .triangle:before,
.map-info.small .triangle:after {
  width: 16px;
  height: 16px;
}
.map-info.small,
.map-info.small .triangle {
  background: #C6B49F;
}
.map-info.orange,
.map-info.orange .triangle {
  background: #F49A1E;
}
.map-info.brown,
.map-info.brown .triangle {
  background: #846440;
}
.map-info.black,
.map-info.black .triangle {
  background: #707070;
}
.map-info.red,
.map-info.red .triangle {
  background: #CE5A15;
}
.map-info.grey,
.map-info.grey .triangle {
  background: #AAAAAA;
}
.map-info.green,
.map-info.green .triangle {
  background: #B8C582;
}
.map-info.blue,
.map-info.blue .triangle {
  background: #41A5AB;
}
.map-info.cyan,
.map-info.cyan .triangle {
  background: #91CDCF;
}
.map-info .triangle-wrap {
  position: absolute;
  left: 2px;
  bottom: 0;
}
.map-info .triangle {
  position: relative;
  text-align: left;
}
.map-info .triangle:before,
.map-info .triangle:after {
  content: "";
  position: absolute;
  background-color: inherit;
}
.map-info .triangle,
.map-info .triangle:before,
.map-info .triangle:after {
  width: 22px;
  height: 22px;
  border-top-right-radius: 30%;
}
.map-info .triangle {
  transform: translate(58%, 62%) skewX(-30deg) scale(1, 0.866);
}
.map-info .triangle:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
.map-info .triangle:after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}

.hero-section.pt-section {
  height: 35vw;
  max-height: 450px;
}
@media screen and (min-width: 769px), print {
  .hero-section.pt-section .wave.center::before, .hero-section.pt-section .wave.center::after {
    width: 98px;
  }
}
@media screen and (min-width: 1024px) {
  .hero-section.pt-section .wave.center {
    height: 184px;
    min-height: 184px;
    min-width: 440px;
    padding: 1.5rem 0 2rem;
  }
  .hero-section.pt-section .wave.center::before, .hero-section.pt-section .wave.center::after {
    width: 96px;
  }
}
@media screen and (min-width: 1216px) {
  .hero-section.pt-section .wave.center {
    min-width: 580px;
  }
}

.bottom-hero-section .wave.center {
  min-width: 280px !important;
}
@media screen and (min-width: 769px), print {
  .bottom-hero-section .wave.center {
    height: 160px !important;
    min-height: 160px !important;
  }
  .bottom-hero-section .wave.center::before, .bottom-hero-section .wave.center::after {
    width: 79px !important;
  }
}
@media screen and (min-width: 1408px) {
  .bottom-hero-section .wave.center {
    min-width: 340px !important;
    height: 184px !important;
  }
  .bottom-hero-section .wave.center::before, .bottom-hero-section .wave.center::after {
    width: 96px !important;
  }
}
.bottom-hero-section__heading {
  font-family: "DIN_1451 LT W01 Engschrift" !important;
  color: #3C4246 !important;
}

.bottom-hero-extension {
  text-align: center;
}
.bottom-hero-extension h4 {
  color: #846440;
}
.bottom-hero-extension p {
  font-weight: 600;
}

/*# sourceMappingURL=resort.css.map */
