@charset "UTF-8";
/*
0 px     -   399 px  :   resp-max399
399 px   -   449 px  :   resp-max449
449 px   -   499 px  :   resp-max499
499 px   -   549 px  :   resp-max549
549 px   -   599 px  :   resp-max599
599 px   -   649 px  :   resp-max649
649 px   -   699 px  :   resp-max699
699 px   -   768 px  :   resp-max768
768 px   -   900 px  :   resp-max900
900 px   -   1024 px :   resp-max1024
1024 px  -   1152 px :   resp-max1152
1152 px  -   1280 px :   resp-max1280
1280 px  -   1440 px :   resp-max1440
1440 px  -   1680 px :   resp-max1680
1680 px  -   1920 px :   resp-max1920
1920 px  -   2150 px :   resp-max2150
1920 px  -   2560 px :   resp-max2560
*/
/****************************************************************************************************************
*   COLORS
*****************************************************************************************************************/
/****************************************************************************************************************
*   IMAGE SLIDER (4 DIFFERENT IMAGES SLIDER - SLIDING IN FROM RIGHT TO LEFT) -- PUR CSS
*****************************************************************************************************************/
#slider {
  overflow: hidden;
}

#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  animation: 20s slider infinite;
}

#slider figure img {
  width: 20%;
  float: left;
}

@keyframes slider {
  0% {
    left: 0;
  }
  20% {
    left: 0;
  }
  25% {
    left: -100%;
  }
  45% {
    left: -100%;
  }
  50% {
    left: -200%;
  }
  70% {
    left: -200%;
  }
  75% {
    left: -300%;
  }
  95% {
    left: -300%;
  }
  100% {
    left: -400%;
  }
}
/****************************************************************************************************************
*   PARALAX BACKGROUD-IMAGE SLIDER (FADING IN) -- PUR CSS
*****************************************************************************************************************/
.parallax-slider {
  position: relative;
  height: 95vh;
  overflow: hidden;
  perspective: 1px;
}
.parallax-slider .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: Top center;
  background-attachment: fixed;
  animation: slideAnimation 48s infinite;
  opacity: 0;
}
.parallax-slider #slide1 {
  background-image: url("../img/img-immo/Project/Samaniego4/Hero/Hero_13_1920x960.webp");
}
.parallax-slider #slide2 {
  background-image: url("../img/img-immo/Project/Samaniego4/Hero/Hero_14_1920x960.webp");
  animation-delay: 8s;
}
.parallax-slider #slide3 {
  background-image: url("../img/img-immo/Project/Samaniego4/Hero/Hero_12_1920x960.webp");
  animation-delay: 16s;
}
.parallax-slider #slide4 {
  background-image: url("../img/img-immo/Project/Samaniego4/Hero/Hero_05_1920x960.webp");
  animation-delay: 24s;
}
.parallax-slider #slide5 {
  background-image: url("../img/img-immo/Project/Samaniego4/Hero/Hero_08_1920x960.webp");
  animation-delay: 32s;
}
.parallax-slider #slide6 {
  background-image: url("../img/img-immo/Project/Samaniego4/Hero/Hero_09_1920x960.webp");
  animation-delay: 40s;
}
@keyframes slideAnimation {
  0% {
    opacity: 0;
  } /* img fading in */
  8.33% {
    opacity: 1;
  } /* /* image visible */
  16.67% {
    opacity: 1;
  } /* image fading out */
  25% {
    opacity: 0;
  } /* img not visible */
  100% {
    opacity: 0;
  } /* img invisible and back to start */
}

/****************************************************************************************************************
*   BACKGROUD-IMAGE SLIDER ON HOVER (FADING IN) -- PUR CSS
    --> Page Project-Location macro
*****************************************************************************************************************/
.macro-onhover-bg-slider {
  position: relative;
  height: 100%; /* Höhe anpassen */
  overflow: hidden;
  perspective: 1px;
}
.macro-onhover-bg-slider .macro-bg-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  animation: macro-onhover-bg-slideAnimation 15s infinite;
  opacity: 0;
}
.macro-onhover-bg-slider #macro-bg-slide1 {
  background-image: url("../img/img-site/Mallorca1.webp");
}
.macro-onhover-bg-slider #macro-bg-slide2 {
  background-image: url("../img/img-site/Mallorca2.webp");
  animation-delay: 5s;
}
.macro-onhover-bg-slider #macro-bg-slide3 {
  background-image: url("../img/img-site/Mallorca3.webp");
  animation-delay: 10s;
}
@keyframes macro-onhover-bg-slideAnimation {
  0% {
    opacity: 0;
  } /* img fading in */
  16.67% {
    opacity: 1;
  } /* image visible */
  33.33% {
    opacity: 1;
  } /* image fading out */
  50% {
    opacity: 0;
  } /* img not visible */
  100% {
    opacity: 0;
  } /* img invisible and back to start */
}

/****************************************************************************************************************
*   BACKGROUD-IMAGE SLIDER ON HOVER (FADING IN) -- PUR CSS
    --> Page Project-Location micro
*****************************************************************************************************************/
.micro-onhover-bg-slider {
  position: relative;
  height: 100%; /* Höhe anpassen */
  overflow: hidden;
  perspective: 1px;
}
.micro-onhover-bg-slider .micro-bg-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  animation: micro-onhover-bg-slideAnimation 15s infinite;
  opacity: 0;
}
.micro-onhover-bg-slider #micro-bg-slide1 {
  background-image: url("../img/img-site/PortalsNous1.webp");
}
.micro-onhover-bg-slider #micro-bg-slide2 {
  background-image: url("../img/img-site/PortalsNous2.webp");
  animation-delay: 5s;
}
.micro-onhover-bg-slider #micro-bg-slide3 {
  background-image: url("../img/img-site/PortalsNous3.webp");
  animation-delay: 10s;
}
@keyframes micro-onhover-bg-slideAnimation {
  0% {
    opacity: 0;
  } /* img fading in */
  16.67% {
    opacity: 1;
  } /* image visible */
  33.33% {
    opacity: 1;
  } /* image fading out */
  50% {
    opacity: 0;
  } /* img not visible */
  100% {
    opacity: 0;
  } /* img invisible and back to start */
}

/****************************************************************************************************************
*   BASE SETTINGS
*****************************************************************************************************************/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
}

body {
  box-sizing: border-box;
  font-family: "Montserrat", "sans-serif";
  height: 100%;
  width: 100%;
  min-width: 32rem;
  max-width: 2560px;
}

h1 {
  font-size: 5rem;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 4.5rem;
}

h3 {
  font-size: 4rem;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 3.5rem;
  margin: 0;
  padding: 0;
}

h5 {
  font-size: 3rem;
  margin: 0;
  padding: 0;
}

h6 {
  font-size: 2.5rem;
  margin: 0;
  padding: 0;
}

a {
  color: rgb(30, 30, 30);
  text-decoration: none;
}

.fullwidth {
  width: 100%;
}

.fullwidth-bg-darkgrey {
  width: 100%;
  background-color: rgb(30, 30, 30);
}

.fullwidth-bg-grey {
  width: 100%;
  background-color: rgb(80, 80, 80);
}

.DesktopView {
  display: block;
}

@media (max-width: 44.9rem) {
  .DesktopView {
    display: none;
  }
}
.MobileView {
  display: none;
}

