@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Robotocondensed;
  src: url('../fonts/RobotoCondensed-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
.tp-landingpage :root {
  --white: white;
  --black: black;
}
.tp-landingpage .heading {
  text-transform: uppercase;
  width: 80%;
  margin-left: 5%;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  display: block;
}
.tp-landingpage .heading._3 {
  margin-top: 0%;
  display: block;
}
.tp-landingpage .heading._3.o {
  display: block;
}
.tp-landingpage .heading-2 {
  text-transform: uppercase;
  margin-top: 5%;
  margin-left: 5%;
  font-family: Roboto, sans-serif;
  font-weight: 900;
  display: inline-block;
}
.tp-landingpage .text-block {
  width: 90%;
  margin-bottom: 5%;
  margin-left: 5%;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}.tp-landingpage {
  color: #000;
  max-width: 1250px;
}
.tp-landingpage .link,
.tp-landingpage .link-2 {
  color: #333;
  font-weight: 700;
  text-decoration: none;
}
.tp-landingpage .link-3 {
  color: #000;
  font-weight: 900;
  text-decoration: none;
}
.tp-landingpage .link-4,
.tp-landingpage .link-5,
.tp-landingpage .link-6 {
  color: #000;
}
.tp-landingpage .text-span {
  font-weight: 400;
}
.tp-landingpage .text-block-2 {
  color: #000;
  width: 90%;
  margin-bottom: 5%;
  margin-left: 5%;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.tp-landingpage .text-block-2._2 {
  color: #000;
  margin-top: 0%;
  font-size: 15px;
}
.tp-landingpage .text-block-2._2.text,
.tp-landingpage .text-block-2._2.text.sonderkategorie {
  display: block;
}
.tp-landingpage .link-7 {
  color: #000;
  font-weight: 700;
}
.tp-landingpage .link-8 {
  color: #000;
}
.tp-landingpage .link-9 {
  color: #000;
  font-style: italic;
}
.tp-landingpage .link-10 {
  color: #000;
}
.tp-landingpage .italic-text-2 {
  font-style: normal;
}
.tp-landingpage .link-11 {
  color: #000;
  text-decoration: underline;
}
.tp-landingpage .link-12,
.tp-landingpage .italic-text-3 {
  color: #000;
}
.tp-landingpage .bold-text,
.tp-landingpage .bold-text-2,
.tp-landingpage .bold-text-3 {
  color: #000;
  text-decoration: none;
}
.tp-landingpage .link-13,
.tp-landingpage .link-14,
.tp-landingpage .link-15 {
  text-decoration: none;
}
.tp-landingpage .link-16 {
  color: #000;
  font-weight: 700;
}
.tp-landingpage .link-17,
.tp-landingpage .link-18,
.tp-landingpage .link-19,
.tp-landingpage .link-20,
.tp-landingpage .link-21 {
  color: #000;
}
.tp-landingpage .bold-text-4,
.tp-landingpage .bold-text-5 {
  color: #000;
  text-decoration: none;
}
.tp-landingpage .bold-text-6,
.tp-landingpage .bold-text-7 {
  color: #000;
}
.tp-landingpage .italic-text-4 {
  font-style: normal;
}
.tp-landingpage .link-22,
.tp-landingpage .link-23,
.tp-landingpage .link-24 {
  color: #000;
}
.tp-landingpage .text-span-2 {
  color: #000;
  text-transform: uppercase;
}
.tp-landingpage .link-25 {
  color: #000;
}
.tp-landingpage .link-26 {
  color: #000;
  text-decoration: none;
}
.tp-landingpage .heading-3 {
  text-transform: uppercase;
  width: 80%;
  margin-left: 5%;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  display: block;
}
.tp-landingpage .heading-3._3 {
  margin-top: 0%;
  display: block;
}
.tp-landingpage .heading-3._3.bidi {
  display: block;
}
.tp-landingpage .text-block-3 {
  color: #000;
  width: 90%;
  margin-bottom: 5%;
  margin-left: 5%;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.tp-landingpage .text-block-3._2 {
  color: #000;
  margin-top: 0%;
  font-size: 15px;
}
.tp-landingpage .text-block-3._2.text,
.tp-landingpage .text-block-3._2.text.sonderkategorie,
.tp-landingpage .text-block-3._2.text.sonderkategorie.bidi {
  display: block;
}
.tp-landingpage .link-31,
.tp-landingpage .link-32 {
  color: #000;
}
.tp-landingpage .heading-4 {
  text-transform: uppercase;
  width: 80%;
  margin-left: 5%;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  display: block;
}
.tp-landingpage .heading-4._3 {
  margin-top: 0%;
  display: block;
}
.tp-landingpage .heading-4._3.bidi,
.tp-landingpage .heading-4._3._6 {
  display: block;
}
.tp-landingpage .link-33 {
  color: #000;
  font-weight: 700;
}
.tp-landingpage .text-block-4 {
  color: #000;
  width: 90%;
  margin-bottom: 5%;
  margin-left: 5%;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.tp-landingpage .text-block-4._2 {
  color: #000;
  margin-top: 0%;
  font-size: 15px;
}
.tp-landingpage .text-block-4._2.text,
.tp-landingpage .text-block-4._2.text.sonderkategorie {
  display: block;
}
.tp-landingpage .text-block-4._2.text.sonderkategorie.bidi,
.tp-landingpage .text-block-4._2.text.sonderkategorie.bidi-copy {
  margin-bottom: 5%;
  padding-bottom: 0;
  display: block;
}
.tp-landingpage .link-34 {
  color: #000;
  text-decoration: none;
}
.tp-landingpage .link-35,
.tp-landingpage .link-36,
.tp-landingpage .link-37,
.tp-landingpage .link-38,
.tp-landingpage .link-39,
.tp-landingpage .link-40,
.tp-landingpage .link-41,
.tp-landingpage .link-42,
.tp-landingpage .link-43,
.tp-landingpage .link-44,
.tp-landingpage .link-45,
.tp-landingpage .link-46,
.tp-landingpage .link-47 {
  color: #000;
}

@media screen and (max-width: 991px) {
.tp-landingpage .heading {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .heading-2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
.tp-landingpage .text-block,
.tp-landingpage .text-block-2 {
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .heading-3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .text-block-3 {
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .heading-4 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .text-block-4 {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
.tp-landingpage .heading {
    margin-left: auto;
    margin-right: auto;
  }
.tp-landingpage .heading-2 {
    font-size: 40px;
  }
.tp-landingpage .heading-3,
.tp-landingpage .heading-4 {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 479px) {
.tp-landingpage .heading {
    width: 85%;
    font-size: 20px;
    line-height: 22px;
  }
.tp-landingpage .heading-2 {
    font-size: 27px;
  }
.tp-landingpage .text-block,
.tp-landingpage .text-block-2 {
    text-align: justify;
    width: 85%;
  }
.tp-landingpage .heading-3 {
    width: 85%;
    font-size: 20px;
    line-height: 22px;
  }
.tp-landingpage .text-block-3 {
    text-align: justify;
    width: 85%;
  }
.tp-landingpage .heading-4 {
    width: 85%;
    font-size: 20px;
    line-height: 22px;
  }
.tp-landingpage .text-block-4 {
    text-align: justify;
    width: 85%;
  }
}


@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Robotocondensed';
  src: url('../fonts/RobotoCondensed-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}