@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 {
  max-width: 1250px;
}
.tp-landingpage .link,
.tp-landingpage .link-2 {
  color: #333;
  font-weight: 700;
  text-decoration: none;
}
.tp-landingpage .bold-text {
  color: #000;
  font-weight: 900;
  text-decoration: none;
}
.tp-landingpage .link-3 {
  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;
  text-decoration: none;
}
.tp-landingpage .text-block-2._2.text {
  display: block;
}
.tp-landingpage .text-block-2._2.text.sonderkategorie {
  text-decoration: none;
  display: block;
}
.tp-landingpage .link-7 {
  color: #000;
  font-weight: 700;
}
.tp-landingpage .link-8 {
  color: #000;
  font-style: italic;
}
.tp-landingpage .italic-text-2 {
  font-style: normal;
}
.tp-landingpage .link-9 {
  color: #000;
  text-decoration: underline;
}
.tp-landingpage .link-12 {
  color: #333;
}
.tp-landingpage .link-13 {
  color: #000;
}
.tp-landingpage .ausgeblendet {
  display: none;
}
.tp-landingpage .italic-text-3 {
  color: #000;
}
.tp-landingpage .bold-text-2,
.tp-landingpage .bold-text-3,
.tp-landingpage .bold-text-4 {
  color: #000;
  text-decoration: none;
}
.tp-landingpage .link-14,
.tp-landingpage .link-15,
.tp-landingpage .link-16 {
  text-decoration: none;
}
.tp-landingpage .link-17 {
  color: #000;
  font-weight: 700;
}
.tp-landingpage .link-18,
.tp-landingpage .link-19,
.tp-landingpage .link-20,
.tp-landingpage .link-21,
.tp-landingpage .link-22,
.tp-landingpage .link-23,
.tp-landingpage .link-24,
.tp-landingpage .link-25,
.tp-landingpage .link-26,
.tp-landingpage .link-27,
.tp-landingpage .bold-text-5 {
  color: #000;
}
.tp-landingpage .text-span-2 {
  color: #000;
  text-transform: uppercase;
}
.tp-landingpage .bold-text-6 {
  color: #000;
  text-decoration: none;
}
.tp-landingpage .link-28,
.tp-landingpage .link-29 {
  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 {
  display: block;
}
.tp-landingpage .text-block-3._2.text.sonderkategorie {
  display: none;
}
.tp-landingpage .text-block-3._2.text.sonderkategorie.bidi {
  display: block;
}
.tp-landingpage .link-31 {
  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 {
  display: block;
}
.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,
.tp-landingpage .text-block-4._2.text.sonderkategorie.bidi,
.tp-landingpage .text-block-4._2.text.sonderkategorie.bidi.new {
  display: block;
}
.tp-landingpage .text-block-4._2.text.sonderkategorie.bidi {
  margin-bottom: 5%;
  padding-bottom: 0;
  display: block;
}
.tp-landingpage .link-32,
.tp-landingpage .link-33 {
  color: #000;
}
.tp-landingpage .heading-5 {
  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-5._3 {
  margin-top: 0%;
  display: block;
}
.tp-landingpage .heading-5._3.bidi,
.tp-landingpage .heading-5._3._6 {
  display: block;
}
.tp-landingpage .heading-5._3.tin.new {
  display: none;
}
.tp-landingpage .link-34 {
  color: #000;
  font-weight: 700;
}
.tp-landingpage .link-35 {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

@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;
  }
.tp-landingpage .heading-5 {
    text-align: center;
    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,
.tp-landingpage .heading-5 {
    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%;
  }
.tp-landingpage .heading-5 {
    width: 85%;
    font-size: 20px;
    line-height: 22px;
  }
}


@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;
}