@media (max-width: 44.9rem) {
  .MobileView {
    display: block;
  }
}
/****************************************************************************************************************
*   FONTS
*****************************************************************************************************************/
/* Cairo ExtraLight 200 */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200;
  src: local(""), url("../fonts/Cairo-ExtraLight.ttf") format("truetype");
}
/* Caveat Regular 400 */
@font-face {
  font-family: "Caveat";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/Caveat-Regular.ttf") format("truetype");
}
/* IbarraRealNova Regular 400 */
@font-face {
  font-family: "IbarraRealNova";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/IbarraRealNova-Regular.ttf") format("truetype");
}
/* montserrat-regular - latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/montserrat-v25-latin-ext-regular.ttf") format("truetype");
}
/* montserrat-700 - latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/montserrat-v25-latin-ext-700.ttf") format("truetype");
}
/* montserrat-italic - latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/montserrat-v25-latin-ext-italic.ttf") format("truetype");
}
/* montserrat-700italic - latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../fonts/montserrat-v25-latin-ext-700italic.ttf") format("truetype");
}
/* Noto Serif Regular 400 */
@font-face {
  font-family: "NotoSerif-Regular";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/NotoSerifTelugu-Regular.ttf") format("truetype");
}
/* Noto Serif ExtraLight 200 */
@font-face {
  font-family: "NotoSerif-ExtraLight";
  font-style: normal;
  font-weight: 200;
  src: local(""), url("../fonts/NotoSerifTelugu-ExtraLight.ttf") format("truetype");
}
/* Roboto Regular 400 */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/Roboto-Regular.ttf") format("truetype");
}
/****************************************************************************************************************
*     COOKIES   on Site: Contact  
*****************************************************************************************************************/
.contactCookieBanner {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: rgba(180, 180, 180, 0.8);
  z-index: 2100;
  padding: 2%;
  color: white;
  display: grid;
  justify-items: center;
  align-items: center;
}
.contactCookieBanner__BG {
  width: 70%;
  background-color: rgb(0, 0, 0);
  box-shadow: 10px 10px 30px grey;
  padding: 2%;
  /*
  @media (max-width: 899px) {
      .ContactCookieBannerLegalAdvise {
          font-size: 0.85rem;
      }
  }
  @media (max-width: 768px) {
      .ContactCookieBannerLegalAdvise {
          font-size: 0.75rem;
      }
  }
  @media (max-width: 699px) {
      .ContactCookieBannerLegalAdvise {
          font-size: 0.70rem;
      }
  }
  @media (max-width: 649px) {
      .ContactCookieBannerLegalAdvise {
          font-size: 0.65rem;
      }
  }
  @media (max-width: 599px) {
      .ContactCookieBannerLegalAdvise {
          font-size: 0.60rem;
      }
  }
  @media (max-width: 549px) {
      .ContactCookieBannerLegalAdvise {
          font-size: 0.55rem;
      }
  }
  */
}
.contactCookieBanner__BG--header {
  font-size: 2rem;
  font-weight: bolder;
  margin-bottom: 0.5%;
}
@media (max-width: 1280px) {
  .contactCookieBanner__BG--header {
    font-size: 1.75rem;
  }
}
@media (max-width: 1024px) {
  .contactCookieBanner__BG--header {
    font-size: 1.5rem;
  }
}
@media (max-width: 699px) {
  .contactCookieBanner__BG--header {
    font-size: 1.3rem;
  }
}
@media (max-width: 649px) {
  .contactCookieBanner__BG--header {
    font-size: 1.1rem;
  }
}
@media (max-width: 599px) {
  .contactCookieBanner__BG--header {
    font-size: 1rem;
  }
}
@media (max-width: 549px) {
  .contactCookieBanner__BG--header {
    font-size: 0.95rem;
  }
}
@media (max-width: 499px) {
  .contactCookieBanner__BG--header {
    font-size: 0.9rem;
  }
}
@media (max-width: 449px) {
  .contactCookieBanner__BG--header {
    font-size: 0.85rem;
  }
}
@media (max-width: 399px) {
  .contactCookieBanner__BG--header {
    font-size: 0.8rem;
  }
}
.contactCookieBanner__BG--content {
  font-size: 1.5rem;
}
@media (max-width: 1280px) {
  .contactCookieBanner__BG--content {
    font-size: 1.3rem;
  }
}
@media (max-width: 1024px) {
  .contactCookieBanner__BG--content {
    font-size: 1.1rem;
  }
}
@media (max-width: 699px) {
  .contactCookieBanner__BG--content {
    font-size: 0.9rem;
  }
}
@media (max-width: 649px) {
  .contactCookieBanner__BG--content {
    font-size: 0.85rem;
  }
}
@media (max-width: 599px) {
  .contactCookieBanner__BG--content {
    font-size: 0.8rem;
  }
}
@media (max-width: 549px) {
  .contactCookieBanner__BG--content {
    font-size: 0.75rem;
  }
}
@media (max-width: 499px) {
  .contactCookieBanner__BG--content {
    font-size: 0.7rem;
  }
}
@media (max-width: 449px) {
  .contactCookieBanner__BG--content {
    font-size: 0.65rem;
  }
}
@media (max-width: 399px) {
  .contactCookieBanner__BG--content {
    font-size: 0.6rem;
  }
}
.contactCookieBanner__BG--linkButton {
  margin-top: 2%;
  margin-bottom: 2%;
  border-radius: 5px;
  padding: 2%;
  font-size: 1.8rem;
  text-align: center;
  background-color: rgb(124, 40, 40);
  color: rgb(255, 255, 255);
}
.contactCookieBanner__BG--linkButton:hover {
  background-color: rgb(189, 58, 58);
  color: rgb(255, 255, 255);
}
@media (max-width: 1280px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 1.6rem;
  }
}
@media (max-width: 1024px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 1.4rem;
  }
}
@media (max-width: 699px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 1.1rem;
  }
}
@media (max-width: 649px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 1.05rem;
  }
}
@media (max-width: 599px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 1rem;
  }
}
@media (max-width: 549px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 0.95rem;
  }
}
@media (max-width: 499px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 0.9rem;
  }
}
@media (max-width: 449px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 0.85rem;
  }
}
@media (max-width: 399px) {
  .contactCookieBanner__BG--linkButton {
    font-size: 0.8rem;
  }
}
.contactCookieBanner__BG--legalAdvise {
  padding: 1%;
  color: white;
  text-align: center;
}
.contactCookieBanner__BG--legalAdvise a:link {
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
}
.contactCookieBanner__BG--legalAdvise a:link:hover {
  color: rgb(30, 30, 30);
}
@media (max-width: 900px) {
  .contactCookieBanner__BG--legalAdvise {
    font-size: 0.85rem;
  }
}
@media (max-width: 768px) {
  .contactCookieBanner__BG--legalAdvise {
    font-size: 0.75rem;
  }
}
@media (max-width: 699px) {
  .contactCookieBanner__BG--legalAdvise {
    font-size: 0.7rem;
  }
}
@media (max-width: 649px) {
  .contactCookieBanner__BG--legalAdvise {
    font-size: 0.65rem;
  }
}
@media (max-width: 599px) {
  .contactCookieBanner__BG--legalAdvise {
    font-size: 0.6rem;
  }
}
@media (max-width: 549px) {
  .contactCookieBanner__BG--legalAdvise {
    font-size: 0.55rem;
  }
}

