/*
* Theme Name: ELPADORADO RESORT
* Author: Wagler Marketing
* Text Domain: elpadorado
*/
/*  ▼ FONTS  */
/*    ▶︎ Estelle  */
@font-face {
  font-family: 'Estelle';
  src: url('Estelle.eot');
  src: local('Estelle'), url('fonts/Estelle.eot?#iefix') format('embedded-opentype'), url('fonts/Estelle.woff2') format('woff2'), url('fonts/Estelle.woff') format('woff'), url('fonts/Estelle.ttf') format('truetype'), url('fonts/Estelle.svg#Estelle') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*    ▶︎ Dax  */
@font-face {
  font-family: 'Dax';
  src: url('fonts/DaxLight.eot');
  src: local('Dax Light'), local('DaxLight'), url('fonts/DaxLight.eot?#iefix') format('embedded-opentype'), url('fonts/DaxLight.woff2') format('woff2'), url('fonts/DaxLight.woff') format('woff'), url('fonts/DaxLight.ttf') format('truetype'), url('fonts/DaxLight.svg#DaxLight') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dax';
  src: url('fonts/Dax.eot');
  src: local('Dax'), url('fonts/Dax.eot?#iefix') format('embedded-opentype'), url('fonts/Dax.woff2') format('woff2'), url('fonts/Dax.woff') format('woff'), url('fonts/Dax.ttf') format('truetype'), url('fonts/Dax.svg#Dax') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dax';
  src: url('fonts/DaxMedium.eot');
  src: local('Dax Medium'), local('DaxMedium'), url('fonts/DaxMedium.eot?#iefix') format('embedded-opentype'), url('fonts/DaxMedium.woff2') format('woff2'), url('fonts/DaxMedium.woff') format('woff'), url('fonts/DaxMedium.ttf') format('truetype'), url('fonts/DaxMedium.svg#DaxMedium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/*    ▶︎ Fira Sans Condensed  */
/* ! ▼ FONTS END */
/*  ▼ VARIABLES  */
/*    ▶︎ Layout  */
/*    ▶︎ Colors  */
/*    ▶︎ Sizes/Margins/Paddings  */
/*    ▶︎ Breakpoints  */
/*    ▶︎ Typography  */
/*    ▶︎ Mixins  */
.gradient_section-fader {
  background: -moz-linear-gradient(top, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a2a29', endColorstr='#2a2a29', GradientType=0);
  /* IE6-9 */
}
.gradient_crowdfunding-fader {
  background: -moz-linear-gradient(top, rgba(160, 160, 160, 0) 0%, #a0a0a0 35%, #a0a0a0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(160, 160, 160, 0) 0%, #a0a0a0 35%, #a0a0a0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(160, 160, 160, 0) 0%, #a0a0a0 35%, #a0a0a0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a0a0a0', endColorstr='#a0a0a0', GradientType=0);
  /* IE6-9 */
}
.gradient_buttons {
  background: #cfb96f;
  background: -moz-linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  background: -webkit-linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  background: linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfb96f', endColorstr='#f2d882', GradientType=1);
}
/*    ▶︎ Animations  */
@keyframes header-farn-1 {
  0% {
    transform: rotateZ(1deg);
  }
  50% {
    transform: rotateZ(-3deg);
  }
  100% {
    transform: rotateZ(1deg);
  }
}
@keyframes header-farn-2 {
  0% {
    transform: rotateZ(-1deg);
  }
  50% {
    transform: rotateZ(2deg);
  }
  100% {
    transform: rotateZ(-1deg);
  }
}
@keyframes header-farn-3 {
  0% {
    transform: rotateZ(-1deg);
  }
  50% {
    transform: rotateZ(3deg);
  }
  100% {
    transform: rotateZ(-1deg);
  }
}
@keyframes header-farn-4 {
  0% {
    transform: rotateZ(-2deg);
  }
  50% {
    transform: rotateZ(3deg);
  }
  100% {
    transform: rotateZ(-2deg);
  }
}
@keyframes header-farn-5 {
  0% {
    transform: rotateZ(-1deg);
  }
  50% {
    transform: rotateZ(1deg);
  }
  100% {
    transform: rotateZ(-1deg);
  }
}
@keyframes header-farn-6 {
  0% {
    transform: rotateZ(1deg);
  }
  50% {
    transform: rotateZ(3deg);
  }
  100% {
    transform: rotateZ(1deg);
  }
}
/* ! ▼ VARIABLES END */
/*  ▼ SITE  */
* {
  box-sizing: border-box;
}
.svg-definitions {
  position: absolute;
  height: 0;
  max-height: 0;
  overflow: hidden;
}
html {
  margin: 0;
  padding: 0;
}
/*    ▶︎ Body  */
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: 'Dax', sans-serif;
  min-width: 1280px;
}
/*    ▶︎ Sections  */
nav {
  position: relative;
  display: block;
}
nav ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
nav a {
  text-decoration: none;
  text-transform: uppercase;
}
main section {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
main section .section-background {
  width: 50%;
  height: calc(100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
main section .section-image {
  width: 100%;
  height: auto;
  max-height: 1000px;
  position: relative;
  display: block;
}
main section .section-image img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 1000px;
  object-fit: cover;
  object-position: center center;
}
main section .section-heading {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 2;
}
main section .section-heading__background {
  display: block;
  position: absolute;
  height: 60%;
  width: 100%;
  max-width: 250px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
}
main section .section-content {
  padding: 30px;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(30px * 5);
  position: relative;
  margin-top: -2px;
}
main section .section-content:after {
  display: block;
  width: 100vw;
  height: 100%;
  min-width: 1280px;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background-color: #2A2A29;
  z-index: -2;
}
main section .section-content:before {
  opacity: 0.1;
  display: block;
  width: 100vw;
  height: 100%;
  min-width: 1280px;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
  background-image: url("img/elpadorado-resort-section-background-image-right.png"), url("img/elpadorado-resort-section-background-image-left.png");
  background-size: auto calc(100% + 30px), auto calc(100% + 10px);
  background-repeat: no-repeat, no-repeat;
  background-position: calc(100% - (50vw - 1280px)) 10px, calc(50vw - 1280px) 30px;
}
main section.unsere-vision .section-heading {
  margin-top: -100px;
  background: -moz-linear-gradient(top, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a2a29', endColorstr='#2a2a29', GradientType=0);
  /* IE6-9 */
}
main section.unsere-vision .button-link {
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  position: relative;
  background: #CFB96F;
  padding: 10px 30px;
  border-radius: 100px;
  box-shadow: 2px 4px 4px 0 #000000;
}
main section.unsere-vision .button-link:hover {
  box-shadow: 1px 2px 2px 0 #000000;
  transform: translateX(-50%) translateY(1px);
}
main section.unsere-vision .button-link a {
  color: #ffffff;
  font-size: 1.25em;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 2px 2px 3px black;
}
main section.image .section-heading {
  margin-top: -100px;
  background: -moz-linear-gradient(top, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a2a29', endColorstr='#2a2a29', GradientType=0);
  /* IE6-9 */
}
main section:nth-child(1) .section-heading__background {
  background-image: url(img/elpadorado-resort-h1-background-image-2.png);
  transform: translateX(-50%) translateY(15px) rotateY(180deg) rotateZ(10deg);
}
main section:nth-child(2) .section-heading__background {
  background-image: url(img/elpadorado-resort-h1-background-image-1.png);
  transform: translateX(-50%) translateY(45px) scale(0.8);
}
main section:nth-child(3) .section-heading__background {
  background-image: url(img/elpadorado-resort-h1-background-image-3.png);
  transform: translateX(-50%) translateY(10px) scale(0.8);
}
main section:nth-child(4) .section-heading__background {
  transform: translateX(-50%) translateY(10px) rotateY(180deg) rotateZ(10deg) scale(0.8);
  background-image: url(img/elpadorado-resort-h1-background-image-4.png);
}
main section:nth-child(5) .section-heading__background {
  transform: translateX(-50%) translateY(5px) rotateZ(10deg);
  background-size: 100% auto;
  background-image: url(img/elpadorado-resort-h1-background-image-5.png);
}
main section:nth-child(6) .section-heading__background {
  transform: translateX(-50%) translateY(15px);
  background-size: 100% auto;
  background-image: url(img/elpadorado-resort-h1-background-image-6.png);
}
main section:nth-child(7) .section-heading__background {
  background-size: 100% auto;
  transform: translateX(-50%) translateY(10px) rotateZ(10deg);
  background-image: url(img/elpadorado-resort-h1-background-image-7.png);
}
/*    ▶︎ Text-Level  */
h1 {
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
  font-size: 70px;
  font-weight: normal;
}
h2 {
  text-transform: uppercase;
  color: #CFB96F;
  margin: 0;
}
h3 {
  color: #ffffff;
}
h4 {
  color: #ffffff;
}
p {
  color: #ffffff;
  font-weight: 300;
  font-size: 20px;
}
figcaption {
  text-align: center;
  color: #CFB96F;
  position: absolute;
  margin-top: calc(30px * 2) !important;
  left: 50%;
  transform: translateX(-50%);
}
/*    ▶︎ Lists  */
/*    ▶︎ Tables  */
/*    ▶︎ Forms  */
form {
  width: 100%;
  position: relative;
}
form label {
  width: 100%;
  transform: translateY(-5px);
}
form p {
  width: 100%;
  text-align: left !important;
}
form span {
  width: 100%;
}
form input {
  transform: translateY(5px);
  width: 100%;
  height: 30px;
  font-size: 20px;
  padding: 5px 10px;
}
form textarea {
  padding: 5px 10px;
  width: 100%;
  transform: translateY(5px);
  height: 200px;
  font-size: 20px;
}
form input[type="checkbox"] {
  float: left;
  margin-right: 15px;
  height: 30px;
  width: 30px;
  margin-left: 0;
}
form input[type="checkbox"] + span {
  float: right;
  width: calc(100% - 60px);
}
form .wpcf7-list-item {
  margin-left: 0;
  margin-top: 15px;
}
form input[type="submit"] {
  padding: 12px;
  background: #cfb96f;
  background: -moz-linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  background: -webkit-linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  background: linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfb96f', endColorstr='#f2d882', GradientType=1);
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 20px;
  border-radius: 26px;
  height: auto;
  color: #ffffff;
  cursor: pointer;
  font-family: 'Dax', sans-serif;
  transition: box-shadow 0.3s ease-in-out;
}
form input[type="submit"]:hover {
  box-shadow: 0 0 4px 2px #CFB96F;
}
/*    ▶︎ Media  */
video {
  background-color: black;
}
/*    ▶︎ WP Classes  */
.wp-block-columns p {
  text-align: center;
}
.page .section-heading {
  margin-top: -100px;
  background: -moz-linear-gradient(top, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(42, 42, 41, 0) 0%, #2a2a29 35%, #2a2a29 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a2a29', endColorstr='#2a2a29', GradientType=0);
  /* IE6-9 */
}
/*    ▶︎ VPM Classes  */
/* ! ▼ SITE END */
/*  ▼ HAUPTMENUE  */
.navigation_top {
  width: 100%;
  background-color: #2A2A29;
  border-bottom: 3px solid #CFB96F;
  padding: 0 30px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.navigation_top ul {
  width: auto;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  justify-content: center;
  padding: 20px 0;
}
.navigation_top li {
  margin: 0 18px;
  position: relative;
  white-space: nowrap;
}
.navigation_top li:after {
  position: absolute;
  left: calc(100% + 18px);
  margin-left: -1px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
  top: 0;
  display: block;
  content: "";
}
.navigation_top li:last-child:after {
  display: none;
}
.navigation_top a {
  font-size: 20px;
  color: #ffffff;
}
/* ! ▼ HAUPTMENUE END */
/*  ▼ HEADER  */
header {
  position: relative;
  /*    ▶︎ Hero Image  */
  /*    ▶︎ Animierte Farne  */
}
header .hero-image_header__image {
  width: 100%;
  height: auto;
  position: relative;
  min-height: 1000px;
  max-height: 1500px;
  overflow: hidden;
}
header .hero-image_header__image img {
  width: 100%;
  height: 100%;
  min-height: 1000px;
  object-position: center bottom;
  object-fit: fill;
}
header .hero-image_header_page .hero-image_header__image {
  min-height: 300px;
  max-height: 500px;
}
header .hero-image_header_page .hero-image_header__image img {
  min-height: 500px;
  height: auto;
}
header .hero-image_header__title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 70px;
  top: calc(30px * 1.3);
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  font-family: 'Estelle';
  z-index: 2;
  margin-top: 60px;
}
header .hero-image_header__title span {
  display: block;
  text-shadow: 4px 4px #a28936;
}
header .hero-image_header__video {
  position: absolute;
  width: 60vw;
  max-width: 960px;
  min-width: 700px;
  height: 536px;
  top: 260px;
  left: 50%;
  transform: translateX(-50%);
}
header .hero-image_header__video__video {
  position: relative;
  margin-left: auto;
  width: 100%;
  height: auto;
}
header .hero-image_header__video__video figure.video-de,
header .hero-image_header__video__video p.video-en {
  display: none;
}
header .hero-image_header__video__video p[class*="video-"] {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: calc(30px * 2);
  background: #CFB96F;
  padding: 10px 30px;
  border-radius: 100px;
  box-shadow: 2px 4px 4px 0 #000000;
}
header .hero-image_header__video__video p[class*="video-"]:hover {
  box-shadow: 1px 2px 2px 0 #000000;
  transform: translateX(-50%) translateY(1px);
}
header .hero-image_header__video__video p[class*="video-"] a {
  color: #ffffff;
  font-size: 1.25em;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 2px 2px 3px black;
}
header .hero-image_header__video__frame {
  pointer-events: none;
  position: absolute;
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  top: -32px;
  left: -32px;
  background-image: url("img/elpadorado-resort-image-border-image-square.png");
  background-size: 100% 100%;
}
header .hero-image_header__video__plant {
  position: absolute;
  bottom: 0;
  width: 100px;
  height: 200px;
  background-size: 100% 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
header .hero-image_header__video__plant.left {
  left: 0;
}
header .hero-image_header__video__plant.left.bottom {
  background-image: url("img/elpadorado-resort-header-hero-image-animierter-farn-links-bottom.png");
  width: 160px;
  height: calc(160px / 0.6);
  left: -100px;
  transform-origin: 63px 230px;
  bottom: -90px;
  left: -160px;
  animation-name: header-farn-1;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
header .hero-image_header__video__plant.left {
  left: 0;
}
header .hero-image_header__video__plant.left.middle {
  background-image: url("img/elpadorado-resort-header-hero-image-animierter-farn-links-middle.png");
  width: 190px;
  height: calc(190px / 1);
  left: -155px;
  bottom: -75px;
  animation-name: header-farn-2;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0.5s;
  pointer-events: none;
}
header .hero-image_header__video__plant.left {
  left: 0;
}
header .hero-image_header__video__plant.left.top {
  background-image: url("img/elpadorado-resort-header-hero-image-animierter-farn-links-top.png");
  width: 250px;
  height: calc(250px / 1.7);
  left: -125px;
  bottom: -110px;
  transform-origin: 28px 89px;
  animation-name: header-farn-2;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0.75s;
}
header .hero-image_header__video__plant.right {
  right: 0;
}
header .hero-image_header__video__plant.right.bottom {
  background-image: url("img/elpadorado-resort-header-hero-image-animierter-farn-rechts-bottom.png");
  width: 190px;
  height: calc(190px / 0.7);
  transform-origin: 150px 230px;
  right: -130px;
  bottom: -90px;
  animation-name: header-farn-4;
  animation-duration: 5.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0.75s;
}
header .hero-image_header__video__plant.right {
  right: 0;
}
header .hero-image_header__video__plant.right.middle {
  background-image: url("img/elpadorado-resort-header-hero-image-animierter-farn-rechts-middle.png");
  width: 210px;
  height: calc(210px / 1.2);
  transform-origin: 192px 149px;
  right: -110px;
  bottom: -75px;
  animation-name: header-farn-5;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
header .hero-image_header__video__plant.right {
  right: 0;
}
header .hero-image_header__video__plant.right.top {
  background-image: url("img/elpadorado-resort-header-hero-image-animierter-farn-rechts-top.png");
  width: 240px;
  height: calc(240px / 1.4);
  transform-origin: 234px 96px;
  right: -100px;
  bottom: -130px;
  animation-name: header-farn-6;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0.25s;
}
/* ! ▼ HEADER END */
/*  ▼ MAIN  */
main {
  /*    ▶︎ Section 'Das Refugium'  */
  /*    ▶︎ Section 'Nachhaltige Bauweise'  */
  /*    ▶︎ Section 'Investoren/Partner'  */
  /*    ▶︎ Section 'Crowdfunding'  */
  /*    ▶︎ Section 'Kontakt'  */
}
main ul {
  color: #ffffff;
}
main a {
  font-weight: 500;
  color: #CFB96F;
  text-decoration: none;
}
main .das-refugium {
  margin-top: -80px;
}
main .das-refugium .section-heading {
  background-color: #2A2A29;
  height: 280px;
}
main .das-refugium .section-heading__background {
  margin-top: -30px;
}
main .das-refugium .section-heading__text {
  margin-top: -30px;
  position: relative;
}
main .das-refugium .section-content {
  max-width: 1280px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
main .das-refugium .section-content__item {
  position: relative;
  margin: calc(30px * 2);
}
main .das-refugium .section-content__item:before {
  display: block;
  width: 260px;
  height: 270px;
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  background-image: url("img/elpadorado-resort-image-border-image-circle.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left top;
}
main .das-refugium .section-content__item.tooltip-visible .section-content__item__tooltip {
  opacity: 1;
}
main .das-refugium .section-content__item__heading {
  position: absolute;
  top: 40px;
  left: calc(100% - 20px);
  transform: translateX(-50%);
  font-size: calc(70px * 0.5);
  text-shadow: 2px 2px 4px black;
  font-family: 'Estelle';
  pointer-events: all;
}
main .das-refugium .section-content__item__background {
  pointer-events: all;
}
main .das-refugium .section-content__item__tooltip {
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  width: 200%;
  height: auto;
  padding: calc(30px / 2) 30px;
  background-color: #CFB96F;
  color: black;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(30px);
  border-radius: 8px;
  z-index: 0;
  opacity: 0;
  text-align: center;
  z-index: 3;
  pointer-events: none;
}
main .das-refugium .section-content__item__tooltip:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  top: 100%;
  left: 75%;
  position: absolute;
  transform: translateY(-10px) rotateZ(45deg);
  background-color: #CFB96F;
  z-index: 3;
}
main .architektur .wp-block-columns.flex-images {
  align-items: center;
}
main .architektur .wp-block-columns.flex-images .wp-block-column {
  flex-shrink: 0;
  flex-grow: 1;
  width: 44%;
  flex-basis: 44%;
}
main .architektur .wp-block-columns.flex-images .wp-block-column:first-child {
  flex-shrink: 1;
  flex-grow: 0;
  width: 24%;
  flex-basis: 24%;
  transform: translateX(50px);
}
main .architektur .wp-block-columns.flex-images .wp-block-column:last-child {
  transform: translateX(-50px);
  flex-shrink: 1;
  width: 30%;
  flex-grow: 0;
  flex-basis: 30%;
}
main .architektur .wp-block-columns.flex-images .wp-block-column img {
  width: 100%;
  height: auto;
}
main .unsere-investorenfamilie figure {
  position: relative;
  margin-top: calc(30px * 2);
}
main .unsere-investorenfamilie figure:after {
  pointer-events: none;
  display: block;
  position: absolute;
  content: "";
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  top: -32px;
  left: -32px;
  background-image: url("img/elpadorado-resort-image-border-image-square.png");
  background-size: 100% 100%;
}
main .investor-werden h1 {
  color: #2A2A29;
}
main .investor-werden p {
  color: #2A2A29;
}
main .investor-werden .section-image__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50%;
  max-width: 1280px;
  font-size: 20px;
}
main .investor-werden .section-image__overlay p {
  color: #ffffff !important;
}
main .investor-werden .section-image__overlay p:last-child {
  margin-top: 30px;
}
main .investor-werden .section-image__overlay span {
  font-size: calc(20px * 2);
  font-weight: bold;
  text-shadow: 2px 2px 3px black;
}
main .investor-werden .section-image__overlay .section-image__overlay__button {
  cursor: pointer;
}
main .investor-werden .section-image__overlay a {
  text-decoration: none;
  padding: 12px 24px;
  background: #cfb96f;
  background: -moz-linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  background: -webkit-linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  background: linear-gradient(45deg, #cfb96f 0%, #f2d882 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfb96f', endColorstr='#f2d882', GradientType=1);
  border: none;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 20px;
  border-radius: 26px;
  height: auto;
  cursor: pointer;
  color: #ffffff;
  transition: box-shadow 0.3s ease-in-out;
}
main .investor-werden .section-image__overlay a:hover {
  box-shadow: 0 0 4px 2px #CFB96F;
}
main .investor-werden .section-heading {
  height: 100px;
  margin-top: 60px !important;
  background: none !important;
  background-color: #ffffff !important;
}
main .investor-werden .section-heading__background {
  display: none;
}
main .investor-werden .section-content:after {
  background-color: #ffffff;
}
main .kontakt .section-heading {
  display: none;
}
main .kontakt .social-media {
  width: 50%;
  position: relative;
  margin: 30px auto;
}
main .kontakt .social-media figure {
  margin: 0;
}
main .kontakt .social-media img {
  height: 40px;
  width: auto;
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}
main .kontakt .social-media img:hover {
  opacity: 1;
}
/* ! ▼ MAIN END */
/*  ▼ FOOTER  */
footer {
  width: 100%;
}
footer .footer-heading {
  width: 100%;
  max-width: 1280px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  padding: 30px;
  display: none;
}
footer .footer-content {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}
footer .footer-content_top .footer-content_top__item__logo {
  height: 100%;
}
footer .footer-content_top .wp-block-image {
  height: 100%;
}
footer .footer-content_top img {
  height: 65px;
  width: auto;
  max-width: 1000%;
}
footer .footer-content_bottom {
  display: none;
}
footer .footer-menu {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  position: relative;
  color: #ffffff;
}
footer .footer-menu a {
  color: #ffffff;
  margin-right: 30px;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}
footer .footer-menu a:hover {
  opacity: 1;
}
footer .footer-menu .footer-menu_right {
  opacity: 0.6;
}
footer .footer-menu .footer-menu_right ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}
footer .footer-menu .footer-menu_right li {
  margin-left: 30px;
}
footer .footer-menu:after {
  width: 100vw;
  min-width: 1280px;
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 3px solid #CFB96F;
  background-color: #2A2A29;
  z-index: -1;
}
/* ! ▼ FOOTER END */