.tp-landingpage .w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.tp-landingpage .mobile {
  display: none;
}.tp-landingpage {
  max-width: 1250px;
  padding-bottom: 40px;
}
.tp-landingpage .heading {
  text-align: center;
  width: 90%;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
}
.tp-landingpage .bold-text {
  font-weight: 300;
}
.tp-landingpage .text-span {
  font-family: Cutthroatclawmarks, Arial, sans-serif;
  font-size: 90px;
}
.tp-landingpage .text-block {
  color: #000;
  text-align: center;
  width: 80%;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  font-family: Qanelas, Arial, sans-serif;
  font-size: 22px;
  line-height: 30px;
}
.tp-landingpage .grid {
  grid-template-columns: 1fr 1fr 1fr;
  width: 90%;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}
.tp-landingpage .button {
  text-align: center;
  background-color: #000;
  border-radius: 25px;
  width: 50%;
  margin-top: 3%;
  margin-left: 25%;
  margin-right: 0%;
  font-size: 20px;
  line-height: 35px;
}
.tp-landingpage .button:hover {
  box-shadow: 7px 7px 5px #32b38345;
}
.tp-landingpage .button.blau:hover {
  box-shadow: 7px 7px 5px #2987bc30;
}
.tp-landingpage .button.blau.buttonwide {
  width: 70%;
  margin-left: 15%;
  line-height: 25px;
}
.tp-landingpage .button.orange {
  width: 80%;
  margin-left: 10%;
}
.tp-landingpage .button.orange:hover {
  box-shadow: 7px 7px 5px #f6aa524a;
}
.tp-landingpage .button.orange.blue:hover {
  box-shadow: 7px 7px 5px #052a796b;
}
.tp-landingpage .button.desert:hover {
  box-shadow: 7px 7px 5px #dcb78d7d;
}
.tp-landingpage .grid-2 {
  grid-template-rows: auto 20em auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 5%;
}
.tp-landingpage .grid-2.desert {
  margin-top: 16px;
}
.tp-landingpage .div-block {
  background-image: url('../images/wasser1.png');
  background-position: 50% 0;
  background-size: cover;
  height: 300px;
}
.tp-landingpage .div-block._1 {
  background-image: url('../images/desert3.png');
  background-position: 100%;
  background-size: cover;
  height: auto;
}
.tp-landingpage .div-block._1:hover {
  background-image: url('../images/desert4.png');
}
.tp-landingpage .div-block._1.water {
  background-image: url('../images/wassermob2.png');
}
.tp-landingpage .div-block._1.water:hover {
  background-image: url('../images/wassermob3.png');
}
.tp-landingpage .div-block._1.forest {
  background-image: url('../images/forest3new.png');
}
.tp-landingpage .div-block._1.forest:hover {
  background-image: url('../images/forestwidenew.png');
  background-position: 35%;
}
.tp-landingpage .div-block.breit {
  background-image: url('../images/desertpaar.png');
  background-position: 50% 15%;
  height: 20em;
}
.tp-landingpage .div-block.breit.water {
  background-image: url('../images/wasser1.png');
}
.tp-landingpage .div-block.breit.forest {
  background-image: url('../images/forest2.png');
}
.tp-landingpage .div-block-2 {
  background-image: url('../images/desert1.png');
  background-position: 50% 20%;
  background-size: cover;
  height: 400px;
}
.tp-landingpage .div-block-2.water {
  background-image: url('../images/wasser2.png');
  background-position: 50% 10%;
}
.tp-landingpage .div-block-2.forest {
  background-image: url('../images/forest4.png');
  background-position: 50% 10%;
}
.tp-landingpage .wassermob1,
.tp-landingpage .wassermob2,
.tp-landingpage .wassermob3 {
  display: none;
}
.tp-landingpage .grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr 1fr;
  margin-top: 16px;
}
.tp-landingpage .grid-3.herren {
  margin-top: 5%;
}
.tp-landingpage .div-block-3 {
  background-image: url('../images/feuer1.png');
  background-position: 0 0;
  background-size: cover;
  height: 30em;
}
.tp-landingpage .div-block-3:hover {
  background-image: url('../images/feuer1.png');
  background-position: 0 0;
  background-size: cover;
}
.tp-landingpage .div-block-3.stars {
  background-image: url('../images/stars2.png');
}
.tp-landingpage .slider {
  background-color: #ddd0;
  width: auto;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
.tp-landingpage .slide {
  width: 33%;
}
.tp-landingpage .image-37 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.tp-landingpage .link-block {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}
.tp-landingpage .div-block-12 {
  background-color: #fe2ab5;
  border-radius: 10px;
  width: 250px;
  height: 50px;
}
.tp-landingpage .text-block-5 {
  color: #fff;
  justify-content: center;
  align-items: flex-end;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 200;
  text-decoration: none;
  display: flex;
}
.tp-landingpage .icon {
  color: #000;
}
.tp-landingpage .slide-nav {
  color: #000;
  display: none;
}
.tp-landingpage .div-block-13,
.tp-landingpage .div-block-14 {
  background-color: #fe2ab5;
  border-radius: 10px;
  width: 250px;
  height: 50px;
}
.tp-landingpage .heading-2 {
  color: #000;
  text-align: center;
  font-family: Qanelas, Arial, sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
.tp-landingpage .grid-2 {
    grid-template-rows: auto 25em auto;
  }
.tp-landingpage .div-block._1 {
    background-position: 0%;
    height: auto;
  }
.tp-landingpage .div-block._1:hover,
.tp-landingpage .div-block._1.forest {
    background-position: 50%;
  }
.tp-landingpage .div-block-2 {
    height: 20em;
  }
}

@media screen and (max-width: 767px) {
.tp-landingpage .heading {
    font-size: 32px;
    line-height: 35px;
  }
.tp-landingpage .text-block {
    font-size: 18px;
    line-height: 25px;
  }
.tp-landingpage .button {
    width: 60%;
    margin-left: 20%;
  }
.tp-landingpage .button.blau {
    width: 80%;
    margin-left: 10%;
    font-size: 14px;
    line-height: 20px;
  }
.tp-landingpage .grid-2 {
    grid-template-rows: auto 20em auto;
  }
.tp-landingpage .div-block._1 {
    background-position: 30%;
  }
.tp-landingpage .div-block.breit,
.tp-landingpage .div-block-2 {
    height: 15em;
  }
.tp-landingpage .bold-text-2,
.tp-landingpage .bold-text-3 {
    font-size: 14px;
    line-height: 20px;
  }
.tp-landingpage .div-block-3 {
    background-position: 50%;
    height: 20em;
  }
.tp-landingpage .div-block-3:hover,
.tp-landingpage .div-block-3.stars:hover {
    background-position: 50%;
  }
.tp-landingpage .bold-text-4,
.tp-landingpage .bold-text-5 {
    font-size: 14px;
    line-height: 20px;
  }
.tp-landingpage .slide {
    width: 50%;
  }
.tp-landingpage .div-block-12 {
    height: 40px;
  }
.tp-landingpage .text-block-5 {
    margin-top: 10px;
    font-size: 15px;
  }
.tp-landingpage .div-block-13,
.tp-landingpage .div-block-14 {
    height: 40px;
  }
}

@media screen and (max-width: 479px) {
.tp-landingpage .desktop {
    display: none;
  }
.tp-landingpage .mobile {
    display: block;
  }
.tp-landingpage .heading {
    margin-top: 15%;
    font-size: 28px;
    line-height: 30px;
  }
.tp-landingpage .text-span {
    font-size: 60px;
  }
.tp-landingpage .text-block {
    font-size: 16px;
    line-height: 20px;
  }
.tp-landingpage .grid {
    grid-template-rows: auto;
    width: 100%;
  }
.tp-landingpage .button {
    width: 80%;
    margin-left: 10%;
    font-size: 14px;
    line-height: 20px;
  }
.tp-landingpage .button.blau.buttonwide {
    width: 80%;
    margin-left: 10%;
    line-height: 20px;
  }
.tp-landingpage .button.desert {
    line-height: 20px;
  }
.tp-landingpage .grid1,
.tp-landingpage .grid3 {
    display: none;
  }
.tp-landingpage .grid-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
.tp-landingpage .div-block._1 {
    display: none;
  }
.tp-landingpage .div-block-2 {
    height: 25em;
    display: none;
  }
.tp-landingpage .wassermob1 {
    display: block;
  }
.tp-landingpage .wassermob2,
.tp-landingpage .wassermob2.desert,
.tp-landingpage .wassermob2.forest,
.tp-landingpage .wassermob3,
.tp-landingpage .wassermob3.desert,
.tp-landingpage .wassermob3.forest {
    display: none;
  }
.tp-landingpage .grid-3 {
    grid-template-rows: auto auto;
  }
.tp-landingpage .div-block-3 {
    height: 15em;
  }
.tp-landingpage .slide {
    width: 100%;
  }
.tp-landingpage .div-block-12,
.tp-landingpage .div-block-13,
.tp-landingpage .div-block-14 {
    height: 40px;
  }
.tp-landingpage .bold-text-6 {
    font-size: 14px;
  }
.tp-landingpage .bold-text-7 {
    font-size: 14px;
    line-height: 20px;
  }
.tp-landingpage .div-block-15 {
    width: 100%;
  }
.tp-landingpage .bold-text-8 {
    line-height: 20px;
  }
}
.tp-landingpage #w-node-_2de7ae20-3b09-4291-99b8-23804f1d34d4-42612046 {
  grid-area: 1 / 1 / 4 / 3;
}
.tp-landingpage #w-node-_2ed10476-1847-3284-d633-7089eda06c47-42612046 {
  grid-area: 1 / 1 / 3 / 3;
}
.tp-landingpage #w-node-_933219b3-bc18-bf50-66ea-176e2143714e-42612046 {
  grid-area: 1 / 2 / 2 / 4;
}
.tp-landingpage #w-node-_933219b3-bc18-bf50-66ea-176e2143714f-42612046 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}
.tp-landingpage #w-node-_225f8922-7dc2-3614-85ef-e0036c3c65db-42612046 {
  grid-area: 1 / 1 / 2 / 3;
}
.tp-landingpage #w-node-_90b89e93-3e19-3d8f-bd94-ca3e12244d09-42612046 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center;
}
.tp-landingpage #w-node-a0f53b93-5993-568f-c140-74942730a337-42612046 {
  grid-area: 1 / 2 / 2 / 3;
}
.tp-landingpage #w-node-f249fa60-e93b-e80b-5377-efc1aaca8356-42612046 {
  grid-area: 1 / 1 / 2 / 2;
}
.tp-landingpage #w-node-a241b102-b980-c0c6-a14d-95f95dad0a8c-42612046 {
  grid-area: 1 / 3 / 2 / 4;
}
.tp-landingpage #w-node-_7632e575-26bf-1ed9-c43a-c20cd15a17ba-42612046 {
  grid-area: 1 / 1 / 3 / 3;
}
.tp-landingpage #w-node-_05323b79-c34d-edd5-11de-c07ae0962ac3-42612046 {
  grid-area: 1 / 3 / 2 / 7;
}
.tp-landingpage #w-node-e59411e4-81d6-260a-2ae8-dec796a76509-42612046 {
  grid-area: 3 / 1 / 4 / 7;
}
.tp-landingpage #w-node-_8517d78c-2e83-71bc-1166-79554e5f6e10-42612046 {
  grid-area: 2 / 3 / 3 / 7;
  align-self: center;
}
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daab-42612046 {
  grid-area: 1 / 5 / 3 / 7;
}
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daac-42612046 {
  grid-area: 1 / 1 / 2 / 5;
}
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daad-42612046 {
  grid-area: 3 / 1 / 4 / 7;
}
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daaf-42612046 {
  grid-area: 2 / 1 / 3 / 5;
  align-self: center;
}
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae391d-42612046 {
  grid-area: 1 / 1 / 3 / 3;
}
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae391e-42612046 {
  grid-area: 1 / 3 / 2 / 7;
}
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae391f-42612046 {
  grid-area: 3 / 1 / 4 / 7;
}
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae3920-42612046 {
  grid-area: 2 / 3 / 3 / 7;
  align-self: center;
}