/****************************************************************************************************************
*   SEITE: FOOTER
*****************************************************************************************************************/
.footer {
  width: 98%;
  margin: 0 auto;
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  font-weight: lighter;
  text-align: center;
}
@media (max-width: 1280px) {
  .footer {
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  .footer {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .footer {
    font-size: 1.2rem;
  }
}
@media (max-width: 699px) {
  .footer {
    font-size: 1.1rem;
  }
}
@media (max-width: 549px) {
  .footer {
    font-size: 1rem;
  }
}
@media (max-width: 449px) {
  .footer {
    font-size: 0.9rem;
  }
}
@media (max-width: 399px) {
  .footer {
    font-size: 0.8rem;
  }
}
@media (max-width: 349px) {
  .footer {
    font-size: 0.7rem;
  }
}
.footer__contact {
  padding: 5% 0 3% 0;
  background-color: rgb(80, 80, 80);
}
.footer__contact--header {
  font-size: 2.5rem;
  padding: 0 0 1% 0;
}
@media (max-width: 1280px) {
  .footer__contact--header {
    font-size: 2.25rem;
  }
}
@media (max-width: 1024px) {
  .footer__contact--header {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .footer__contact--header {
    font-size: 1.8rem;
  }
}
@media (max-width: 699px) {
  .footer__contact--header {
    font-size: 1.65rem;
  }
}
@media (max-width: 549px) {
  .footer__contact--header {
    font-size: 1.5rem;
  }
}
@media (max-width: 449px) {
  .footer__contact--header {
    font-size: 1.4rem;
  }
}
@media (max-width: 399px) {
  .footer__contact--header {
    font-size: 1.3rem;
  }
}
@media (max-width: 349px) {
  .footer__contact--header {
    font-size: 1.2rem;
  }
}
.footer__contact--content {
  text-decoration: none;
}
.footer__contact--content-dir {
  padding: 0 0 1% 0;
}
.footer__contact--content-tel {
  padding: 0 0 1% 0;
}
.footer__contact--content-tel a {
  color: rgb(255, 255, 255);
}
.footer__contact--content-tel a:hover {
  color: rgb(211, 211, 211);
}
.footer__contact--content-email {
  padding: 0 0 0 0;
}
.footer__contact--content-email a {
  color: rgb(255, 255, 255);
}
.footer__contact--content-email a:hover {
  color: rgb(211, 211, 211);
}
.footer__legaladvise {
  background-color: rgb(70, 70, 70);
  padding: 2% 0 2% 0;
}
.footer__legaladvise a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.footer__legaladvise a:hover {
  color: rgb(211, 211, 211);
}

/****************************************************************************************************************
*   HEADER LANGUAGE-SELECT
*****************************************************************************************************************/
.language-select {
  height: 2.5rem;
  width: 98%;
  background-color: rgb(255, 255, 255);
  font-size: 1.1rem;
  color: black;
}
.language-select__links {
  padding-right: 2rem;
  list-style-type: none;
  float: right;
}
.language-select__links li {
  float: left;
  margin-left: 2rem;
  text-shadow: 0rem 0rem 2rem rgb(0, 0, 0);
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
}
.language-select__links a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.language-select__links a:hover {
  color: rgb(30, 30, 30);
  font-weight: bold;
}
.language-select__links .active {
  background-color: rgb(30, 30, 30);
  color: rgb(255, 255, 255);
  font-weight: bold;
  margin-top: 0rem;
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

/****************************************************************************************************************
*   STICKY MENU-BAR
*****************************************************************************************************************/
.header {
  height: auto;
  width: 98%;
  color: rgb(30, 30, 30);
  position: sticky;
  top: 0rem;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
  /* DESKTOP MENU-BAR - LEFT */
  /* MOBILE MENU BAR(DROPDOWN) */
  /* HAMBURGER-BUTTON */
}
.header__banner {
  position: relative;
  height: 7rem;
  width: 100%;
  background-color: rgb(255, 255, 255);
  border-top: 1px solid rgb(211, 211, 211);
  border-bottom: 1px solid rgb(211, 211, 211);
  /* MENU-BAR-LOGO */
}
@media (max-width: 549px) {
  .header__banner {
    height: 6.5rem;
  }
}
@media (max-width: 449px) {
  .header__banner {
    height: 6rem;
  }
}
.header__banner .logo {
  position: absolute;
  left: 3rem;
  margin-top: 1.5rem;
  height: 5rem;
  font-size: 2.5rem;
  font-weight: 400;
}
@media (max-width: 549px) {
  .header__banner .logo {
    font-size: 2.5rem;
    margin-top: 1.25rem;
  }
}
@media (max-width: 449px) {
  .header__banner .logo {
    font-size: 2rem;
    margin-top: 1.25rem;
  }
}
.header__navbardesktop {
  position: absolute;
  right: 1.5rem;
  top: 0rem;
}
.header__navbardesktop--navcontent ul {
  list-style: none;
  float: right;
  margin-right: 2rem;
}
.header__navbardesktop--navcontent ul li {
  display: inline-block;
}
.header__navbardesktop--navcontent .dropdown {
  /* DROPDOWN MENU-BAR */
}
.header__navbardesktop--navcontent .dropdown ul {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.header__navbardesktop--navcontent .dropdown .nav-link {
  color: rgb(30, 30, 30);
  font-size: 1.6rem;
  height: 7rem;
  margin-top: 0rem;
  padding-top: 2.4rem;
  padding-right: 1.4rem;
  padding-left: 1.4rem;
}
.header__navbardesktop--navcontent .dropdown .nav-link:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(80, 80, 80);
}
.header__navbardesktop--navcontent .dropdown .dropdown-menu {
  background-color: rgb(80, 80, 80);
  font-size: 1.6rem;
}
.header__navbardesktop--navcontent .dropdown .dropdown-menu svg {
  width: 20px;
  height: 20px;
  fill: rgb(255, 255, 255);
  padding-bottom: 5px;
}
.header__navbardesktop--navcontent .dropdown .dropdown-menu li {
  margin: 0rem;
  padding: 0rem;
  border-bottom: 0.1rem solid rgb(255, 255, 255);
}
.header__navbardesktop--navcontent .dropdown .dropdown-menu li:last-child {
  border-bottom: 0;
}
.header__navbardesktop--navcontent .dropdown .dropdown-menu a {
  width: 300px;
  color: rgb(255, 255, 255);
  padding: 0rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
}
.header__navbardesktop--navcontent .dropdown .dropdown-menu a:hover {
  color: rgb(80, 80, 80);
  background-color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  .header__navbardesktop {
    display: none;
  }
}
.header__navbarmobile {
  display: none;
}
@media (max-width: 1024px) {
  .header__navbarmobile {
    display: block;
    position: absolute;
    top: 1.75rem;
    right: 3rem;
    border: 2px solid rgb(30, 30, 30);
    border-radius: 0.4rem;
    background-color: rgb(255, 255, 255);
    /* MOBILE MENU DROPDOWN */
  }
}
@media (max-width: 1024px) and (max-width: 549px) {
  .header__navbarmobile {
    top: 1.5rem;
  }
}
@media (max-width: 1024px) and (max-width: 449px) {
  .header__navbarmobile {
    top: 1.3rem;
  }
}
@media (max-width: 1024px) {
  .header__navbarmobile a {
    color: rgb(30, 30, 30);
  }
  .header__navbarmobile a:hover {
    background-color: rgb(30, 30, 30);
    color: rgb(255, 255, 255);
  }
  .header__navbarmobile--navcontent ul {
    padding-top: 1.2rem;
    padding-bottom: 0rem;
    background-color: rgb(30, 30, 30);
  }
  .header__navbarmobile--navcontent ul svg {
    width: 20px;
    height: 20px;
    fill: red;
    padding-bottom: 5px;
  }
  .header__navbarmobile--navcontent ul li {
    border-bottom: 0.1rem solid rgb(255, 255, 255);
  }
  .header__navbarmobile--navcontent ul li:last-child {
    border-bottom: 0;
  }
  .header__navbarmobile--navcontent ul a {
    width: 30rem;
    font-size: 1.6rem;
    color: rgb(255, 255, 255);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem;
  }
  .header__navbarmobile--navcontent ul a:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(30, 30, 30);
  }
}

/****************************************************************************************************************
*   SITE: HEADER HERO
*****************************************************************************************************************/
.hero {
  position: relative;
  width: 98%;
  margin: 0 auto;
}
.hero img {
  width: 100%;
  height: auto;
}
.hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.3);
  text-align: center;
  display: grid;
  align-items: center;
  justify-items: center;
}
.hero__overlay--content {
  font-size: 5rem;
  font-weight: bolder;
  color: rgb(255, 255, 255);
  text-shadow: 2px 2px 2px white;
  text-shadow: 3px 3px 4px black;
}
@media (max-width: 2150px) {
  .hero__overlay--content h4 {
    font-size: 3rem;
  }
  .hero__overlay--content h1 {
    font-size: 4.5rem;
  }
}
@media (max-width: 1920px) {
  .hero__overlay--content h4 {
    font-size: 2.5rem;
  }
  .hero__overlay--content h1 {
    font-size: 4rem;
  }
}
@media (max-width: 1280px) {
  .hero__overlay--content h4 {
    font-size: 2rem;
  }
  .hero__overlay--content h1 {
    font-size: 3.5rem;
  }
}
@media (max-width: 1024px) {
  .hero__overlay--content h4 {
    font-size: 2rem;
  }
  .hero__overlay--content h1 {
    font-size: 3rem;
  }
}
@media (max-width: 900px) {
  .hero__overlay--content h4 {
    font-size: 1.8rem;
  }
  .hero__overlay--content h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 699px) {
  .hero__overlay--content h4 {
    font-size: 1.6rem;
  }
  .hero__overlay--content h1 {
    font-size: 2rem;
  }
}
@media (max-width: 549px) {
  .hero__overlay--content h4 {
    font-size: 1.4rem;
  }
  .hero__overlay--content h1 {
    font-size: 1.75rem;
  }
}
@media (max-width: 449px) {
  .hero__overlay--content h4 {
    font-size: 1.2rem;
  }
  .hero__overlay--content h1 {
    font-size: 1.5rem;
  }
}
@media (max-width: 399px) {
  .hero__overlay--content h4 {
    font-size: 1rem;
  }
  .hero__overlay--content h1 {
    font-size: 1.25rem;
  }
}

/****************************************************************************************************************
*   CONTACT
*****************************************************************************************************************/
.contact {
  width: 98%;
  margin: 0 auto;
  padding: 7.5% 0 7.5% 0;
  background-color: rgb(245, 245, 245);
  color: rgb(255, 255, 255);
}
.contact__title {
  width: 82.5%;
  margin: 0 auto;
  padding-bottom: 4%;
  background-color: rgb(80, 80, 80);
  font-size: 3.5rem;
  color: rgb(255, 255, 255);
}
.contact__title--1 {
  padding: 7.5% 7.5% 4% 7.5%;
}
@media (max-width: 2150px) {
  .contact__title--1 {
    font-size: 3rem;
  }
}
@media (max-width: 1920px) {
  .contact__title--1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1280px) {
  .contact__title--1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 1024px) {
  .contact__title--1 {
    font-size: 2.1rem;
  }
}
@media (max-width: 900px) {
  .contact__title--1 {
    font-size: 2rem;
  }
}
@media (max-width: 699px) {
  .contact__title--1 {
    font-size: 1.9rem;
  }
}
@media (max-width: 549px) {
  .contact__title--1 {
    font-size: 1.8rem;
  }
}
@media (max-width: 449px) {
  .contact__title--1 {
    font-size: 1.7rem;
  }
}
@media (max-width: 399px) {
  .contact__title--1 {
    font-size: 1.6rem;
  }
}
.contact__title--2 {
  padding: 0 7.5%;
  font-size: 2.5rem;
}
.contact__title--2 a {
  color: rgb(255, 255, 255);
}
.contact__title--2 a:hover {
  color: rgb(211, 211, 211);
}
@media (max-width: 2150px) {
  .contact__title--2 {
    font-size: 2rem;
  }
}
@media (max-width: 1920px) {
  .contact__title--2 {
    font-size: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .contact__title--2 {
    font-size: 1.25rem;
  }
}
@media (max-width: 1024px) {
  .contact__title--2 {
    font-size: 1.1rem;
  }
}
@media (max-width: 900px) {
  .contact__title--2 {
    font-size: 1rem;
  }
}
@media (max-width: 699px) {
  .contact__title--2 {
    font-size: 0.9rem;
  }
}
@media (max-width: 549px) {
  .contact__title--2 {
    font-size: 0.8rem;
  }
}
@media (max-width: 449px) {
  .contact__title--2 {
    font-size: 0.7rem;
  }
}
@media (max-width: 399px) {
  .contact__title--2 {
    font-size: 0.6rem;
  }
}
.contact__content {
  width: 82.5%;
  margin: 0 auto;
  /****************************************************************************************************************
  *   CONTACT FORM
  *****************************************************************************************************************/
}
.contact__content .contactForm {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.contact__content .contactForm__content {
  background-color: rgb(211, 211, 211);
  color: rgb(255, 255, 255);
  padding: 3.125rem;
}
.contact__content .contactForm__content p {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.contact__content .contactForm__content .message-sent {
  display: block;
  background-color: red;
  color: yellow;
  font-size: 1rem;
  text-align: center;
}
.contact__content .contactForm__content--header {
  font-size: 3.5rem;
  font-weight: lighter;
  line-height: 1.2;
  padding: 0 5% 5% 5%;
  color: rgb(80, 80, 80);
}
@media (max-width: 2150px) {
  .contact__content .contactForm__content--header {
    font-size: 3rem;
  }
}
@media (max-width: 1920px) {
  .contact__content .contactForm__content--header {
    font-size: 2.5rem;
  }
}
@media (max-width: 1280px) {
  .contact__content .contactForm__content--header {
    font-size: 2.25rem;
  }
}
@media (max-width: 1024px) {
  .contact__content .contactForm__content--header {
    font-size: 2.1rem;
  }
}
@media (max-width: 900px) {
  .contact__content .contactForm__content--header {
    font-size: 2rem;
  }
}
@media (max-width: 699px) {
  .contact__content .contactForm__content--header {
    font-size: 1.9rem;
  }
}
@media (max-width: 549px) {
  .contact__content .contactForm__content--header {
    font-size: 1.8rem;
  }
}
@media (max-width: 449px) {
  .contact__content .contactForm__content--header {
    font-size: 1.7rem;
  }
}
@media (max-width: 399px) {
  .contact__content .contactForm__content--header {
    font-size: 1.6rem;
  }
}
.contact__content .contactForm__content--fillin {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(327px, 1fr));
  grid-gap: 5%;
  padding: 0 5%;
}
.contact__content .contactForm__content--fillin-column-inputfield {
  width: 100%;
  height: 3rem;
  margin-bottom: 1.75rem;
  background-color: rgb(255, 255, 255);
  font-size: 1.75rem;
  border: 1px solid rgb(80, 80, 80);
  padding-left: 5px;
}
@media (max-width: 2150px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 1.7rem;
  }
}
@media (max-width: 1920px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 1.3rem;
  }
}
@media (max-width: 900px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 1.2rem;
  }
}
@media (max-width: 699px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 1.1rem;
  }
}
@media (max-width: 549px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 1rem;
  }
}
@media (max-width: 449px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 0.9rem;
  }
}
@media (max-width: 399px) {
  .contact__content .contactForm__content--fillin-column-inputfield {
    font-size: 0.8rem;
  }
}
.contact__content .contactForm__content--fillin-column-inputfield-message {
  width: 100%;
  height: 10rem;
}
.contact__content .contactForm__content--fillin-column-txt-dsgvo-check {
  width: 2rem;
  height: 2rem;
}
.contact__content .contactForm__content--fillin-column-txt-dsgvo-check-required {
  color: red;
  font-size: 2.5rem;
}
.contact__content .contactForm__content--fillin-column-txt-dsgvo {
  font-size: 1.5rem;
  color: black;
}
@media (max-width: 1280px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 1.35rem;
  }
}
@media (max-width: 1024px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 1.25rem;
  }
}
@media (max-width: 699px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 1.05rem;
  }
}
@media (max-width: 649px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 1.03rem;
  }
}
@media (max-width: 599px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 1.01rem;
  }
}
@media (max-width: 549px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 0.99rem;
  }
}
@media (max-width: 499px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 0.97rem;
  }
}
@media (max-width: 449px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 0.95rem;
  }
}
@media (max-width: 399px) {
  .contact__content .contactForm__content--fillin-column-txt-dsgvo {
    font-size: 0.93rem;
  }
}
.contact__content .contactForm__content--fillin-column-buttonSubmit {
  background-color: rgb(255, 255, 255);
  margin-bottom: 0rem;
  width: 20rem;
  height: 4rem;
  font-size: 1.5rem;
}
.contact__content .contactForm__content--fillin-column-buttonSubmit:hover {
  background-color: rgb(80, 80, 80);
  color: rgb(255, 255, 255);
}
.contact__content .contact-inputfield:focus,
.contact__content input.contact-inputfield:focus {
  border: 0.0625rem solid rgb(30, 30, 30);
  background-color: rgb(230, 230, 230);
  transition: all 1s;
}
.contact__content .contact-form {
  margin-bottom: 0rem;
}
.contact__content .contact-label {
  color: rgb(255, 255, 255);
  display: none;
}
.contact__content .no-placeholder .contact-label {
  display: block;
}

