.tp-landingpage :root {
  --white: white;
  --black: black;
}
.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 .headergrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 50% 50%;
  grid-template-columns: 1fr .75fr 1fr;
  grid-auto-flow: row;
}
.tp-landingpage .header1 {
  margin-top: -12%;
}
.tp-landingpage .header2 {
  max-width: 120%;
  margin-top: 5%;
  margin-left: -7%;
  display: block;
}
.tp-landingpage .header3 {
  margin-top: -35%;
  margin-bottom: 0%;
  padding-top: 0%;
}.tp-landingpage {
  max-width: 1250px;
  padding-bottom: 40px;
}
.tp-landingpage .einleitungsgrid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 5%;
}
.tp-landingpage .div-block-12 {
  background-color: #ffed00;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  display: block;
}
.tp-landingpage .heading-7 {
  text-align: center;
  margin-top: -296px;
  padding-top: 0;
  padding-bottom: 6px;
}
.tp-landingpage .text-block-57 {
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: 700;
}
.tp-landingpage .div-block-13 {
  width: 100%;
  height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.tp-landingpage .div-block-14 {
  max-width: 80%;
  background-color: #faf514;
  padding: 5% 40px;
}
.tp-landingpage .div-block-14.weiterunten {
  padding-top: 15%;
  padding-bottom: 15%;
}
.tp-landingpage .heading-8 {
  color: #000;
  margin-top: 0;
  font-family: Uni Sans, sans-serif;
  font-weight: 700;
}
.tp-landingpage .text-block-58 {
  color: #000;
  font-family: Uni Sans, sans-serif;
  font-weight: 400;
}
.tp-landingpage .text-block-58.unten {
  margin-top: 5%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.tp-landingpage .text-block-58.zsm {
  margin-top: 5%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}
.tp-landingpage .div-block-15 {
  padding-left: 15%;
  padding-right: 40px;
}
.tp-landingpage .heading-9 {
  font-family: Uni Sans, sans-serif;
  font-size: 24px;
}
.tp-landingpage .list {
  color: #000;
  margin-top: 20px;
  padding-left: 5%;
}
.tp-landingpage .bold-text,
.tp-landingpage .bold-text-2,
.tp-landingpage .bold-text-3 {
  font-size: 18px;
}
.tp-landingpage .link {
  color: #000;
}
.tp-landingpage .video {
  margin-top: 5%;
  margin-bottom: 5%;
  display: none;
}
.tp-landingpage .list-item {
  padding-bottom: 0%;
  list-style-type: disc;
}
.tp-landingpage .list-item._2 {
  padding-bottom: 2%;
}
.tp-landingpage .weiterertextdiv {
  margin-top: 5%;
  padding-left: 10%;
  padding-right: 40px;
}
.tp-landingpage .heading-10 {
  color: #000;
  text-align: center;
  font-family: Uni Sans, sans-serif;
}
.tp-landingpage .bold-text-4 {
  font-size: 32px;
}
.tp-landingpage .text-block-59 {
  color: #000;
  margin-top: 2%;
}
.tp-landingpage .kategoriegrid {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1.5fr;
  margin-top: 5%;
}
.tp-landingpage .div-block-16 {
  background-color: #424242;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  margin-left: 0%;
}
.tp-landingpage .heading-11 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Uni Sans, sans-serif;
  font-size: 22px;
}
.tp-landingpage .diverklaerung {
  padding-bottom: 5%;
  padding-left: 15%;
  padding-right: 40px;
}
.tp-landingpage .text-block-60 {
  color: #000;
  padding-left: 0%;
  padding-right: 0;
}
.tp-landingpage .button-3 {
  color: #000;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 20px;
  margin-left: 0;
  padding-top: 9px;
}
.tp-landingpage .link-2 {
  color: #000;
}
.tp-landingpage .text-block-61 {
  color: #000;
  margin-top: 5%;
}
.tp-landingpage .text-block-62,
.tp-landingpage .text-block-63,
.tp-landingpage .link-3,
.tp-landingpage .link-4,
.tp-landingpage .link-5,
.tp-landingpage .link-6,
.tp-landingpage .link-7,
.tp-landingpage .link-8,
.tp-landingpage .link-9 {
  color: #000;
}
.tp-landingpage .bold-text-5 {
  font-size: 18px;
  line-height: 30px;
}
.tp-landingpage .bold-text-6,
.tp-landingpage .bold-text-7 {
  font-size: 18px;
}
.tp-landingpage .list-item-2,
.tp-landingpage .list-item-3 {
  padding-bottom: 2%;
}
.tp-landingpage .gridpremium {
  grid-template-columns: 1fr 1.5fr;
  margin-top: 5%;
}
.tp-landingpage .div-block-17 {
  padding-left: 0%;
  display: flex;
}
.tp-landingpage .bold-text-8,
.tp-landingpage .bold-text-9 {
  font-size: 18px;
}
.tp-landingpage .link-10,
.tp-landingpage .link-11,
.tp-landingpage .link-12 {
  color: #000;
}
.tp-landingpage .gridweiterbutton {
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
  margin-top: 5%;
}
.tp-landingpage .button-wrapper-2 {
  width: 220px;
  height: 50px;
  min-height: 50px;
  color: #000;
  align-items: center;
  margin-top: 3%;
  margin-left: 50%;
  margin-right: auto;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
}
.tp-landingpage .button-wrapper-2.zuprodukt {
  margin-top: 2%;
  margin-left: 42%;
}
.tp-landingpage .button-wrapper-2.zuprodukt.oben {
  width: 320px;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
}
.tp-landingpage .button-wrapper-2.zuprodukt.oben.linksseitigwegrenjana {
  width: 320px;
  justify-content: flex-end;
  align-items: center;
}
.tp-landingpage .button-background {
  width: 50px;
  height: 50px;
  border: 2px solid #000;
  border-radius: 25px;
  margin-left: -25px;
  margin-right: 0;
  position: absolute;
}
.tp-landingpage .button-background.oben {
  border-width: 1px;
  border-radius: 0;
  margin-left: 0;
}
.tp-landingpage .button-text {
  z-index: 1;
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 10px;
  font-weight: 400;
  position: relative;
}
.tp-landingpage .button-text.linkswegenjananeu {
  margin-right: 20px;
}
.tp-landingpage .button-arrow {
  width: 15px;
  margin-left: 20px;
  margin-right: 0;
}

@media screen and (max-width: 991px) {
.tp-landingpage .einleitungsgrid {
    grid-template-columns: 1fr 1fr;
  }
.tp-landingpage .div-block-12 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 5% 8%;
    display: flex;
  }
.tp-landingpage .heading-7 {
    margin-top: 1%;
  }
.tp-landingpage .text-block-57 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
.tp-landingpage .div-block-13 {
    justify-content: center;
    align-items: center;
  }
.tp-landingpage .div-block-14 {
    padding-top: 5%;
    padding-bottom: 5%;
  }
.tp-landingpage .div-block-15 {
    padding-left: 10%;
  }
.tp-landingpage .heading-10 {
    text-align: left;
  }
.tp-landingpage .kategoriegrid {
    grid-template-columns: .5fr 1.5fr;
  }
.tp-landingpage .heading-11 {
    font-size: 16px;
    line-height: 20px;
  }
.tp-landingpage .button-3 {
    margin-top: 20px;
  }
.tp-landingpage .youtube {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .button-wrapper-2.zuprodukt {
    margin-left: 36%;
  }
.tp-landingpage .button-background {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
.tp-landingpage .heading-7 {
    font-size: 30px;
  }
.tp-landingpage .kategoriegrid {
    grid-template-columns: 1fr 1.5fr;
  }
.tp-landingpage .gridweiterbutton {
    grid-template-columns: 1fr;
  }
.tp-landingpage .button-wrapper-2.zuprodukt {
    margin-left: 30%;
  }
.tp-landingpage .button-wrapper-2.zuprodukt.oben {
    margin-top: 5%;
  }
}

@media screen and (max-width: 479px) {
.tp-landingpage .headergrid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
.tp-landingpage .header1,
.tp-landingpage .header3 {
    margin-top: 0%;
  }
.tp-landingpage .heading-7 {
    font-size: 24px;
    line-height: 25px;
  }
.tp-landingpage .div-block-14 {
    max-width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }
.tp-landingpage .heading-8 {
    font-size: 28px;
    line-height: 30px;
  }
.tp-landingpage .kategoriegrid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }
.tp-landingpage .button-3 {
    font-size: 10px;
  }
.tp-landingpage .gridweiterbutton {
    margin-top: 0%;
  }
.tp-landingpage .button-wrapper-2.zuprodukt {
    margin-left: 17%;
  }
.tp-landingpage .button-wrapper-2.zuprodukt.oben {
    width: 250px;
    margin-top: 10%;
    font-size: 10px;
  }
.tp-landingpage .button-wrapper-2.zuprodukt.oben.linksseitigwegrenjana {
    width: 250px;
    font-size: 10px;
  }
}
.tp-landingpage #w-node-_9f617203-1765-e27b-d1b3-2179afffc3ac-1b50ef50 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: end;
}
.tp-landingpage #w-node-_4b9857d7-4f08-a9a3-e632-7442ab807984-1b50ef50 {
  grid-area: 2 / 3 / 3 / 4;
}
.tp-landingpage #w-node-_1ce13c24-a830-ae5b-2d93-9d34cd23f6e8-1b50ef50 {
  grid-area: 1 / 2 / 3 / 3;
  align-self: center;
}
.tp-landingpage #w-node-_3c697c42-d627-7439-1f22-a85dd91a0c55-1b50ef50 {
  grid-area: 1 / 1 / 4 / 2;
  align-self: center;
  justify-self: center;
}
.tp-landingpage #w-node-a4447e40-b6d2-0b1a-087e-7116d13484ce-1b50ef50 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: start;
}
.tp-landingpage #w-node-_01ed2a6a-4457-aec8-234a-977939ab0fa2-1b50ef50 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
}
.tp-landingpage #w-node-_892c98cb-1d3c-616a-2a29-714b7514b0b8-1b50ef50 {
  grid-area: 4 / 1 / 5 / 2;
  align-self: start;
}
.tp-landingpage #w-node-_68a493dc-f270-fda4-d859-5f1573328eaa-1b50ef50 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}
.tp-landingpage #w-node-_6d90bade-3dbb-3d2e-57c8-dce2a849775e-1b50ef50 {
  grid-area: 2 / 2 / 3 / 3;
}
.tp-landingpage #w-node-_824b4bcf-88bd-87e6-4f0b-70e345b3f066-1b50ef50 {
  grid-area: 3 / 2 / 4 / 3;
}
.tp-landingpage #w-node-_46045fe9-be46-0f70-d4cf-3c94d2588d62-1b50ef50 {
  grid-area: 4 / 2 / 5 / 3;
}
.tp-landingpage #w-node-b93fd729-643a-50e1-b817-834462510e92-1b50ef50 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
  justify-self: center;
}
.tp-landingpage #w-node-b93fd729-643a-50e1-b817-834462510e97-1b50ef50 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: auto;
  justify-self: center;
}