@media screen and (max-width: 479px) {
.tp-landingpage #w-node-_2de7ae20-3b09-4291-99b8-23804f1d34d4-42612046 {
    grid-area: 1 / 1 / 3 / 3;
  }
.tp-landingpage #w-node-_2ed10476-1847-3284-d633-7089eda06c47-42612046 {
    grid-area: 1 / 1 / 2 / 2;
  }
.tp-landingpage #w-node-_933219b3-bc18-bf50-66ea-176e2143714e-42612046 {
    grid-area: 1 / 1 / 2 / 4;
  }
.tp-landingpage #w-node-_933219b3-bc18-bf50-66ea-176e2143714f-42612046 {
    grid-area: 2 / 1 / 3 / 4;
    place-self: center;
  }
.tp-landingpage #w-node-_225f8922-7dc2-3614-85ef-e0036c3c65db-42612046 {
    grid-area: 1 / 1 / 2 / 4;
  }
.tp-landingpage #w-node-_90b89e93-3e19-3d8f-bd94-ca3e12244d09-42612046 {
    grid-area: 2 / 1 / 3 / 4;
    place-self: center;
  }
.tp-landingpage #w-node-a0f53b93-5993-568f-c140-74942730a337-42612046 {
    grid-area: 1 / 1 / 2 / 4;
  }