/****************************************************************************************************************
*   SITE: LEGAL ADVISE
*****************************************************************************************************************/
.legalAdvise {
  width: 98%;
  margin: 0 auto;
  padding-top: 3%;
  background-color: rgb(30, 30, 30);
}
.legalAdvise__BGOverlay {
  width: 75%;
  margin: 0% auto;
  background-color: rgb(255, 255, 255);
  border-radius: 3rem;
  padding-top: 4%;
  padding-bottom: 2%;
}
.legalAdvise__BGOverlay--Banderole {
  background-color: rgb(30, 30, 30);
  padding: 1% 2.5%;
  font-size: 3rem;
  font-weight: lighter;
  color: rgb(255, 255, 255);
  margin-bottom: 2%;
}
.legalAdvise__BGOverlay--Txt--Mainpart {
  padding: 0 3.5%;
  font-size: 1.5rem;
  margin-bottom: 0%;
}
.legalAdvise__BGOverlay--Txt--MainpartName {
  padding: 0 3.5%;
  font-size: 1.5rem;
  font-weight: bolder;
  line-height: 1.8rem;
  margin-bottom: 1%;
}
.legalAdvise__BGOverlay--Txt .row {
  margin: 0;
  font-size: 1.5rem;
}
.legalAdvise__BGOverlay--Txt .row .legalAdvise__BGOverlay--Column {
  padding: 0 3.5%;
}
.legalAdvise__BGOverlay--Txt .row .legalAdvise__BGOverlay--Txt {
  font-size: 3rem;
}
.legalAdvise__BGOverlay--Txt .row .legalAdvise__BGOverlay--Txt--Header1 {
  padding: 0;
  margin-top: 5rem;
  margin-bottom: 2rem;
}
.legalAdvise__BGOverlay--Txt .row .legalAdvise__BGOverlay--Txt--Header {
  padding: 0;
  margin-top: 2%;
  font-weight: 700;
}
.legalAdvise__BGOverlay--Txt .row .legalAdvise__BGOverlay--Txt--Content {
  margin-top: 0;
  padding: 0;
}
.legalAdvise__BGOverlay--Txt .row .legalAdvise__BGOverlay--Txt--Txt--ContentBolder {
  text-align: justify;
  font-weight: 700;
}