@media screen and (max-width: 991px) {
.tp-landingpage #w-node-_3c697c42-d627-7439-1f22-a85dd91a0c55-1b50ef50 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: center;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
.tp-landingpage #w-node-b93fd729-643a-50e1-b817-834462510e97-1b50ef50 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: auto;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
.tp-landingpage #w-node-_9f617203-1765-e27b-d1b3-2179afffc3ac-1b50ef50 {
    grid-area: 1 / 1 / 3 / 4;
    justify-self: end;
  }
.tp-landingpage #w-node-_4b9857d7-4f08-a9a3-e632-7442ab807984-1b50ef50 {
    grid-area: 3 / 2 / 4 / 4;
  }
.tp-landingpage #w-node-_1ce13c24-a830-ae5b-2d93-9d34cd23f6e8-1b50ef50 {
    grid-area: 2 / 1 / 4 / 2;
    align-self: center;
  }
.tp-landingpage #w-node-a4447e40-b6d2-0b1a-087e-7116d13484ce-1b50ef50 {
    grid-row: 3 / 4;
  }
.tp-landingpage #w-node-_01ed2a6a-4457-aec8-234a-977939ab0fa2-1b50ef50 {
    grid-row: 5 / 6;
  }
.tp-landingpage #w-node-_892c98cb-1d3c-616a-2a29-714b7514b0b8-1b50ef50 {
    grid-row: 7 / 8;
  }
.tp-landingpage #w-node-_1718c3ff-0d17-9bc3-580e-6b9236e450e9-1b50ef50 {
    grid-area: 2 / 1 / 3 / 2;
  }
.tp-landingpage #w-node-_6d90bade-3dbb-3d2e-57c8-dce2a849775e-1b50ef50 {
    grid-area: 4 / 1 / 5 / 2;
  }
.tp-landingpage #w-node-_824b4bcf-88bd-87e6-4f0b-70e345b3f066-1b50ef50 {
    grid-area: 6 / 1 / 7 / 2;
  }
.tp-landingpage #w-node-_46045fe9-be46-0f70-d4cf-3c94d2588d62-1b50ef50 {
    grid-area: 8 / 1 / 9 / 2;
  }
}


@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans Book';
  src: url('../fonts/Uni-Sans-Book-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans Book';
  src: url('../fonts/Uni-Sans-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Heavy-Italic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Thin-Italic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Light-Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Regular-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Uni Sans';
  src: url('../fonts/Uni-Sans-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}