.tp-landingpage #w-node-_93f7e485-59f8-6da3-19f1-84254f39c25f-42612046,
.tp-landingpage #w-node-_63a334f8-ab9a-ccbf-12c0-3a1008ddf0bc-42612046,
.tp-landingpage #w-node-_51b00379-89fb-89fb-9f96-774c3cb799ef-42612046 {
    grid-area: 3 / 1 / 4 / 4;
  }
.tp-landingpage #w-node-_05323b79-c34d-edd5-11de-c07ae0962ac3-42612046 {
    grid-area: 1 / 1 / 2 / 4;
  }
.tp-landingpage #w-node-e59411e4-81d6-260a-2ae8-dec796a76509-42612046 {
    grid-column-end: 4;
  }
.tp-landingpage #w-node-_8517d78c-2e83-71bc-1166-79554e5f6e10-42612046 {
    grid-column: 1 / 4;
  }
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daa8-42612046,
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daa9-42612046,
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daaa-42612046 {
    grid-area: 3 / 1 / 4 / 4;
  }
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daac-42612046 {
    grid-area: 1 / 1 / 2 / 4;
  }
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daad-42612046 {
    grid-column-end: 4;
  }
.tp-landingpage #w-node-e53fbe73-a48f-7159-4125-e19411b7daaf-42612046 {
    grid-column: 1 / 4;
  }
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae391a-42612046,
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae391b-42612046,
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae391c-42612046 {
    grid-area: 3 / 1 / 4 / 4;
  }
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae391e-42612046 {
    grid-area: 1 / 1 / 2 / 4;
  }
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae391f-42612046 {
    grid-column-end: 4;
  }
.tp-landingpage #w-node-_1d60d0de-7e7c-a3e4-1b4e-aa2166ae3920-42612046 {
    grid-column: 1 / 4;
  }
}


@font-face {
  font-family: 'Cutthroatclawmarks';
  src: url('../fonts/CutthroatClawmarks.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasBlack.otf') format('opentype'), url('../fonts/QanelasHeavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasHeavyItalic.otf') format('opentype'), url('../fonts/QanelasBlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasBoldItalic.otf') format('opentype'), url('../fonts/QanelasExtraBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasExtraBold.otf') format('opentype'), url('../fonts/QanelasBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasMediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasSemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasLightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasSemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasRegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasUltraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasThin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qanelas';
  src: url('../fonts/QanelasUltraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}