.project {
  width: 98%;
  margin: 0 auto;
  color: rgb(80, 80, 80);
  font-size: 1.5rem;
}
.project__hero {
  width: 100%;
  position: relative;
  background-color: black;
}
.project__hero--BGOverlay-top {
  width: 85%;
  height: 10rem;
  position: absolute;
  top: 0;
  left: 7.5%;
  background-color: rgb(211, 211, 211);
  border: solid 1rem rgb(255, 255, 255);
  border-top: none;
  color: rgb(80, 80, 80);
  text-align: center;
  padding-top: 1.5rem;
}
@media (max-width: 2150px) {
  .project__hero--BGOverlay-top h1 {
    font-size: 5rem;
  }
}
@media (max-width: 1920px) {
  .project__hero--BGOverlay-top {
    padding-top: 1.3rem;
    height: 9rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 4.5rem;
  }
}
@media (max-width: 1280px) {
  .project__hero--BGOverlay-top {
    padding-top: 1.15rem;
    height: 8rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 4rem;
  }
}
@media (max-width: 1024px) {
  .project__hero--BGOverlay-top {
    padding-top: 1.1rem;
    height: 7.5rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 3.5rem;
  }
}
@media (max-width: 900px) {
  .project__hero--BGOverlay-top {
    height: 7.25rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .project__hero--BGOverlay-top {
    height: 6.8rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 699px) {
  .project__hero--BGOverlay-top {
    height: 6rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 2rem;
  }
}
@media (max-width: 549px) {
  .project__hero--BGOverlay-top {
    height: 5.3rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 1.5rem;
  }
}
@media (max-width: 449px) {
  .project__hero--BGOverlay-top {
    height: 4.8rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 1.25rem;
  }
}
@media (max-width: 399px) {
  .project__hero--BGOverlay-top {
    height: 4.5rem;
  }
  .project__hero--BGOverlay-top h1 {
    font-size: 1rem;
  }
}
.project__hero--BGOverlay-bottom {
  width: 85%;
  height: 17.5rem;
  position: absolute;
  top: 92.5%;
  left: 7.5%;
  background-color: rgb(211, 211, 211);
  border: solid 1rem rgb(255, 255, 255);
  font-size: 2.7rem;
  display: grid;
  grid-template-rows: repeat(2, 50%);
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
  align-items: center;
}
@media (max-width: 2150px) {
  .project__hero--BGOverlay-bottom {
    height: 15rem;
    font-size: 2.5rem;
  }
}
@media (max-width: 1920px) {
  .project__hero--BGOverlay-bottom {
    height: 14.5rem;
    font-size: 2.3rem;
  }
}
@media (max-width: 1680px) {
  .project__hero--BGOverlay-bottom {
    height: 14rem;
    font-size: 2.1rem;
  }
}
@media (max-width: 1440px) {
  .project__hero--BGOverlay-bottom {
    height: 13.5rem;
    font-size: 1.9rem;
  }
}
@media (max-width: 1280px) {
  .project__hero--BGOverlay-bottom {
    height: 12rem;
    font-size: 1.7rem;
  }
}
@media (max-width: 1152px) {
  .project__hero--BGOverlay-bottom {
    height: 11.5rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .project__hero--BGOverlay-bottom {
    height: 11rem;
    font-size: 1.3rem;
  }
}
@media (max-width: 900px) {
  .project__hero--BGOverlay-bottom {
    height: 10.5rem;
    font-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .project__hero--BGOverlay-bottom {
    height: 10rem;
    font-size: 1rem;
  }
}
@media (max-width: 699px) {
  .project__hero--BGOverlay-bottom {
    height: 9.5rem;
    font-size: 1rem;
  }
}
@media (max-width: 599px) {
  .project__hero--BGOverlay-bottom {
    height: 9rem;
    font-size: 1rem;
  }
}
@media (max-width: 499px) {
  .project__hero--BGOverlay-bottom {
    height: 8.5rem;
    font-size: 1rem;
  }
}
.project__hero--BGOverlay-bottom .imgsvg {
  padding-top: 2rem;
  width: 8rem;
  height: 8rem;
}
@media (max-width: 1680px) {
  .project__hero--BGOverlay-bottom .imgsvg {
    padding-top: 1.8rem;
    width: 7rem;
    height: 7rem;
  }
}
@media (max-width: 1280px) {
  .project__hero--BGOverlay-bottom .imgsvg {
    padding-top: 1.6rem;
    width: 6rem;
    height: 6rem;
  }
}
@media (max-width: 768px) {
  .project__hero--BGOverlay-bottom .imgsvg {
    padding-top: 1.4rem;
    width: 5rem;
    height: 5rem;
  }
}
@media (max-width: 599px) {
  .project__hero--BGOverlay-bottom .imgsvg {
    padding-top: 1.2rem;
    width: 4.5rem;
    height: 4.5rem;
  }
}
@media (max-width: 399px) {
  .project__hero--BGOverlay-bottom .imgsvg {
    padding-top: 1rem;
    width: 4rem;
    height: 4rem;
  }
}
.project__datacontainer {
  width: 100%;
  height: 50%;
  margin: 0% auto;
  padding: 0 7.5% 0 7.5%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-color: rgb(245, 245, 245);
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(356px, 1fr));
  grid-gap: 5%;
  font-size: 1.75rem;
}
@media (max-width: 1280px) {
  .project__datacontainer {
    font-size: 1.6rem;
  }
}
@media (max-width: 1024px) {
  .project__datacontainer {
    font-size: 1.4rem;
  }
}
@media (max-width: 699px) {
  .project__datacontainer {
    font-size: 1.2rem;
  }
}
@media (max-width: 649px) {
  .project__datacontainer {
    font-size: 1.18rem;
  }
}
@media (max-width: 599px) {
  .project__datacontainer {
    font-size: 1.16rem;
  }
}
@media (max-width: 549px) {
  .project__datacontainer {
    font-size: 1.14rem;
  }
}
@media (max-width: 499px) {
  .project__datacontainer {
    font-size: 1.12rem;
  }
}
@media (max-width: 449px) {
  .project__datacontainer {
    font-size: 1.1rem;
  }
}
@media (max-width: 399px) {
  .project__datacontainer {
    font-size: 1.08rem;
  }
}
.project__datacontainer--location {
  background-color: rgb(245, 245, 245);
  text-align: justify;
}
@media (max-width: 900px) {
  .project__datacontainer--location {
    margin-bottom: 2rem;
  }
}
.project__datacontainer--description {
  background-color: rgb(245, 245, 245);
  text-align: justify;
}
.project__imagecontainer-title {
  padding: 4% 0 0 0;
  background-color: rgb(211, 211, 211);
  color: rgb(80, 80, 80);
  text-align: center;
}
@media (max-width: 2150px) {
  .project__imagecontainer-title h4 {
    font-size: 3rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 2rem;
  }
}
@media (max-width: 1920px) {
  .project__imagecontainer-title h4 {
    font-size: 2.5rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .project__imagecontainer-title h4 {
    font-size: 2.25rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 1.25rem;
  }
}
@media (max-width: 1024px) {
  .project__imagecontainer-title h4 {
    font-size: 2.1rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 1.1rem;
  }
}
@media (max-width: 900px) {
  .project__imagecontainer-title h4 {
    font-size: 2rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 1rem;
  }
}
@media (max-width: 699px) {
  .project__imagecontainer-title h4 {
    font-size: 1.9rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 0.9rem;
  }
}
@media (max-width: 549px) {
  .project__imagecontainer-title h4 {
    font-size: 1.8rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 0.8rem;
  }
}
@media (max-width: 449px) {
  .project__imagecontainer-title h4 {
    font-size: 1.7rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 0.7rem;
  }
}
@media (max-width: 399px) {
  .project__imagecontainer-title h4 {
    font-size: 1.6rem;
  }
  .project__imagecontainer-title h6 {
    font-size: 0.6rem;
  }
}
.project__imagecontainer {
  padding: 4% 0 7.5% 0;
  display: grid;
  background-color: rgb(211, 211, 211);
  grid-template-rows: repeat(3, min-content);
  grid-template-columns: 1fr repeat(2, 41.35%) 1fr;
}
.project__imagecontainer--gallery1 {
  background-color: rgb(255, 255, 255);
  grid-row: 1;
  grid-column: 2;
  display: grid;
  grid-template-rows: repeat(5, 10.5vw);
  grid-template-columns: repeat(3, 32%);
  grid-gap: 0.5vw;
  padding: 0.5vw 0.125vw 0.2vw 0.5vw;
  justify-content: center;
}
.project__imagecontainer--gallery1-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  cursor: pointer;
  transition: transform 0.2s;
}
.project__imagecontainer--gallery1-img :hover {
  transform: scale(1.05);
}
.project__imagecontainer--gallery1-item01 {
  grid-row: 1;
  grid-column: 1;
}
.project__imagecontainer--gallery1-item02 {
  grid-row: 1;
  grid-column: 2;
}
.project__imagecontainer--gallery1-item03 {
  grid-row: 1/span 2;
  grid-column: 3;
}
.project__imagecontainer--gallery1-item04 {
  grid-row: 2/span 2;
  grid-column: 1/span 2;
}
.project__imagecontainer--gallery1-item05 {
  grid-row: 3;
  grid-column: 3;
}
.project__imagecontainer--gallery1-item06 {
  grid-row: 4/span 2;
  grid-column: 1;
}
.project__imagecontainer--gallery1-item07 {
  grid-row: 4/span 2;
  grid-column: 2/span 2;
}
.project__imagecontainer--gallery2 {
  background-color: rgb(255, 255, 255);
  grid-row: 1;
  grid-column: 3;
  display: grid;
  grid-template-rows: repeat(5, 10.5vw);
  grid-template-columns: repeat(3, 32%);
  grid-gap: 0.5vw;
  padding: 0.5vw 0.5vw 0.2vw 0.125vw;
  justify-content: center;
}
.project__imagecontainer--gallery2-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.project__imagecontainer--gallery2-item01 {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
}
.project__imagecontainer--gallery2-item02 {
  grid-row: 1/span 2;
  grid-column: 3;
}
.project__imagecontainer--gallery2-item03 {
  grid-row: 3;
  grid-column: 1;
}
.project__imagecontainer--gallery2-item04 {
  grid-row: 3/span 2;
  grid-column: 2;
}
.project__imagecontainer--gallery2-item05 {
  grid-row: 3;
  grid-column: 3;
}
.project__imagecontainer--gallery2-item06 {
  grid-row: 4;
  grid-column: 3;
}
.project__imagecontainer--gallery2-item07 {
  grid-row: 4/span 2;
  grid-column: 1;
}
.project__imagecontainer--gallery2-item08 {
  grid-row: 5;
  grid-column: 2;
}
.project__imagecontainer--gallery2-item09 {
  grid-row: 5;
  grid-column: 3;
}
.project__imagecontainer--gallery3 {
  background-color: rgb(255, 255, 255);
  grid-row: 2;
  grid-column: 2;
  display: grid;
  grid-template-rows: repeat(5, 10.5vw);
  grid-template-columns: repeat(3, 32%);
  grid-gap: 0.5vw;
  padding: 0.2vw 0.125vw 0.5vw 0.5vw;
  justify-content: center;
}
.project__imagecontainer--gallery3-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.project__imagecontainer--gallery3-item01 {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
}
.project__imagecontainer--gallery3-item02 {
  grid-row: 1/span 2;
  grid-column: 3;
}
.project__imagecontainer--gallery3-item03 {
  grid-row: 3;
  grid-column: 1;
}
.project__imagecontainer--gallery3-item04 {
  grid-row: 3/span 2;
  grid-column: 2;
}
.project__imagecontainer--gallery3-item05 {
  grid-row: 3;
  grid-column: 3;
}
.project__imagecontainer--gallery3-item06 {
  grid-row: 4;
  grid-column: 3;
}
.project__imagecontainer--gallery3-item07 {
  grid-row: 4/span 2;
  grid-column: 1;
}
.project__imagecontainer--gallery3-item08 {
  grid-row: 5;
  grid-column: 2;
}
.project__imagecontainer--gallery3-item09 {
  grid-row: 5;
  grid-column: 3;
}
.project__imagecontainer--gallery4 {
  background-color: rgb(255, 255, 255);
  grid-row: 2;
  grid-column: 3;
  display: grid;
  grid-template-rows: repeat(5, 10.5vw);
  grid-template-columns: repeat(3, 32%);
  grid-gap: 0.5vw;
  padding: 0.2vw 0.5vw 0.5vw 0.125vw;
  justify-content: center;
}
.project__imagecontainer--gallery4-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.project__imagecontainer--gallery4-item01 {
  grid-row: 1;
  grid-column: 1;
}
.project__imagecontainer--gallery4-item02 {
  grid-row: 1;
  grid-column: 2;
}
.project__imagecontainer--gallery4-item03 {
  grid-row: 1/span 2;
  grid-column: 3;
}
.project__imagecontainer--gallery4-item04 {
  grid-row: 2/span 2;
  grid-column: 1/span 2;
}
.project__imagecontainer--gallery4-item05 {
  grid-row: 3;
  grid-column: 3;
}
.project__imagecontainer--gallery4-item06 {
  grid-row: 4/span 2;
  grid-column: 1;
}
.project__imagecontainer--gallery4-item07 {
  grid-row: 4/span 2;
  grid-column: 2/span 2;
}
.project__imagecontainer--gallery5 {
  background-color: rgb(255, 255, 255);
  grid-row: 3;
  grid-column: 2;
  display: grid;
  grid-template-rows: repeat(5, 10.5vw);
  grid-template-columns: repeat(3, 32%);
  grid-gap: 0.5vw;
  padding: 0.5vw 0.125vw 0.2vw 0.5vw;
  justify-content: center;
}
.project__imagecontainer--gallery5-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  cursor: pointer;
  transition: transform 0.2s;
}
.project__imagecontainer--gallery5-img :hover {
  transform: scale(1.05);
}
.project__imagecontainer--gallery5-item01 {
  grid-row: 1;
  grid-column: 1;
}
.project__imagecontainer--gallery5-item02 {
  grid-row: 1;
  grid-column: 2;
}
.project__imagecontainer--gallery5-item03 {
  grid-row: 1/span 2;
  grid-column: 3;
}
.project__imagecontainer--gallery5-item04 {
  grid-row: 2/span 2;
  grid-column: 1/span 2;
}
.project__imagecontainer--gallery5-item05 {
  grid-row: 3;
  grid-column: 3;
}
.project__imagecontainer--gallery5-item06 {
  grid-row: 4/span 2;
  grid-column: 1;
}
.project__imagecontainer--gallery5-item07 {
  grid-row: 4/span 2;
  grid-column: 2/span 2;
}
.project__imagecontainer--gallery6 {
  background-color: rgb(255, 255, 255);
  grid-row: 3;
  grid-column: 3;
  display: grid;
  grid-template-rows: repeat(5, 10.5vw);
  grid-template-columns: repeat(3, 32%);
  grid-gap: 0.5vw;
  padding: 0.5vw 0.5vw 0.2vw 0.125vw;
  justify-content: center;
}
.project__imagecontainer--gallery6-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.project__imagecontainer--gallery6-item01 {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
}
.project__imagecontainer--gallery6-item02 {
  grid-row: 1/span 2;
  grid-column: 3;
}
.project__imagecontainer--gallery6-item03 {
  grid-row: 3;
  grid-column: 1;
}
.project__imagecontainer--gallery6-item04 {
  grid-row: 3/span 2;
  grid-column: 2;
}
.project__imagecontainer--gallery6-item05 {
  grid-row: 3;
  grid-column: 3;
}
.project__imagecontainer--gallery6-item06 {
  grid-row: 4;
  grid-column: 3;
}
.project__imagecontainer--gallery6-item07 {
  grid-row: 4/span 2;
  grid-column: 1;
}
.project__imagecontainer--gallery6-item08 {
  grid-row: 5;
  grid-column: 2;
}
.project__imagecontainer--gallery6-item09 {
  grid-row: 5;
  grid-column: 3;
}
.project__popup {
  display: none;
  position: fixed;
  top: 7.5vh;
  left: 2.5vw;
  width: 95vw;
  height: 90vh;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
.project__popup img {
  max-width: 100%;
  max-height: 100%;
}
.project__popup:target {
  display: flex;
}
.project__popup .nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}
.project__popup .nav a {
  color: white;
  font-size: 2em;
  text-decoration: none;
  padding: 0 20px;
}

/****************************************************************************************************************
*   SITE: FLOORPLAN
*****************************************************************************************************************/
.floorplan {
  background-color: rgb(245, 245, 245);
  width: 98%;
  margin: 0 auto;
  padding: 0 0 7.5% 0;
}
.floorplan--header {
  margin: 0;
  padding: 4% 0 4% 0;
  text-align: center;
  color: rgb(80, 80, 80);
}
@media (max-width: 2150px) {
  .floorplan--header h4 {
    font-size: 3rem;
  }
  .floorplan--header h6 {
    font-size: 2rem;
  }
}
@media (max-width: 1920px) {
  .floorplan--header h4 {
    font-size: 2.5rem;
  }
  .floorplan--header h6 {
    font-size: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .floorplan--header h4 {
    font-size: 2.25rem;
  }
  .floorplan--header h6 {
    font-size: 1.25rem;
  }
}
@media (max-width: 1024px) {
  .floorplan--header h4 {
    font-size: 2.1rem;
  }
  .floorplan--header h6 {
    font-size: 1.1rem;
  }
}
@media (max-width: 900px) {
  .floorplan--header h4 {
    font-size: 2rem;
  }
  .floorplan--header h6 {
    font-size: 1rem;
  }
}
@media (max-width: 699px) {
  .floorplan--header h4 {
    font-size: 1.9rem;
  }
  .floorplan--header h6 {
    font-size: 0.9rem;
  }
}
@media (max-width: 549px) {
  .floorplan--header h4 {
    font-size: 1.8rem;
  }
  .floorplan--header h6 {
    font-size: 0.8rem;
  }
}
@media (max-width: 449px) {
  .floorplan--header h4 {
    font-size: 1.7rem;
  }
  .floorplan--header h6 {
    font-size: 0.7rem;
  }
}
@media (max-width: 399px) {
  .floorplan--header h4 {
    font-size: 1.6rem;
  }
  .floorplan--header h6 {
    font-size: 0.6rem;
  }
}
.floorplan__plan {
  background-color: rgb(255, 255, 255);
  width: 82.5%;
  margin: 0% auto;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 20px;
  align-items: center;
  align-content: center;
  /***************************************
      SURFACE-TABLE
  ****************************************/
}
.floorplan__plan .imgGF {
  width: 100%;
  height: auto;
}
.floorplan__plan .imgFF {
  width: 95%;
  height: auto;
  padding-left: 6%;
}
.floorplan__plan .imgPD {
  width: 95%;
  height: auto;
  padding-left: 6%;
}
.floorplan__plan--table {
  width: 70%;
  margin: 0 auto;
  font-size: 1.5rem;
  padding-bottom: 4%;
}
@media (max-width: 1280px) {
  .floorplan__plan--table {
    font-size: 1.35rem;
  }
}
@media (max-width: 1024px) {
  .floorplan__plan--table {
    font-size: 1.15rem;
  }
}
@media (max-width: 699px) {
  .floorplan__plan--table {
    font-size: 0.95rem;
  }
}
@media (max-width: 649px) {
  .floorplan__plan--table {
    font-size: 0.93rem;
  }
}
@media (max-width: 599px) {
  .floorplan__plan--table {
    font-size: 0.91rem;
  }
}
@media (max-width: 549px) {
  .floorplan__plan--table {
    font-size: 0.89rem;
  }
}
@media (max-width: 499px) {
  .floorplan__plan--table {
    font-size: 0.87rem;
  }
}
@media (max-width: 449px) {
  .floorplan__plan--table {
    font-size: 0.85rem;
  }
}
@media (max-width: 399px) {
  .floorplan__plan--table {
    font-size: 0.83rem;
  }
}
.floorplan__plan--table .distributionplansSurfacesTableRoomHeader {
  width: 60%;
  background-color: rgb(211, 211, 211);
  color: rgb(80, 80, 80);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.floorplan__plan--table .distributionplansSurfacesTableSurfaceHeader {
  width: 40%;
  background-color: rgb(211, 211, 211);
  color: rgb(80, 80, 80);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.floorplan__plan--table .distributionplansSurfacesTableRoomLine {
  width: 60%;
  padding-left: 10px;
  border: 1px solid rgb(211, 211, 211);
  color: rgb(80, 80, 80);
  text-align: left;
}
.floorplan__plan--table .distributionplansSurfacesTableSurfaceLine {
  width: 40%;
  border: 1px solid rgb(211, 211, 211);
  color: rgb(80, 80, 80);
  text-align: right;
  padding-right: 10px;
}
.floorplan__plan--table .distributionplansSurfacesTableRoomTotal {
  background-color: rgb(211, 211, 211);
  border: 1px solid rgb(211, 211, 211);
  color: rgb(80, 80, 80);
  text-align: left;
  padding-left: 10px;
}
.floorplan__plan--table .distributionplansSurfacesTableSurfaceTotal {
  background-color: rgb(211, 211, 211);
  border: 1px solid rgb(211, 211, 211);
  color: rgb(80, 80, 80);
  text-align: right;
  padding-right: 10px;
}
.floorplan__plan--table .distributionplansSurfacesTable {
  width: 100%;
  border: 2px solid rgb(211, 211, 211);
}
.floorplan__plan--table .distributionplansSurfacesTxt {
  position: absolute;
  z-index: 40;
  top: 87.5%;
  left: 42%;
  color: rgb(255, 255, 255);
  font-size: 12px;
}
.floorplan__plan--table .distributionplansSurfacesNote {
  margin: 1% 0 0 1%;
  font-size: 1rem;
}
@media (max-width: 1280px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.95rem;
  }
}
@media (max-width: 1024px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.9rem;
  }
}
@media (max-width: 699px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.85rem;
  }
}
@media (max-width: 649px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.8rem;
  }
}
@media (max-width: 599px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.75rem;
  }
}
@media (max-width: 549px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.7rem;
  }
}
@media (max-width: 499px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.65rem;
  }
}
@media (max-width: 449px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.6rem;
  }
}
@media (max-width: 399px) {
  .floorplan__plan--table .distributionplansSurfacesNote {
    font-size: 0.55rem;
  }
}

