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

@font-face {
  font-family: Ubuntu Local;
  src: url('../fonts/ubuntu_medium_local.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ubuntu Local;
  src: url('../fonts/ubuntu_bold_local.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ubuntu Local;
  src: url('../fonts/ubuntu_extra-bold_local.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 700;
  line-height: 66px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-family: Ubuntu Local, Georgia, sans-serif;
}

.header_sec {
  z-index: 999;
  position: fixed;
  inset: 0% 0% auto;
}

.upper_header {
  background-color: #2c4b6c;
  height: 60px;
}

.header_wrapper {
  width: 90%;
  max-width: 1990px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.upper_header_link_flex {
  grid-column-gap: 61px;
  grid-row-gap: 61px;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  padding-top: 15px;
  display: flex;
}

.header_meta-link {
  align-items: center;
  height: 100%;
  display: flex;
}

.header_icon {
  width: 23%;
}

.header_link_text {
  color: #fff;
  width: 220px;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
}

.body {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.under_header {
  background-color: #566f89;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.under_header_flex {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.navi_logo {
  width: 350px;
}

.link_text_box {
  justify-content: space-around;
  width: 60%;
  display: flex;
}

.header_main_link {
  color: #fff;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
}

.header_main_link.dropdown {
  margin-right: 10px;
}

.hero_sec {
  background-image: url('../images/pc_erhardt_portrait_hinterhrund.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  min-height: 825px;
}

.hero_wrapper {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.hero_flex {
  grid-column-gap: 50%;
  grid-row-gap: 50%;
  flex-flow: row;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.heading {
  line-height: 0;
}

.h1 {
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 56px;
}

.abstand_200 {
  height: 200px;
}

.sub_h {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 42px;
  font-weight: 400;
}

.abstand_40 {
  height: 40px;
}

.sub_sub_h {
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.abstand_60 {
  height: 60px;
}

.btn_blue {
  background-color: #2351a0;
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 85px;
  text-decoration: none;
  display: flex;
}

.btn_blue_h {
  color: #fff;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 45px;
  text-decoration: none;
}

.colourbox_flex {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.colourbox {
  width: 18%;
  height: 75px;
}

.colourbox.red {
  background-color: #d3432c;
  width: 23%;
}

.colourbox.orange {
  background-color: #db8e2a;
  width: 23%;
}

.colourbox.green {
  background-color: #3f8e3c;
  width: 23%;
}

.colourbox.blue {
  background-color: #1256ae;
  width: 23%;
}

.wrapper_leistungen {
  width: 90%;
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
}

.h2 {
  color: #305e80;
  text-align: right;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 80px;
}

.h2.left {
  text-align: right;
}

.h2.left.smaller_h {
  font-size: 59px;
  line-height: 63px;
}

.h2.white {
  color: #fff;
  text-align: center;
  font-size: 60px;
  line-height: 64px;
}

.abstand_150 {
  height: 150px;
}

.leistungen_content_left {
  width: 48%;
}

.h3 {
  color: #fff;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 32px;
  line-height: 36px;
}

.h3.leistungen_h {
  color: #6a6a6a;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 56px;
}

.h3.contact {
  font-size: 40px;
}

.leistungen_liste {
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.8;
}

.leistungen_content_right {
  width: 48%;
}

.leistungen_flex {
  justify-content: space-between;
  display: flex;
}

.leistungen_upper_flex {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.leistungen_kachel {
  background-color: #555;
  width: 45%;
  min-height: 350px;
  padding-left: 20px;
  padding-right: 20px;
}

.leistungen_kachel.red {
  background-color: #c43d29;
}

.leistungen_kachel.green {
  background-color: #408733;
}

.leistungen_kachel.blue {
  background-color: #2351a0;
}

.leistungen_kachel.yellow {
  background-color: #d39205;
}

.iconbox_leistungen {
  text-align: center;
}

.image {
  width: 27%;
}

.image.telephone {
  width: 16%;
}

.h4 {
  color: #fff;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 24px;
  line-height: 29px;
}

.abstand_10 {
  height: 10px;
}

.abstand_20 {
  height: 20px;
}

.leistungen_p {
  color: #fff;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}

.btn_white {
  vertical-align: baseline;
  background-color: #fff;
  border-radius: 35px;
  width: 45%;
  height: 35px;
  text-decoration: none;
}

.btn_white_box {
  text-align: right;
  width: 100%;
}

.btn_white_h {
  color: #000;
  font-family: Ubuntu Local, Georgia, sans-serif;
  text-decoration: none;
}

.btn_white_h_center {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.leistungen_under_flex {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.sub_h_leistungen {
  font-size: 17px;
  font-weight: 400;
}

.preise_wrapper {
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.preise_upper_flex {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.preise_content_box {
  background-color: #2351a0;
  width: 41%;
  min-height: 400px;
  padding-left: 20px;
  padding-right: 20px;
}

.preise_content_box.green {
  background-color: #408733;
  width: 45%;
  min-height: 430px;
}

.preise_content_box.red {
  background-color: #c43d29;
  width: 45%;
  min-height: 430px;
  padding-bottom: 10px;
}

.preise_content_box.blue {
  width: 45%;
  min-height: 430px;
}

.preise_content_box.yellow {
  background-color: #d39205;
  width: 45%;
  min-height: 430px;
}

.preise_content_head_flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.preise_icon {
  width: 16%;
  font-size: 14px;
}

.preise_icon.smaller_icon {
  width: 11%;
}

.preise_icon.smaller {
  width: 10%;
}

.preise_p_flex {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 2px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.preis_info_p {
  color: #fff;
  width: 48%;
  margin-bottom: 0;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 21px;
  line-height: 23px;
}

.preise_verbindungsstrich {
  background-color: #fff;
  width: 20%;
  height: 2px;
}

.preis_p {
  color: #fff;
  text-align: right;
  width: 35%;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 27px;
}

.abstand_30 {
  height: 30px;
}

.preise_sub_p {
  font-size: 14px;
  font-weight: 400;
}

.preise_under_flex {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  justify-content: center;
  display: flex;
}

.preise_sub_h {
  font-size: 18px;
  font-weight: 300;
  line-height: 10px;
}

.abstand_4vw {
  height: 4vw;
}

.contact_wrapper {
  width: 90%;
  max-width: 1990px;
  margin-left: auto;
  margin-right: auto;
}

.contact_flex {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.contact_left {
  width: 49%;
}

.sub_h_contact {
  font-size: 40px;
  font-weight: 300;
  line-height: 30px;
}

.contact_content_box {
  background-color: #d3432c;
  width: 100%;
  min-height: 500px;
  padding-left: 40px;
  padding-right: 40px;
}

.contact_icon_flex {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon_box_contact {
  width: 18%;
  padding-top: 20px;
}

.contact_icon {
  width: 100%;
}

.contact_info_p {
  color: #fff;
  margin-bottom: 0;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
}

.contact_right {
  width: 49%;
}

.contact_picture {
  background-image: url('../images/contact_right.avif');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
}

.testimonials_sec {
  background-image: url('../images/testimonials_bg.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 580px;
  display: none;
}

.testimonials_wrapper {
  background-color: #0000005e;
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 30px;
}

.slide-nav {
  display: none;
}

.slider {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.slide {
  background-color: #fff;
  padding-left: 40px;
  padding-right: 40px;
}

.carussel_contentbox_head_flex {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.carussel_head_textbox {
  align-items: center;
  display: flex;
}

.testimonials_name_h {
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 35px;
  font-weight: 400;
}

.p_testimonials {
  margin-bottom: 0;
  font-family: Ubuntu Local, Georgia, sans-serif;
}

.mask {
  height: 100%;
  position: static;
}

.left-arrow {
  margin-left: -80px;
}

.right-arrow {
  margin-right: -80px;
}

.footer_sec {
  background-color: #383838;
  min-height: 600px;
}

.footer_logo {
  text-align: center;
}

.footer_flex {
  justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_wrapper {
  width: 80%;
  max-width: 1990px;
  margin-left: auto;
  margin-right: auto;
}

.footer_info_flex {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 24%;
  display: flex;
}

.footer_info_p {
  color: #fff;
  margin-bottom: 0;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 19px;
  line-height: 30px;
}

.trennstrich_footer_white {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.footer_nav_flex {
  grid-column-gap: 7%;
  grid-row-gap: 7%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_nav_link {
  color: #fff;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.footer_nav_link.w--current {
  font-family: Ubuntu Local, Georgia, sans-serif;
}

.footer_nav_link.datenschutz_display_none, .footer_nav_link.datenschutz_display_none.w--current {
  display: none;
}

.footer_main_link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-block {
  align-items: center;
  display: flex;
}

.logo_simplyfied {
  display: none;
}

.icon {
  color: #fff;
  font-size: 25px;
}

.dropdown-list {
  background-color: #000;
}

.dropdown-2 {
  display: none;
}

.abstand_50 {
  height: 50px;
}

.leistungen_li {
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Ubuntu Local, Georgia, sans-serif;
}

.contact_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.contact_lightbox {
  width: 100%;
}

.preis_info_zusatz {
  color: #fff;
  margin-bottom: 0;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 21px;
  line-height: 23px;
}

.contact_flex-copy {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.p {
  font-weight: 400;
}

.h3_smaller {
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
}

.datenschutz_h {
  font-family: Ubuntu Local, Georgia, sans-serif;
}

.wrapper_datenschuts {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.paragraph, .paragraph-2, .paragraph-3, .paragraph-4 {
  font-family: Ubuntu Local, Georgia, sans-serif;
}

.preis_info_p_black {
  width: 48%;
  margin-bottom: 0;
  font-family: Ubuntu Local, Georgia, sans-serif;
  font-size: 21px;
  line-height: 23px;
}

.preis_p_black {
  text-align: right;
  width: 35%;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 27px;
}

.preise_content_box-leer {
  width: 41%;
  padding-left: 20px;
  padding-right: 20px;
}

.preise_content_box-leer.green {
  background-color: #408733;
  width: 45%;
  min-height: 430px;
}

.preise_content_box-leer.red {
  background-color: #c43d29;
  width: 45%;
  min-height: 430px;
  padding-bottom: 10px;
}

.preise_content_box-leer.blue {
  width: 45%;
  min-height: 430px;
}

.preise_content_box-leer.yellow {
  background-color: #d39205;
  width: 45%;
  min-height: 430px;
}

@media screen and (max-width: 991px) {
  .upper_header_link_flex {
    grid-column-gap: 37px;
    grid-row-gap: 37px;
  }

  .header_link_text {
    width: 190px;
    font-size: 16px;
  }

  .navi_logo {
    width: 236px;
  }

  .link_text_box {
    width: 64%;
  }

  .hero_sec {
    background-position: 50%;
  }

  .hero_flex {
    flex-flow: column;
  }

  .h1 {
    font-size: 50px;
    line-height: 58px;
  }

  .abstand_200 {
    height: 30px;
  }

  .btn_blue {
    width: 55%;
  }

  .h2 {
    line-height: 78px;
  }

  .h2.left.smaller_h {
    margin-bottom: 40px;
  }

  .leistungen_content_left {
    width: 100%;
  }

  .leistungen_liste {
    margin-bottom: 40px;
  }

  .leistungen_content_right {
    width: 100%;
  }

  .leistungen_flex, .preise_upper_flex {
    display: block;
  }

  .preise_content_box.green {
    width: 85%;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: auto;
  }

  .preise_content_box.red {
    width: 85%;
    margin-left: auto;
    margin-right: 0;
  }

  .preise_content_box.blue {
    width: 85%;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: auto;
  }

  .preise_content_box.yellow {
    width: 85%;
    margin-left: auto;
    margin-right: 0;
  }

  .preise_under_flex, .contact_flex {
    display: block;
  }

  .contact_left {
    width: 100%;
  }

  .contact_right {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .contact_picture {
    display: none;
  }

  .testimonials_sec {
    background-position: 100%;
  }

  .testimonials_wrapper {
    width: 90%;
  }

  .footer_flex {
    justify-content: space-between;
  }

  .footer_wrapper {
    width: 90%;
  }

  .footer_info_p {
    font-size: 17px;
    line-height: 23px;
  }

  .logo_header {
    max-width: 100%;
  }

  .contact_flex-copy {
    display: block;
  }

  .preise_content_box-leer.green {
    width: 85%;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: auto;
  }

  .preise_content_box-leer.red {
    width: 85%;
    margin-left: auto;
    margin-right: 0;
  }

  .preise_content_box-leer.blue {
    width: 85%;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: auto;
  }

  .preise_content_box-leer.yellow {
    width: 85%;
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .upper_header {
    display: none;
  }

  .upper_header_link_flex {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    margin-left: auto;
    margin-right: auto;
  }

  .header_link_text {
    width: 166px;
  }

  .navi_logo {
    width: 95px;
  }

  .link_text_box {
    width: 80%;
  }

  .header_main_link {
    font-size: 19px;
  }

  .hero_sec {
    background-image: url('../images/pc_erhardt_portrait_hinterhrund-Wiederhergestellt.avif'), url('../images/pc_erhardt_portrait_hinterhrund.avif');
    background-position: 50%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    min-height: 650px;
  }

  .hero_flex {
    width: 100%;
  }

  .abstand_60 {
    height: 40px;
  }

  .h2 {
    text-align: left;
  }

  .abstand_150 {
    height: 110px;
  }

  .h3.leistungen_h {
    font-size: 40px;
    line-height: 47px;
  }

  .leistungen_liste {
    font-size: 28px;
  }

  .leistungen_upper_flex {
    display: block;
  }

  .leistungen_kachel.red {
    width: 100%;
    margin-bottom: 40px;
  }

  .leistungen_kachel.green {
    width: 100%;
  }

  .leistungen_kachel.blue {
    width: 100%;
    margin-bottom: 40px;
  }

  .leistungen_kachel.yellow {
    width: 100%;
  }

  .leistungen_under_flex {
    display: block;
  }

  .preise_content_box.green {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .preise_content_box.red, .preise_content_box.blue, .preise_content_box.yellow {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .preise_p_flex {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    justify-content: space-between;
  }

  .preis_p {
    line-height: 31px;
  }

  .abstand_30 {
    height: 20px;
  }

  .contact_right {
    display: none;
  }

  .slide-nav {
    background-color: #949494;
    margin-bottom: 0;
    display: block;
  }

  .slider {
    width: 100%;
    height: auto;
  }

  .left-arrow, .right-arrow {
    display: none;
  }

  .footer_flex {
    display: block;
  }

  .footer_info_flex {
    width: 100%;
    margin-bottom: 40px;
  }

  .footer_info_p {
    font-size: 25px;
    line-height: 35px;
  }

  .footer_nav_flex {
    grid-column-gap: 3%;
    grid-row-gap: 3%;
  }

  .footer_nav_link {
    font-size: 15px;
  }

  .logo_header {
    display: none;
  }

  .logo_simplyfied {
    display: inline-block;
  }

  .preis_p_black {
    line-height: 31px;
  }

  .preise_content_box-leer.green {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .preise_content_box-leer.red, .preise_content_box-leer.blue, .preise_content_box-leer.yellow {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 479px) {
  .link_text_box {
    display: none;
  }

  .hero_sec {
    background-image: url('../images/pc_erhardt_portrait_hinterhrund-Wiederhergestellt.avif');
    background-position: 50%;
    background-size: cover;
  }

  .h1 {
    text-align: left;
    font-size: 35px;
    line-height: 40px;
  }

  .sub_h {
    font-size: 32px;
    line-height: 35px;
  }

  .abstand_40 {
    height: 30px;
  }

  .sub_sub_h {
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
  }

  .abstand_60 {
    height: 15px;
  }

  .btn_blue {
    width: 70%;
  }

  .btn_blue_h {
    font-size: 33px;
  }

  .h2 {
    font-size: 48px;
    line-height: 58px;
  }

  .h2.left.smaller_h {
    font-size: 35px;
    line-height: 38px;
  }

  .h2.white {
    width: 100%;
    font-size: 33px;
    line-height: 35px;
  }

  .abstand_150 {
    height: 50px;
  }

  .h3 {
    font-size: 20px;
    line-height: 29px;
  }

  .h3.leistungen_h {
    font-size: 28px;
    line-height: 35px;
  }

  .h3.contact {
    font-size: 31px;
    line-height: 35px;
  }

  .leistungen_liste {
    font-size: 22px;
    font-weight: 500;
    line-height: 37px;
  }

  .leistungen_kachel.red, .leistungen_kachel.green, .leistungen_kachel.blue, .leistungen_kachel.yellow {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h4 {
    font-size: 20px;
  }

  .preise_content_head_flex {
    display: flex;
  }

  .preise_icon {
    width: 28%;
    display: inline-block;
  }

  .preise_icon.handy {
    width: 18%;
  }

  .preise_p_flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .preis_info_p {
    word-break: break-all;
    overflow-wrap: break-word;
    width: 69%;
    font-size: 17px;
    line-height: 22px;
  }

  .preise_verbindungsstrich {
    display: none;
  }

  .preis_p {
    width: 32%;
    font-size: 20px;
  }

  .preise_sub_p, .preise_sub_h {
    font-size: 12px;
  }

  .contact_content_box {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact_icon_flex {
    display: block;
  }

  .icon_box_contact {
    width: 37%;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .contact_p_right_box {
    margin-left: auto;
    margin-right: auto;
  }

  .contact_info_p {
    font-size: 21px;
  }

  .testimonials_sec {
    height: auto;
    min-height: 480px;
  }

  .slide {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer_info_flex {
    display: block;
  }

  .footer_nav_flex {
    word-break: break-all;
    display: block;
  }

  .footer_nav_link {
    vertical-align: baseline;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 21px;
    display: block;
  }

  .footer_main_link, .dropdown-2 {
    display: block;
  }

  .preis_info_zusatz {
    word-break: break-all;
    overflow-wrap: break-word;
    width: 69%;
    font-size: 17px;
    line-height: 22px;
  }

  .h1_smaller {
    font-size: 40px;
  }

  .h3_smaller {
    font-size: 22px;
    font-weight: 500;
  }

  .datenschutz_h {
    word-break: break-all;
    font-size: 25px;
    line-height: 1.1;
  }

  .preis_info_p_black {
    word-break: break-all;
    overflow-wrap: break-word;
    width: 69%;
    font-size: 17px;
    line-height: 22px;
  }

  .preis_p_black {
    width: 32%;
    font-size: 20px;
  }
}


@font-face {
  font-family: 'Ubuntu Local';
  src: url('../fonts/ubuntu_small_local.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu Local';
  src: url('../fonts/ubuntu_medium_local.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu Local';
  src: url('../fonts/ubuntu_bold_local.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu Local';
  src: url('../fonts/ubuntu_extra-bold_local.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}