/****************************************************************************************************************
*   SITE: LOCATION
*****************************************************************************************************************/
.location-title {
  padding: 4% 0 4% 0;
  background-color: rgb(255, 255, 255);
  color: rgb(80, 80, 80);
  text-align: center;
}
@media (max-width: 2150px) {
  .location-title h4 {
    font-size: 3rem;
  }
  .location-title h6 {
    font-size: 2rem;
  }
}
@media (max-width: 1920px) {
  .location-title h4 {
    font-size: 2.5rem;
  }
  .location-title h6 {
    font-size: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .location-title h4 {
    font-size: 2.25rem;
  }
  .location-title h6 {
    font-size: 1.25rem;
  }
}
@media (max-width: 1024px) {
  .location-title h4 {
    font-size: 2.1rem;
  }
  .location-title h6 {
    font-size: 1.1rem;
  }
}
@media (max-width: 900px) {
  .location-title h4 {
    font-size: 2rem;
  }
  .location-title h6 {
    font-size: 1rem;
  }
}
@media (max-width: 699px) {
  .location-title h4 {
    font-size: 1.9rem;
  }
  .location-title h6 {
    font-size: 0.9rem;
  }
}
@media (max-width: 549px) {
  .location-title h4 {
    font-size: 1.8rem;
  }
  .location-title h6 {
    font-size: 0.8rem;
  }
}
@media (max-width: 449px) {
  .location-title h4 {
    font-size: 1.7rem;
  }
  .location-title h6 {
    font-size: 0.7rem;
  }
}
@media (max-width: 399px) {
  .location-title h4 {
    font-size: 1.6rem;
  }
  .location-title h6 {
    font-size: 0.6rem;
  }
}

.location-end {
  padding: 0 0 7.5% 0;
  background-color: rgb(255, 255, 255);
  color: rgb(80, 80, 80);
  text-align: center;
}

.location {
  position: relative;
  background-color: rgb(255, 255, 255);
  width: 98%;
  margin: 0 auto;
  padding: 0 8.5% 0 8.5%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.location__wrapper-mallorcatext-backgroungimage {
  width: 100%;
  grid-row: 1;
  grid-column: 1;
  z-index: 1;
}
.location__wrapper-mallorcatext-backgroungimage img {
  width: 100%;
  height: auto;
}
.location__wrapper-mallorcatext {
  width: 100%;
  display: grid;
  justify-items: center;
  grid-row: 1;
  grid-column: 1;
  z-index: 2;
}
@media (max-width: 2150px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 3rem;
  }
}
@media (max-width: 1920px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1280px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 2.25rem;
  }
}
@media (max-width: 1024px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 2.1rem;
  }
}
@media (max-width: 900px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 2rem;
  }
}
@media (max-width: 699px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 1.9rem;
  }
}
@media (max-width: 549px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 1.8rem;
  }
}
@media (max-width: 449px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 1.7rem;
  }
}
@media (max-width: 399px) {
  .location__wrapper-mallorcatext h4 {
    font-size: 1.6rem;
  }
}
.location__wrapper-mallorcatext .macro-onhover-bg-slider {
  width: 100%;
  height: 100%;
  grid-row: 1;
  grid-column: 1;
  z-index: 50;
}
.location__wrapper-mallorcatext .micro-onhover-bg-slider {
  width: 100%;
  height: 100%;
  grid-row: 2;
  grid-column: 1;
  z-index: 50;
}
.location__wrapper-mallorcatext--macro {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: rgb(245, 245, 245);
  display: grid;
  justify-items: center;
  grid-row: 1;
  grid-column: 1;
  z-index: 100;
}
.location__wrapper-mallorcatext--macro--header {
  width: 82.5%;
  margin: 0;
  padding: 7.5% 0 0 0;
  font-size: 2rem;
  text-align: center;
  color: rgb(80, 80, 80);
}
.location__wrapper-mallorcatext--macro--content--1 {
  width: 82.5%;
  margin: 0;
  padding: 1% 0 0 0;
  text-align: center;
  color: rgb(80, 80, 80);
}
.location__wrapper-mallorcatext--macro--content--2 {
  width: 82.5%;
  margin: 0;
  padding: 1% 0 3% 0;
  text-align: center;
  color: rgb(80, 80, 80);
}
.location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
  font-size: 1.75rem;
}
@media (max-width: 1280px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 1024px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.4rem;
  }
}
@media (max-width: 699px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 649px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.18rem;
  }
}
@media (max-width: 599px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.16rem;
  }
}
@media (max-width: 549px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.14rem;
  }
}
@media (max-width: 499px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.12rem;
  }
}
@media (max-width: 449px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.1rem;
  }
}
@media (max-width: 399px) {
  .location__wrapper-mallorcatext--macro--content--1, .location__wrapper-mallorcatext--macro--content--2 {
    font-size: 1.08rem;
  }
}
.location__wrapper-mallorcatext--macro:hover {
  opacity: 0;
}
.location__wrapper-mallorcatext--micro {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: rgb(245, 245, 245);
  display: grid;
  justify-items: center;
  grid-row: 2;
  grid-column: 1;
  z-index: 100;
}
.location__wrapper-mallorcatext--micro--header {
  width: 82.5%;
  margin: 0;
  padding: 7.5% 0 0 0;
  font-size: 2rem;
  text-align: center;
  color: rgb(80, 80, 80);
}
.location__wrapper-mallorcatext--micro--content--1 {
  width: 82.5%;
  margin: 0;
  padding: 1% 0 0 0;
  font-size: 1.5rem;
  text-align: center;
  color: rgb(80, 80, 80);
}
.location__wrapper-mallorcatext--micro--content--2 {
  width: 82.5%;
  margin: 0;
  padding: 1% 0 3% 0;
  font-size: 1.5rem;
  text-align: center;
  color: rgb(80, 80, 80);
}
.location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
  font-size: 1.75rem;
}
@media (max-width: 1280px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 1024px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.4rem;
  }
}
@media (max-width: 699px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 649px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.18rem;
  }
}
@media (max-width: 599px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.16rem;
  }
}
@media (max-width: 549px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.14rem;
  }
}
@media (max-width: 499px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.12rem;
  }
}
@media (max-width: 449px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.1rem;
  }
}
@media (max-width: 399px) {
  .location__wrapper-mallorcatext--micro--content--1, .location__wrapper-mallorcatext--micro--content--2 {
    font-size: 1.08rem;
  }
}
.location__wrapper-mallorcatext--micro:hover {
  opacity: 0;
}
.location__wrapper-mallorcamap {
  background-color: rgb(142, 217, 237);
  width: 100%;
  position: relative;
  display: grid;
  align-items: center;
  justify-items: center;
}
.location__wrapper-mallorcamap--img {
  width: 82.5%;
}
.location__wrapper-mallorcamap--svg {
  position: absolute;
  top: 45.2%;
  left: 24.5%;
  transform: translate(-54.8%, -75.5%);
  width: 40px;
  height: 40px;
  fill: red;
  z-index: 2;
}

/****************************************************************************************************************
*   SITE: QUALITYDESCRIPTION
*****************************************************************************************************************/
.qualitydescription {
  width: 98%;
  margin: 0 auto;
  padding-bottom: 7.5%;
  background-color: rgb(211, 211, 211);
}
.qualitydescription-title {
  padding: 4% 0;
  text-align: center;
}
@media (max-width: 2150px) {
  .qualitydescription-title h4 {
    font-size: 3rem;
  }
}
@media (max-width: 1920px) {
  .qualitydescription-title h4 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1280px) {
  .qualitydescription-title h4 {
    font-size: 2.25rem;
  }
}
@media (max-width: 1024px) {
  .qualitydescription-title h4 {
    font-size: 2.1rem;
  }
}
@media (max-width: 900px) {
  .qualitydescription-title h4 {
    font-size: 2rem;
  }
}
@media (max-width: 699px) {
  .qualitydescription-title h4 {
    font-size: 1.9rem;
  }
}
@media (max-width: 549px) {
  .qualitydescription-title h4 {
    font-size: 1.8rem;
  }
}
@media (max-width: 449px) {
  .qualitydescription-title h4 {
    font-size: 1.7rem;
  }
}
@media (max-width: 399px) {
  .qualitydescription-title h4 {
    font-size: 1.6rem;
  }
}
.qualitydescription__BGOverlay {
  width: 82.5%;
  margin: 0% auto;
  background-color: rgb(255, 255, 255);
  padding-top: 2%;
}
.qualitydescription__BGOverlay--mainpart {
  padding: 0 3.5% 0 3.5%;
}
.qualitydescription__BGOverlay--mainpart-title {
  padding: 4% 2% 2% 2%;
  font-size: 3rem;
}
@media (max-width: 2150px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 2.75rem;
  }
}
@media (max-width: 1920px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 2.25rem;
  }
}
@media (max-width: 1280px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 2rem;
  }
}
@media (max-width: 1024px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 1.85rem;
  }
}
@media (max-width: 900px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 1.75rem;
  }
}
@media (max-width: 699px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 1.65rem;
  }
}
@media (max-width: 549px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 1.55rem;
  }
}
@media (max-width: 449px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 1.45rem;
  }
}
@media (max-width: 399px) {
  .qualitydescription__BGOverlay--mainpart-title {
    font-size: 1.35rem;
  }
}
.qualitydescription__BGOverlay--mainpart-columnwrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.qualitydescription__BGOverlay--mainpart-columnwrapper--column {
  padding: 0 5%;
}
.qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
  font-size: 2rem;
}
@media (max-width: 2150px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 2.5rem;
  }
}
@media (max-width: 1920px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 2rem;
  }
}
@media (max-width: 1280px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 1.75rem;
  }
}
@media (max-width: 1024px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 1.6rem;
  }
}
@media (max-width: 900px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 1.5rem;
  }
}
@media (max-width: 699px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 1.4rem;
  }
}
@media (max-width: 549px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 1.3rem;
  }
}
@media (max-width: 449px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 1.2rem;
  }
}
@media (max-width: 399px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-header {
    font-size: 1.1rem;
  }
}
.qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
  font-size: 1.5rem;
  text-align: justify;
}
@media (max-width: 1280px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 1.35rem;
  }
}
@media (max-width: 1024px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 1.25rem;
  }
}
@media (max-width: 699px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 1.05rem;
  }
}
@media (max-width: 649px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 1.03rem;
  }
}
@media (max-width: 599px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 1.01rem;
  }
}
@media (max-width: 549px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 0.99rem;
  }
}
@media (max-width: 499px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 0.97rem;
  }
}
@media (max-width: 449px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 0.95rem;
  }
}
@media (max-width: 399px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-content {
    font-size: 0.93rem;
  }
}
.qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
  font-size: 1.5rem;
  text-align: justify;
  font-weight: 700;
}
@media (max-width: 1280px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 1.35rem;
  }
}
@media (max-width: 1024px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 1.25rem;
  }
}
@media (max-width: 699px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 1.05rem;
  }
}
@media (max-width: 649px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 1.03rem;
  }
}
@media (max-width: 599px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 1.01rem;
  }
}
@media (max-width: 549px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 0.99rem;
  }
}
@media (max-width: 499px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 0.97rem;
  }
}
@media (max-width: 449px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 0.95rem;
  }
}
@media (max-width: 399px) {
  .qualitydescription__BGOverlay--mainpart-columnwrapper--column-contentBolder {
    font-size: 0.93rem;
  }
}
.qualitydescription__BGOverlay--TxtEnd {
  margin-top: 3%;
  padding-bottom: 5%;
  font-size: 1.5rem;
  text-align: center;
}
@media (max-width: 1280px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 1.35rem;
  }
}
@media (max-width: 1024px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 1.25rem;
  }
}
@media (max-width: 699px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 1.05rem;
  }
}
@media (max-width: 649px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 1.03rem;
  }
}
@media (max-width: 599px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 1.01rem;
  }
}
@media (max-width: 549px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 0.99rem;
  }
}
@media (max-width: 499px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 0.97rem;
  }
}
@media (max-width: 449px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 0.95rem;
  }
}
@media (max-width: 399px) {
  .qualitydescription__BGOverlay--TxtEnd {
    font-size: 0.93rem;
  }
}

/****************************************************************************************************************
*   VISIT CARDS
*****************************************************************************************************************/
.bodyvc {
  background-color: white;
}

.vc.wrapper {
  position: relative;
  margin-top: 3.125rem;
  margin-left: auto;
  margin-right: auto;
  width: 31.25rem;
  height: 18.75rem;
  border: 0.125rem solid rgb(30, 30, 30);
  background-color: white;
}
.vc.wrapper a {
  text-decoration: none;
}

.vc .header {
  position: relative;
  top: 0rem;
  left: 0rem;
  height: 6.25rem;
  text-align: center;
  background-color: rgb(30, 30, 30);
  color: rgb(255, 255, 255);
}

.vc .header h4 {
  padding-top: 0.625rem;
  font-weight: lighter;
}

.vc .header span {
  font-size: 1.3125rem;
  font-weight: lighter;
}

.vc .name {
  position: absolute;
  top: 6.6875rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1.875rem;
  font-weight: bold;
}

.vc .telefon {
  position: absolute;
  top: 9.0625rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1.25rem;
  font-weight: bold;
}

.vc .email {
  position: absolute;
  top: 10.625rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1.25rem;
  font-weight: bold;
}

.vc .street {
  position: absolute;
  top: 13.125rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1rem;
}

.vc .city {
  position: absolute;
  top: 14.6875rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1rem;
}

.vc .website {
  position: absolute;
  top: 16.25rem;
  left: 5.625rem;
  color: rgb(30, 30, 30);
  font-size: 1rem;
}

/****************************************************************************************************************
*   SITE: WELCOME
*****************************************************************************************************************/
.welcome {
  width: 98%;
  height: 80rem;
  margin: 0 auto;
  background-color: rgb(211, 211, 211);
  color: rgb(80, 80, 80);
}
@media (max-width: 1680px) {
  .welcome {
    height: 65rem;
  }
}
@media (max-width: 1280px) {
  .welcome {
    height: 60rem;
  }
}
@media (max-width: 1024px) {
  .welcome {
    height: 55rem;
  }
}
@media (max-width: 900px) {
  .welcome {
    height: 50rem;
  }
}
@media (max-width: 699px) {
  .welcome {
    height: 40rem;
  }
}
.welcome__title {
  width: 70%;
  margin: 0 auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  font-size: 3.5rem;
}
@media (max-width: 1280px) {
  .welcome__title {
    font-size: 3.1rem;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 1024px) {
  .welcome__title {
    font-size: 2.7rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
@media (max-width: 699px) {
  .welcome__title {
    font-size: 2.3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 649px) {
  .welcome__title {
    font-size: 2.1rem;
  }
}
@media (max-width: 599px) {
  .welcome__title {
    font-size: 1.9rem;
  }
}
@media (max-width: 549px) {
  .welcome__title {
    font-size: 1.7rem;
  }
}
@media (max-width: 499px) {
  .welcome__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 449px) {
  .welcome__title {
    font-size: 1.3rem;
  }
}
@media (max-width: 399px) {
  .welcome__title {
    font-size: 1.2rem;
  }
}
.welcome__content {
  width: 70%;
  margin: 0 auto;
  font-size: 1.75rem;
}
.welcome__content--line {
  margin-bottom: 2rem;
}
@media (max-width: 1280px) {
  .welcome__content--line {
    font-size: 1.6rem;
  }
}
@media (max-width: 1024px) {
  .welcome__content--line {
    font-size: 1.4rem;
  }
}
@media (max-width: 699px) {
  .welcome__content--line {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 649px) {
  .welcome__content--line {
    font-size: 1.18rem;
  }
}
@media (max-width: 599px) {
  .welcome__content--line {
    font-size: 1.16rem;
  }
}
@media (max-width: 549px) {
  .welcome__content--line {
    font-size: 1.14rem;
  }
}
@media (max-width: 499px) {
  .welcome__content--line {
    font-size: 1.12rem;
  }
}
@media (max-width: 449px) {
  .welcome__content--line {
    font-size: 1.1rem;
  }
}
@media (max-width: 399px) {
  .welcome__content--line {
    font-size: 1.08rem;
  }
}
.welcome__content--foto {
  margin-top: 5%;
  padding: 0;
  width: 20%;
  height: auto;
  float: left;
  background-color: rgb(187, 184, 184);
  background-color: rgb(221, 221, 221);
}
.welcome__content--foto img {
  width: 100%;
  height: auto;
}
.welcome__content--fototxt {
  margin-top: 7%;
  width: 70%;
  padding: 0;
  padding-left: 5rem;
  float: left;
}
@media (max-width: 900px) {
  .welcome__content--fototxt {
    padding-left: 3rem;
  }
}
@media (max-width: 649px) {
  .welcome__content--fototxt {
    padding-left: 2rem;
  }
}
.welcome__content--fototxt-txt {
  font-family: caveat;
  font-size: 3rem;
  line-height: 1;
  display: block;
}
@media (max-width: 1280px) {
  .welcome__content--fototxt-txt {
    font-size: 2.5rem;
  }
}
@media (max-width: 1024px) {
  .welcome__content--fototxt-txt {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .welcome__content--fototxt-txt {
    font-size: 2rem;
  }
}
@media (max-width: 699px) {
  .welcome__content--fototxt-txt {
    font-size: 1.8rem;
  }
}
@media (max-width: 549px) {
  .welcome__content--fototxt-txt {
    font-size: 1.5rem;
    margin-bottom: -3%;
  }
}
@media (max-width: 449px) {
  .welcome__content--fototxt-txt {
    font-size: 1.4rem;
    margin-bottom: -5%;
  }
}
@media (max-width: 399px) {
  .welcome__content--fototxt-txt {
    font-size: 1.2rem;
    margin-bottom: -6%;
  }
}
@media (max-width: 349px) {
  .welcome__content--fototxt-txt {
    font-size: 1rem;
    margin-bottom: -6%;
  }
}
.welcome__content--fototxt-signature {
  font-family: montserrat;
  font-size: 1.2rem;
  font-style: normal;
  display: inline-block;
}
@media (max-width: 1280px) {
  .welcome__content--fototxt-signature {
    font-size: 1.1rem;
  }
}
@media (max-width: 1024px) {
  .welcome__content--fototxt-signature {
    font-size: 1rem;
  }
}
@media (max-width: 699px) {
  .welcome__content--fototxt-signature {
    font-size: 0.9rem;
  }
}
@media (max-width: 649px) {
  .welcome__content--fototxt-signature {
    font-size: 0.85rem;
  }
}
@media (max-width: 599px) {
  .welcome__content--fototxt-signature {
    font-size: 0.8rem;
  }
}
@media (max-width: 549px) {
  .welcome__content--fototxt-signature {
    font-size: 0.75rem;
  }
}
@media (max-width: 499px) {
  .welcome__content--fototxt-signature {
    font-size: 0.7rem;
  }
}
@media (max-width: 449px) {
  .welcome__content--fototxt-signature {
    font-size: 0.65rem;
    line-height: 120%;
  }
}
@media (max-width: 399px) {
  .welcome__content--fototxt-signature {
    font-size: 0.6rem;
  }
}/*# sourceMappingURL=style.css.map */