/* @import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@1,300&display=swap'); */

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/worksans/v17/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXNig.ttf) format('truetype'); */
  src: url(../fonts/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXNig.ttf)
    format("truetype");
}
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/worksans/v17/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXNig.ttf) format('truetype'); */
  src: url(../fonts/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXNig.ttf)
    format("truetype");
}
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/worksans/v17/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXNig.ttf) format('truetype'); */
  src: url(../fonts/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXNig.ttf)
    format("truetype");
}
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/worksans/v17/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQNig.ttf) format('truetype'); */
  src: url(../fonts/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQNig.ttf)
    format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/worksans/v17/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QNig.ttf) format('truetype'); */
  src: url(../fonts/Montserrat-Bold.ttf)
    format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/worksans/v17/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nQNig.ttf) format('truetype'); */
  src: url(../fonts/Montserrat-Bold.ttf)
    format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/worksans/v17/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K-DQNig.ttf) format('truetype'); */
  src: url(../fonts/Montserrat-Bold.ttf)
    format("truetype");
}
/* farben */
html {
  background-color: #fff;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #383D40;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb80 {
  margin-bottom: 80px;
  margin-top: 60px;
}
.pt80 {
  padding-top: 80px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
strong {
  font-weight: bold;
}

@media (max-width: 768px) {
  .mt80 {
      margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .mt60 {
     margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .mb80 {
      margin-top: 20px;
      margin-bottom: 20px;
  }
}

/*
div {
  border: 1px solid #333;
}*/
/*-----------NAVI mobile---------*/
div.menu-main-menu-container ul,
div.menu-main-menu-en-container ul,
div.menu-main-menu-ru-container ul {
  display: block;
}
div.menu-main-menu-container ul a,
div.menu-main-menu-en-container ul a,
div.menu-main-menu-ru-container ul a {
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  line-height: 1.5em;
  font-size: 1em;
  transition: all 0.3s;
}
.mobmenu-left-panel .mob-cancel-button {
  color: #050505;
}

/* MD::20231020::mob-icon-plus fuer grobe finger */
i.mob-icon-plus, i.mob-icon-minus {
  padding: 20px 0 20px 20px;
}

.mob-menu-header-holder {
  background-color: #FBEDD4;
}
.mobmenul-container i {
  color: #222;
}
.mob-standard-logo {
  padding: 5px 0;
}
.mobmenul-container i {
  line-height: 77px;
}
/*-----------NAVI Desktop---------*/
nav#menu {
  background-color: #FBEDD4;
  position: relative;
  padding: 30px 5rem;
  display: flex;
  list-style: none;
  flex-flow: row nowrap;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  li#menu-item-160 {
    padding-right: 80px;
  }
  li#menu-item-161 {
    padding-left: 80px;
  }

  li#menu-item-902 {
    font-size: 20px;
  }

  li#menu-item-902:hover {
    background-color: inherit;
  }

  ul.sub-menu {
    z-index: 9999 !important;
  }

  li#menu-item-659 ul.sub-menu,
  li#menu-item-717 ul.sub-menu,
  li#menu-item-771 ul.sub-menu,
  li#menu-item-776 ul.sub-menu {
    background: transparent;
    position: relative;
    font-size: 15px;
  }

  a.logo_link {
    width: 164px;
  }
  .img_logo {
    position: absolute;
    left: 10%;
  }
  div.menu-main-menu-container,
  div.menu-main-menu-en-container,
  div.menu-main-menu-ru-container {
    padding: 30px 0;
    position: relative;
  }
  div.menu-main-menu-container ul,
  div.menu-main-menu-en-container ul,
  div.menu-main-menu-ru-container ul {
    display: flex;
    list-style: none;
    flex-flow: row nowrap;
    justify-content: center;
  }
  div.menu-main-menu-container ul li,
  div.menu-main-menu-container ul a,
  div.menu-main-menu-en-container ul li,
  div.menu-main-menu-en-container ul a,
  div.menu-main-menu-ru-container ul li,
  div.menu-main-menu-ru-container ul a {
    padding: 0 15px;
    display: inline-block;
  }
  div.menu-main-menu-container ul a,
  div.menu-main-menu-en-container ul a,
  div.menu-main-menu-ru-container ul a {
    text-decoration: none;
    color: #17172F;
    text-transform: uppercase;
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    line-height: 1.5em;
    font-size: calc(12px + (19 - 12) * ((100vw - 300px) / (1920 - 300)));
    transition: all 0.3s;
  }
  ul a:hover {
    color: #54a2a8;
    transform: translateY(-1px);
    transition: all 0.3s;
  }
}
div.menu-main-menu-container li#menu-item-715,
div.menu-main-menu-en-container li#menu-item-715,
div.menu-main-menu-ru-container li#menu-item-715 {
  position: relative;
}
div.menu-main-menu-container ul.sub-menu li,
div.menu-main-menu-en-container ul.sub-menu li,
div.menu-main-menu-ru-container ul.sub-menu li {
  display: block;
  list-style: none;
}
div.menu-main-menu-container ul.sub-menu li a,
div.menu-main-menu-en-container ul.sub-menu li a,
div.menu-main-menu-ru-container ul.sub-menu li a {
  line-height: 3em;
  font-size: 0.75em;
  padding: 0;
}
div.menu-main-menu-container ul.sub-menu,
div.menu-main-menu-en-container ul.sub-menu,
div.menu-main-menu-ru-container ul.sub-menu {
  background-color: #ffffff;
  position: absolute;
  display: none;
  list-style: none;
  border-top: 1px solid #e9e9e9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media only screen and (max-width: 1024px) {
  div.menu-main-menu-container ul.sub-menu,
  div.menu-main-menu-en-container ul.sub-menu,
  div.menu-main-menu-ru-container ul.sub-menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

div.menu-main-menu-container li#menu-item-715:hover,
div.menu-main-menu-en-container li#menu-item-715:hover,
div.menu-main-menu-ru-container li#menu-item-715:hover,
div.menu-main-menu-container li#menu-item-3822:hover,
div.menu-main-menu-en-container li#menu-item-3822:hover,
div.menu-main-menu-ru-container li#menu-item-5030:hover {
  cursor: pointer;
}
div.menu-main-menu-container li#menu-item-715:hover ul.sub-menu,
div.menu-main-menu-en-container li#menu-item-715:hover ul.sub-menu, 
div.menu-main-menu-ru-container li#menu-item-715:hover ul.sub-menu, 
div.menu-main-menu-container li#menu-item-3822:hover ul.sub-menu,
div.menu-main-menu-en-container li#menu-item-3822:hover ul.sub-menu,
div.menu-main-menu-ru-container li#menu-item-5030:hover ul.sub-menu {
  display: block;
}
ul.sub-menu li:hover {
  background: #fff;
}
/*--------------------CONTAINER HEADER-----------------*/
p.header_subheadline {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  text-shadow: 1px 0px 8px #d7d7d7;
}
.wrapper_header {
  display: flex;
  text-align: left;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  background: linear-gradient(top to bottom, #383D40,#4E5254);
}
/*
.header_block {
  order: 2;
  flex-grow: 1;
  flex-basis: auto;
  min-width: 50%;
}*/
.header_links {
  position: relative;
  width: 27%;
  flex-basis: 27%;
  order: 1;
  vertical-align: top;
  flex-grow: 1;
  background: none;
}
@media screen and (max-width: 768px) {
  .header_links {
    width: 100%;
    flex-basis: auto;
  }
}
.header_links_inhalt {
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
  background-color: #294352;
}
.header_rechts {
  width: 49%;
  flex-basis: 49%;
  order: 2;
  vertical-align: top;
  flex-grow: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
  min-height: 250px !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.header_rechts_inhalt {
  justify-content: space-around;
  align-items: flex-end;
  height: 100%;
  width: 80%;
}
img.fw_icon {
  width: 90px;
}
.header_space {
  order: 2;
  flex-grow: 1;
  flex-basis: auto;
  min-width: 50%;
}
@media (min-width: 62em) {
  .wrapper_header {
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    text-align: left;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(56,61,64,1) 0%, rgba(78,82,84,1) 100%);
  }
  p.header_subheadline {
    padding-left: 0;
    padding-right: 200px;
    text-shadow: none;
  }
  .header_space {
    order: 2;
    flex-grow: 1;
    flex-basis: auto;
    min-width: 50%;
  }
  div.header_verlauf {
    flex-flow: row nowrap;
  }
  .header_links {
    position: relative;
    min-height: 387px;
    width: 115%;
    flex-basis: 49%;
    /*! order: 1; */
    /*! vertical-align: top; */
    flex-grow: 1;
    /* background: #17172F; */
  }
  .header_links_inhalt {
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 67%;
    /*! top: -25px; */
    height: 412px;
    min-width: 338px;
    /*! left: 80px; */
    /*! margin-top: -25px; */
    background-color: transparent;
  }
  .header_rechts {
    min-height: 387px !important;
    width: 49%;
    flex-basis: 49%;
    order: 2;
    vertical-align: top;
    flex-grow: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
  }
  .header_rechts_inhalt {
    justify-content: space-around;
    align-items: flex-end;
    height: 100%;
    width: 80%;
  }
}
/*--------------------CONTAINER HEADER Leistungen-----------------*/
.wrapper_leistungen {
  padding: 0 2rem;
  display: flex;
  text-align: left;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
}
.leistung_block {
  flex-basis: 45%;
}
.leistung_block img {
  max-width: 80px;
  margin-bottom: 10px;
}
.leistung_block p {
  line-height: 1.8em;
  font-size: 0.9em;
}
@media (min-width: 62em) {
  .wrapper_leistungen {
    padding: 0 2rem;
    margin-top: 50px;
  }
  .leistung_block {
    flex-basis: 20%;
  }
}
@media (max-width: 36em) {
  .wrapper_leistungen {
    justify-content: space-around;
  }
  .wrapper_leistungen {
    flex-basis: 100%;
  }
  .wrapper_leistungen .leistung_block {
    flex-basis: 100%;
    text-align: center;
  }
}

/*--------------------TEAM-----------------*/
.telbox {
  margin-top: 2px;
}

.linkedinbox {
  margin-top: 2px;
}

.adressbox_link {
  line-height: 1.8em;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 1em;
  text-decoration: none;
  color: inherit;
}

.telbox_link,
.simple-link {
  line-height: 1.8em;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 1em;
  text-decoration: none;
  color: inherit;
}

.linkedinbox_link {
  line-height: 1.8em;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 1em;
  text-decoration: none;
  color: inherit;
}

.ab_links {
  min-height: 20px;
  background-image: url("/wp-content/uploads/2022/09/mail_farbig.png");
  background-size: cover;
  display: inline-block;
  width: 20px;
  vertical-align: top;
}

.tb_links {
  min-height: 20px;
  background-image: url("/wp-content/uploads/2022/09/phone_farbig.png");
  background-size: cover;
  display: inline-block;
  width: 20px;
  vertical-align: top;
}

.lb_links {
  min-height: 20px;
  background-image: url("/wp-content/uploads/2022/09/linkedin_farbig.png");
  background-size: cover;
  display: inline-block;
  width: 20px;
  vertical-align: top;
}

.ab_rechts {
  transform: translateX(-5px) translateY(-2px);
  vertical-align: top;
  display: inline-block;
  padding-left: 15px;
}

.wrapper_team {
  padding: 0 2rem;
  display: flex;
  text-align: left;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
}
.portrait_block {
  flex-basis: 100%;
}

.portrait_block.order2 {
  order: 1;
}

@media (min-width: 62em) {
  .portrait_block.order2 {
    order: 2;
  }
}

.portrait_block img.team_portrait {
  max-width: 100%;
  margin-bottom: 10px;
  border-bottom: 5px solid #54a2a8;
}

.portrait_block ul li {
  font-size: 0.95rem;
  margin-bottom: 5px;
}

.portrait_block ul li::before {
  margin-top: 0px;
  content: "";
  font-size: 30px;
  color: #54a2a8;
  font-weight: 700;
  width: 20px;
  height: 24px;
  display: inline-block;
  background-image: url(/wp-content/uploads/2025/02/before_arrow_bio.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.portrait_block h3 {
  margin-top: 15px;
  font-size: 1.4rem;
}

.beschreibung_block {
  flex-basis: 100%;
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  order: 2;
}

.beschreibung_block h1::before {
  content: "";
  width: 0;
  height: 0;
}

.beschreibung_block h1 {
  margin-bottom: 0.4em;
}

.beschreibung_block p.sub_headline {
  margin-bottom: 20px;
}

@media (min-width: 62em) {
  .ab_links {
    margin-top: 5px;
  }

  .lb_links {
    margin-top: 5px;
  }

  .tb_links {
    margin-top: 5px;
  }

  .wrapper_team {
    padding: 0 2rem;
    flex-flow: row nowrap;
  }
  .portrait_block {
    flex-basis: 25%;
  }

  .beschreibung_block {
    flex-basis: 75%;
    padding-left: 50px;
  }

  .beschreibung_block h1 {
    margin-bottom: 0.2em;
  }

  .beschreibung_block p.sub_headline {
    margin-bottom: 25px;
  }

  .beschreibung_block.rechtsbuendig {
    flex-basis: 75%;
    padding-right: 50px;
    padding-left: 0;
  }

  .beschreibung_block {
    background-size: 85%;
  }
}
@media (max-width: 36em) {
  .wrapper_team {
    justify-content: space-around;
  }
  .wrapper_team {
    flex-basis: 100%;
  }
}

/*--------------------CONTAINER objekt-----------------*/
/* ALLGEMEINE BLOECKE */
div.bg_wrapper {
  position: relative;
  padding-bottom: 5px;
  /* background-color: #17172F; */
}
div.bg_wrapper .headline_span {
  color: #fff;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-top: 25px;
}
div.bg_wrapper .sub_headline {
  color: #fff;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-top: 5px;
}
div.bg_wrapper_l {
  position: relative;
  padding-bottom: 5px;
  /* background-color: #17172F; */
}

div.bg_wrapper_l .headline_span {
  color: #fff;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-top: 25px;
}
div.bg_wrapper_l .sub_headline {
  color: #fff;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-top: 5px;
}
div.bg_blau {
  z-index: -1;
  background-color: #17172F;
  min-height: 480px;
  width: 100%;
  position: absolute;
}
div.bg_blau_l {
  z-index: -1;
  background-color: #17172F;
  min-height: 480px;
  width: 100%;
  position: absolute;
  /*display:none;*/
}

.bg_grau {
  margin-bottom: 0;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .bg_grau {
     padding-bottom: 50px;
  }
}

.wrapper_objekt {
  padding: 0 2rem;
  display: flex;
  text-align: left;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  /* gap: 60px 20px; */
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
}
.wrapper_textobjekt {
  padding: 0 2rem;
  display: flex;
  text-align: left;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 30px 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  margin-top: 40px;
}
.wrapper_textobjekt img {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
}
.textblock_flex {
  flex-basis: 47%;
  flex-grow: 1;
  max-width: 47%;
}
.textblock_flex div {
  margin-bottom: 40px;
}
.headline_text {
  gap: 0 20px;
}
.bildtext {
  overflow: hidden;
  padding: 0;
}

.bildtext h1,
.bildtext h2,
.bildtext p {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 62em) {
  .bildtext h1,
  .bildtext h2,
  .bildtext p {
    padding-left: 0;
    padding-right: 0;
  }
}

.icon_block {
  padding: 19px 15px;
  display: flex;
  justify-content: flex-start;
  background-color: #f3f4f5;
  flex-wrap: wrap;
}
.icon_block img {
  width: 130px;
  height: 112px;
  padding: 15px 15px 15px 0;
}
.icon_block p {
  line-height: 1.7em;
  font-style: italic;
  font-size: 0.95em;
}

@media (min-width: 62em) {
  .icon_block {
    padding: 19px 15px;
    display: flex;
    justify-content: flex-start;
    background-color: #17172F;
    flex-wrap: no-wrap;
  }
  .icon_block img {
    width: 150px;
    height: 127px;
    padding: 15px 15px 15px 0;
  }
  .icon_block p {
    line-height: 1.7em;
    font-style: italic;
    font-size: 0.95em;
  }
}

.bildtext_l {
  padding: 0;
  gap: 0 20px;
}
.bildtext_l .block_right {
  padding: 0 2rem;
  margin-top: 40px;
}
.bildtext_l .block_left {
  padding: 0 2rem;
  margin-top: 40px;
}
.block_left {
  width: 100%;
  flex-basis: auto;
  order: 1;
  vertical-align: top;
  flex-grow: 1;
}
.block_right {
  width: 100%;
  flex-basis: auto;
  order: 2;
  vertical-align: top;
  flex-grow: 1;
  margin-bottom: 30px;
  margin-top: 20px;
}
.display_left {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  text-align: left;
}
.display_right {
  display: inline-block;
  vertical-align: top;
  width: 78%;
  text-align: left;
}
img.icon_display {
  width: 90%;
}

@media (max-width: 768px) {
  .bildtext_l .block_left {
     margin-top: 60px;
  }
}

@media (min-width: 62em) {
  .wrapper_textobjekt {
    padding: 0 2rem;
    display: flex;
    text-align: left;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap: 30px 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    margin-top: 60px;
  }
  .textblock_flex {
    flex-basis: 47%;
    flex-grow: 1;
    max-width: 47%;
  }
  .textblock_flex div {
    margin-bottom: 40px;
  }
  img.icon_display {
    width: 100px;
  }
  div.bg_blau {
    z-index: -1;
    background-color: #17172F;
    min-height: 580px;
    width: 110%;
    position: absolute;
    right: -110px;
    top: 30px;
  }
  div.bg_blau_l {
    z-index: -1;
    background-color: #17172F;
    min-height: 580px;
    width: 110%;
    position: absolute;
    left: -110px;
    top: 30px;
  }
  div.bg_wrapper_l {
    position: relative;
    padding-bottom: 0;
    background-color: transparent;
  }
  div.bg_wrapper_l .headline_span {
    color: #fff;
    padding-right: 70px;
    margin-top: 25px;
  }
  div.bg_wrapper_l .sub_headline {
    color: #fff;
    padding-right: 70px;
    margin-top: 5px;
  }
  div.bg_wrapper {
    position: relative;
    padding-bottom: 0;
    background-color: transparent;
  }
  div.bg_wrapper .headline_span {
    color: #fff;
    padding-left: 70px;
    margin-top: 25px;
  }
  div.bg_wrapper .sub_headline {
    color: #fff;
    padding-left: 70px;
    margin-top: 5px;
  }
}
@media (max-width: 36em) {
  .textblock_flex {
    flex-basis: 100%;
    flex-grow: 1;
    max-width: 100%;
  }
  .textblock_flex div {
    margin-bottom: 40px;
  }
}
.block_bild {
  order: 2;
  background-position: center;
  max-height: 320px;
  overflow: hidden;
  background-size: cover;
}

.block_bild img {
  width: 100%;
}

.iconblock_bild {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 240px;
  background-position: top;
}
.tb_text {
  order: 1;
}
.tb_bild {
  order: 2;
}
@media (min-width: 62em) {
  .wrapper_objekt {
    display: flex;
    text-align: left;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
    gap: 60px 20px;
  }
  .block_left {
    width: 49%;
    flex-basis: 49%;
    order: 1;
    vertical-align: top;
    flex-grow: 1;
  }
  .block_right {
    width: 49%;
    flex-basis: 49%;
    order: 2;
    vertical-align: top;
    flex-grow: 1;
  }
  .block_bild {
    background-position: center;
    max-height: 400px;
    background-size: cover;
  }
  .iconblock_bild {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
  .bildtext {
    padding: 0 2rem;
    overflow: hidden;
  }
  .bildtext_l {
    padding: 0 2rem;
    overflow: hidden;
  }
  .bildtext_l .block_right {
    padding-left: 30px;
    padding-top: 25px;
  }
}
/* CONTAINER INTRO */
.wrapper_intro {
  text-align: center;
  margin-top: 100px;
}

.intro_block {
  width: 1500px;
  flex-basis: auto;
}

@media (max-width: 769px) {
  .wrapper_intro {
      margin-top: 60px
  }
}

/*--------------------CONTAINER Parallax-----------------*/
.wrapper_parallax {
  align-items: center;
  align-content: center;
  display: flex;
  text-align: center;
  flex-flow: row wrap;
  justify-content: space-around;
  width: 100%;
  position: relative;
  min-height: 300px;
}

.wrapper_map {
  width: 100%;
  position: relative;
}

.text_parallax {
  padding: 80px 2rem 80px 2rem;
  max-width: 1500px;
}
.text_parallax p,
.text_parallax h2 {
  color: #fff;
}
.text_parallax h1,
.text_parallax p.headline_span,
.text_parallax p.sub_headline {
  text-align: center;
}
@media (min-width: 62em) {
  .wrapper_parallax {
    align-items: center;
    align-content: center;
    display: flex;
    text-align: center;
    flex-flow: row wrap;
    justify-content: space-around;
    width: 100%;
    position: relative;
    min-height: 600px;
  }

  .wrapper_map {
    width: 100%;
    position: relative;
  }
}
/*--------------------CONTAINER Prefooter-----------------*/
.footer_overlay {
  background-repeat: no-repeat;
  min-width: 100%;
  min-height: 300px;
  background-size: contain;
  background-position: bottom center;
}
@media (min-width: 62em) {
  .footer_overlay {
    min-height: 745px;
    background-size: cover;
    background-position: bottom center;
    background-color: #383d40;
  }
}
.wrapper_prefooter {
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: contain;
  margin-top: 40px;
  padding-top: 10px;
  text-align: center;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: top;
  align-content: top;
  gap: 0 20px;
}
.inner_prefooter {
  order: 2;
  flex-grow: 1;
  display: flex;
  flex-basis: auto;
  width: 100%;
}
.prefooter_links {
  background: #f8f8f8;
  padding: 20px 50px;
  margin: 0px 50px;
}
.text_prefooter h1,
.text_prefooter p.headline_span,
.text_prefooter p.sub_headline {
  text-align: center;
}
.text_space {
  order: 3;
  flex-grow: 1;
  flex-basis: auto;
  width: 100%;
}
@media (min-width: 62em) {
  .wrapper_prefooter {
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: contain;
    text-align: center;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: top;
    align-content: center;
    gap: 20px;
    margin-top: 90px;
  }
  .inner_prefooter {
    background: #f8f8f8;
    flex-flow: row nowrap;
    order: 2;
    flex-grow: 0;
    width: 65%;
    justify-content: space-between;
    align-items: top;
    align-content: center;
  }
  .prefooter_links {
    order: 2;
    flex-grow: 1;
    flex-basis: auto;
    width: 49%;
    padding: 20px;
    margin: 0;
  }
  .prefooter_rechts {
    background: #333;
    background-size: cover;
    order: 2;
    flex-grow: 1;
    flex-basis: auto;
    width: 49%;
  }
  .text_space {
    order: 3;
    flex-grow: 0;
    width: 15%;
  }
}
@media (max-width: 36em) {
  .prefooter_links {
    padding: 20px 20px;
    margin: 0 20px;
  }
  a.weiterleitung {
    margin-top: 20px !important;
  }
  h3.preheadline {
    margin-top: 0 !important;
  }
}
/*blog*/
.blogblock {
  flex-grow: 0;
  width: 47%;
  min-height: 300px;
}
.blogblock img {
  height: 300px;
  width: auto;
}
.blogblock .blog_thumb_wrapper {
  border-radius: 15px;
  display: block;
  height: 230px;
  width: 100%;
  overflow: hidden;
}
.blogblock > div > a {
  text-decoration: none;
}
.blogblock h2 {
  margin-bottom: 20px;
  position: relative;
  margin-top: 10px;
  /* MD::20240722:: 
  font-size: calc(16px + (25 - 16) * ((100vw - 300px) / (1920 - 300))); */
  font-size: calc(16px + (25 - 20) * ((100vw - 300px) / (1920 - 300)));
  color: #000;
  line-height: 1.5em;
  text-decoration: none;
}
.blogblock:hover {
  transform: scale(1.02);
  transition: all 0.15s;
  filter: brightness(1.03);
}
@media (min-width: 62em) {
  .blogblock {
    flex-grow: 0;
    width: 30%;
    min-height: auto;
  }
  .blogblock img {
    height: auto;
    width: 100%;
  }
  .blogblock .blog_thumb_wrapper {
    display: block;
    max-height: 200px;
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width: 36em) {
  .blogblock {
    flex-grow: 0;
    width: 100%;
    min-height: auto;
  }
}
/*--------------------CONTAINER VIDEO-----------------*/
.video_window {
  position: relative;
  overflow: hidden;
}
.video_window img {
  width: 170px;
  padding: 15px 0;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  color: #fff;
}
@media (min-width: 62em) {
  .video_window img {
    width: 280px;
  }
  .video_window video {
    width: 100%;
  }
}
/*--------------------FOOTER-----------------*/
#footer {
  background-color: #303537;
}
.wrapper_footer {
  padding-top: 40px;
  padding-bottom: 50px;
  gap: 40px 20px;
}
.wrapper_footer p {
  color: #f1f5f8;
  font-size: 1em;
}
.wrapper_footer p.headline_span {
  color: #54a2a8;
}
.wrapper_footer span.blau {
  color: #54a2a8;
}
.wrapper_footer h2 {
  color: #FBEDD4;
}
.wrapper_footer a#social img:hover {
  color: #54a2a8;
}
.wrapper_footer li a {
  line-height: 1.5em;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 0.8em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.wrapper_footer li a::before {
  margin-right: -2px;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(/wp-content/uploads/2025/02/before_arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}

@media (min-width: 62em) {
  .wrapper_footer li a::before {
    height: 33px;
  }
}

.wrapper_footer li a:hover {
  color: #FBEDD4;
  transition: 0.4s;
}
@media (max-width: 36em) {
  .footer_logo_wrapper {
    flex-flow: row wrap;
  }
}
.footer_logo_wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  gap: 20px;
}
.footer_logo_wrapper .footer_block_1, .footer_block_2 {
  width: 49%;
  flex-basis: 49%;
  order: 1;
  flex-grow: 1;
}

.footer_nav_wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  gap: 20px;
}
.footer_nav_wrapper .footer_nav_block_l {
  width: 49%;
  flex-basis: 49%;
  order: 2;
  flex-grow: 1;
}
.footer_nav_wrapper .footer_nav_block_r {
  width: 49%;
  flex-basis: 49%;
  order: 2;
  flex-grow: 1;
}
@media (max-width: 36em) {
  .footer_nav_wrapper {
    flex-flow: row wrap;
  }
}
.footersocial {
  margin-bottom: 30px;
}
.footersocial i.fab {
  color: #fff;
  font-size: 30px;
  padding-right: 15px;
}
.inner_footer {
  order: 2;
  flex-grow: 1;
  display: flex;
  flex-basis: auto;
  width: 100%;
}
.footer_links {
  padding-right: 80px;
  order: 2;
  flex-grow: 1;
  flex-basis: auto;
  width: 49%;
}
.footer_links img,
.footer_links div {
  display: inline-block;
}
.footer_links img {
  width: 25%;
  vertical-align: top;
  padding: 0 20px 0 0;
}
.footer_links div {
  width: 69%;
  vertical-align: top;
}
.footer_rechts {
  order: 2;
  flex-grow: 1;
  flex-basis: auto;
}
.footer_link {
  margin-bottom: 30px;
}
.headline_footer {
  position: relative;
  margin-bottom: 20px;
  font-size: 1.3rem;
  color: #54a2a8;
  font-weight: 700;
}
.wrapper_footer h3.headline_footer {
  text-align: left;
  color: #FBEDD4 !important;
}
.text_space {
  order: 3;
  flex-grow: 1;
  flex-basis: auto;
  width: 100%;
}
div#copyright {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #17172F;
  text-align: center;
  background-color: #FBEDD4;
  padding: 10px 0;
}
/*-------RELLAX EFFEKT------*/
.rellax_wrapper {
  overflow: hidden;
  width: 100%;
  padding-top: 50px;
  background-image: url(/wp-content/uploads/2024/12/brauner-Hintergrund.svg);
  background-size: auto 550px;
  background-repeat: no-repeat;
}
@media (max-width: 576px) {
  .rellax_wrapper {
    background-size: 1000px 300px;
    padding-top: 20px;
  }
}
@media (min-width: 577px) and (max-width: 830px) {
  .rellax_wrapper {
    background-size: 1000px 400px;
  }
}
@media (min-width: 831px) and (max-width: 991px) {
  .rellax_wrapper {
    background-size: 1000px 400px;
  }
}
.rellax_block {
  -webkit-box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.24);
  padding: 0 30px;
  background-color: #FBEDD4;
  transform: rotate(-2.5deg) !important;
  height: 60px;
  display: block;
  width: 100%;
  color: #eed;
  line-height: 25vh;
  text-align: left;
  position: relative;
}

.rellax_block_r {
  -webkit-box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 22px -2px rgba(0, 0, 0, 0.24);
  background-color: #FBEDD4;
  padding: 0 30px;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  transform: rotate(2.5deg) !important;
  height: 60px;
  display: block;
  width: 100%;
  color: #eed;
  line-height: 25vh;
  text-align: left;
  position: relative;
  /*margin-top: -10px;*/
}

span.rellax_obj {
  font-family: "Work Sans", sans-serif;
  text-wrap: nowrap;
  text-transform: uppercase;
  left: 0;
  font-weight: 600;
  font-size: 60px;
  color: #17172F;
  line-height: 1em;
  text-align: left;
  display: block;
  width: 90%;
  position: absolute;
  top: 0;
  box-sizing: border-box;
}

span.rellax_obj_r {
  right: 0;
  font-size: 60px;
  text-transform: uppercase;
  color: #17172F;
  line-height: 1em;
  text-align: right;
  display: block;
  width: 90%;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  text-wrap: nowrap;
}

@media (min-width: 62em) {
  .rellax_block {
    height: 100px;
  }

  .rellax_block_r {
    height: 100px;
  }

  span.rellax_obj {
    font-size: 100px;
  }

  span.rellax_obj_r {
    font-size: 100px;
  }
}

@media (max-width: 36em) {
  .rellax_block {
    height: 50px;
  }

  .rellax_block_r {
    height: 50px;
  }

  span.rellax_obj {
    font-size: 50px;
  }

  span.rellax_obj_r {
    font-size: 50px;
  }
}
/*--------------------SCHRIFTEN-----------------*/

ul.flexliste {
  display: flex;
  text-align: left;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  gap: 17px 30px;
}
li.listeneintrag {
  flex-basis: auto;
}
li.listeneintrag i {
  padding-right: 10px;
  color: #54a2a8;
}
.aside_linktext {
  display: none;
}
.aside_linktext.ankertext::before {
  width: 0px;
}
h1,
h2,
h3,
h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  /* MD::20240705::add hyphens */
  hyphens: auto;
}
p,
a,
li {
  line-height: 1.5em;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #fff;
}
p a {
  font-weight: 600;
  text-decoration: none;
}
p a:before {
  margin-right: -6px;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(/wp-content/uploads/2024/11/before_arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
p a.simple-link:before {
  display: none;
}

@media (min-width: 62em) {
  p a:before {
    /* height: 37px; */
  }
}

h1 {
  margin-bottom: 0.9em;
  position: relative;
  margin-top: 0;
  font-size: calc(30px + (60 - 20) * ((100vw - 300px) / (1920 - 300)));
  color: #FBEDD4;
}
span.blau {
  color: #FBEDD4;
  font-weight: 700;
}
p.header_headline {
  display: block;
  margin-bottom: 0;
  position: relative;
  margin-top: -20px;
  font-size: calc(27px + (95 - 27) * ((100vw - 300px) / (1920 - 300)));
  color: #FBEDD4;
  font-weight: 800;
  line-height: 1em;
}
@media (min-width: 62em) {
  p.header_headline {
    display: block;
    margin-bottom: 0.6em;
    position: relative;
    margin-top: 0;
    font-size: calc(27px + (95 - 27) * ((100vw - 300px) / (1920 - 300)));
    color: #FBEDD4;
    font-weight: 800;
    line-height: 5rem;
    font-family: "Montserrat";
  }
}

@media (max-width: 36em) {
  p.header_headline {
    font-size: 25px;
  }
}

h2 {
  margin-bottom: 60px;
  position: relative;
  margin-top: 0;
  font-size: calc(25px + (46 - 25) * ((100vw - 300px) / (1920 - 300)));
  color: #FBEDD4;
  line-height: 1.5em;
}
@media (max-width: 1024px) {
  h2 {
    margin-bottom: 0.9em;
  }
}
h3 {
  margin-bottom: 20px;
  margin-top: 0;
  font-size: calc(19px + (30 - 19) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #FBEDD4;
}
h3.preheadline {
  margin-top: 20px !important;
}
/*
h1:after {
  transform: translateX(-24px);
  bottom: -13px;
  left: 50%;
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  background-color: rgb(124, 150, 78);
}*/
p.sub_headline {
  font-family: "Work-Sans", sans-serif;
  font-size: calc(14px + (25 - 14) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(24px + (41 - 24) * ((100vw - 300px) / (1920 - 300)));
  margin-bottom: 40px;
}

@media (max-width: 36em) {
  .header_rechts_inhalt p.sub_headline {
    font-family: "Work-Sans", sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 40px;
  }
}

p.headline_span {
  margin-bottom: 0.2rem;
  font-size: 0.9rem;
  font-family: "Work Sans", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
}
a.weiterleitung {
  display: inline-block;
  margin-top: 22px;
  background-color: #FBEDD4;
  color: #73452D;
  font-size: 0.9em;
  font-weight: 500;
  font-family: "Work Sans", sans-serif;
  padding: 10px 43px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  border-left: none;
  box-shadow: 10px 0px 0px 0px rgba(115, 69, 45);
  border-radius: 20px;
}
a.weiterleitung:hover {
  color: #FBEDD4;
  background-color: #73452D;
  transition: all 0.4s;
}
a.weiterleitung:hover::before {
  display: none;
}

/*formular button*/
button.weiterleitung,
input.weiterleitung {
  display: inline-block;
  margin-top: 22px;
  background-color: #FBEDD4;
  color: #73452D;
  font-size: 0.9em;
  font-weight: 500;
  font-family: "Work Sans", sans-serif;
  padding: 10px 43px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  border-left: none !important;
  box-shadow: 10px 0px 0px 0px rgba(115, 69, 45);
  border-radius: 20px;
  border: 2px solid #FBEDD4;
}

button.weiterleitung:hover,
input.weiterleitung:hover {
  color: #FBEDD4;
  background-color: #73452D;
  transition: all 0.4s;
  border: 2px solid #73452D;
}
button.weiterleitung:hover::before,
input.weiterleitung:hover::before {
  width: 100% !important;
  display: none;
}

a.weiterleitung_weiss {
  border-radius: 30px;
  display: inline-block;
  border: 3px solid #fff;
  margin-top: 22px;
  background-color: transparent;
  color: #fff;
  font-size: 1.09em;
  font-weight: 400;
  font-family: "Work Sans", sans-serif;
  padding: 15px 39px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s;
}
a.weiterleitung_weiss:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.wrapper_header_sub {
  position: relative;
  text-align: center;
  /* background-image: url("header_bg.jpg");*/
  background-size: cover;
  background-position: center;
  min-height: 310px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  gap: 0 20px;
  padding: 0 40px 0 40px;
}
.wrapper_header_sub::after {
  left: 0;
  z-index: -1;
  position: absolute;
  content: "";
  width: 70%;
  height: 310px;
  top: 0;
  background: transparent;
}
.column_text_sub {
  margin-top: 30px;
}
@media (min-width: 62em) {
  .wrapper_header_sub {
    text-align: left;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: center;
    gap: 20px;
    padding: 55px 0 0 40px;
  }
}
/* Formular */
.daten_icons {
  background-color: #f4f4f4;
  width: 44%;
  margin: 20px auto 0 auto;
  text-align: center;
  border-radius: 10px;
  padding-left: 10px;
}
.daten_icons:hover {
  background-color: #f9f9f9;
}
.di_icon {
  vertical-align: middle;
  display: inline-block;
  width: 15%;
  padding: 16px 6px 16px 0;
}
.di_text {
  text-decoration: none;
  color: #000;
  font-size: calc(14px + (23 - 14) * ((100vw - 300px) / (1920 - 300)));
  vertical-align: middle;
  display: inline-block;
  width: 80%;
  padding: 16px 0 16px 0px;
}
@media (min-width: 62em) {
  .daten_icons {
    background-color: #f5f5f5;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: left;
    border-radius: 10px;
  }
}
@media (max-width: 680px) {
  .daten_icons {
    width: 100%;
    text-align: center;
  }
  .di_text {
    text-align: left;
    padding-left: 5%;
    font-size: calc(16px + (23 - 16) * ((100vw - 300px) / (1920 - 300)));
  }
}
input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
  background-color: #f8f8f8;
  border-radius: 0px;
  border: 1px solid #d4d4d4;
  font-family: "Work Sans", sans-serif;
}
input[type="text"],
input[type="email"] {
  height: 2rem;
  width: 27rem;
}
input[type="submit"] {
  padding: 10px 20px;
  text-align: center;
  background-color: #3174b6;
  border: none;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
} 
input[type="submit"]:hover {
  background-color: #2a2b2c;
  transition: 0.2s;
}
.wpcf7 p {
  margin-bottom: 20px;
}
label {
  font-family: "Work Sans", sans-serif;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: bold;
}
form.wpcf7-form {
  flex-flow: column wrap;
  align-content: center;
}
.objekt_kontakt {
  vertical-align: top;
  display: inline-block;
  order: 2;
  flex-grow: 1;
  width: 100%;
}
.objekt_kontakt input[type="text"],
.objekt_kontakt input[type="email"] {
  width: 100%;
}
.objekt_kontakt textarea {
  min-width: 100%;
  width: 80%;
}
form.wpcf7-form {
  padding: 0 0px;
  align-content: inherit;
}
@media (min-width: 62em) {
  p.header_subheadline {
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 0px 8px #d7d7d7;
  }
  p,
  a,
  li {
    line-height: 1.8em;
    /*! font-family: "Work Sans", sans-serif; */
    font-weight: 400;
    font-size: 1.15em;
  }
  .objekt_kontakt {
    width: 59%;
    padding: 0;
  }
  input[type="text"],
  input[type="email"] {
    width: 65% !important;
  }
  textarea {
    min-width: 65% !important;
    width: auto !important;
  }
}

.show-read-more .more-text {
  display: none;
}

/* impressum & datenschutz */
.page_unternehmen {
  text-align: left;
}
/*SWIPER*/
.swiper-container {
  position: relative;
  overflow: hidden;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  margin-bottom: 40px;
}
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-container-rtl .swiper-button-prev:after {
  color: #54a2a8;
  padding: 15px 7px 15px 7px;
}
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
  font-weight: 700;
  color: #fff;
  background: #17172Fc4;
  padding: 40px 17px 40px 17px;
  font-size: 28px;
  box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.6);
}
.swiper-button-prev:after {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.swiper-button-next:after {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.swiper-button-next:after:hover,
.swiper-button-next:after:hover {
  background: red;
}
div.swiper-slide {
  background: #FBEDD4;
  text-align: left;
  padding: 0;
  /*
    -webkit-box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.42);*/
  border-radius: 41px;
}
div.swiper-slide .swiper_text {
  padding: 40px 30px 30px 30px;
}
div.swiper-slide .swiper_bild {
  min-height: 350px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0px 0px 40px 40px;
}
div.swiper-slide .swiper_video {
  min-height: 350px;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}
div.swiper-slide .swiper_video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
div.swiper-slide h3 {
  margin-bottom: 17px;
}
div.swiper-slide p {
  font-weight: 300;
}
div.swiper-slide-active {
  transition: all 0.15s;
}
div.swiper-slide:hover {
  cursor: auto;
}
div.swiper-slide-active:hover {
  transform: scale(1.02);
  transition: all 0.15s;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #FBEDD4;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 5px;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

/*accordion*/

.akkordion_leistungen .panel .textblock_flex {
  flex-basis: 100%;
  flex-grow: 1;
  max-width: 100%;
}

@media (min-width: 62em) {
  .akkordion_leistungen .panel .textblock_flex {
    flex-basis: 47%;
    flex-grow: 1;
    max-width: 47%;
  }
}

.span_accordion {
  font-size: 1.6rem;
  font-weight: 500;
  padding-top: 35px;
  padding-right: 75px;
  padding-bottom: 35px;
}

.akkordion_leistungen div.panel.wrapper_textobjekt {
  margin-top: 0;
  padding: 0 11px;
}

.akkordion_leistungen div.panel.wrapper_textobjekt a.weiterleitung {
  font-size: 0.75em;
}

.akkordion_leistungen button {
  padding-left: 18px !important;
  font-family: "Work Sans", sans-serif;
  font-weight: 800;
  font-size: calc(19px + (30 - 19) * ((100vw - 300px) / (1920 - 300)));
  /*text-transform: uppercase;*/
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(249, 249, 249, 1) 65%
  );
}

button.span_accordion.active {
  margin-bottom: 30px;
}

.akkordion_leistungen .panel p {
  font-size: 0.9em;
}

.akkordion_leistungen .panel p a {
  font-size: inherit;
  font-weight: 700;
}

.akkordion_leistungen .panel p a:before {
  height: 24px;
}

.akkordion_leistungen .panel h3 {
  font-size: calc(12px + (21 - 12) * ((100vw - 300px) / (1920 - 300)));
  color: #54a2a8;
  margin-bottom: 11px;
  font-weight: 700;
}

.akkordion_leistungen .download_wrapper {
  border: 1px solid #f1f1f1;
  position: relative;
  padding: 30px;
  margin-top: 10px;
  box-shadow: 0px 5px 13px -8px rgb(0 0 0 / 42%);
}

.akkordion_leistungen .download_wrapper::before {
  position: absolute;
  content: "";
  width: 59px;
  height: 23px;
  background-image: url("/wp-content/uploads/2022/12/mini_tag_icon_pdf.png");
  left: 30px;
  top: -9px;
}

/*update 28-02-2023*/

div#topbar {
  display: none;
}

@media (min-width: 1025px) {
  div#topbar {
    padding: 0 5rem;
    height: 40px;
    background-color: #25262b;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
  }
  /*
  div#topbar div.mailbutton {
    width: 99px;
    height: 29px;
    background-image: url("/wp-content/uploads/2023/02/button_email.png");
  }

  div#topbar div.phonebutton {
    width: 99px;
    height: 29px;
    background-image: url("/wp-content/uploads/2023/02/button_phone.png");
  }*/

  div#topbar a {
    text-decoration: none;
    color: #333;
  }

  div#topbar a div p {
    border-radius: 8px 8px 0 0;
    padding: 3px 45px;
    border: #17172F;
    line-height: 25px;
    font-size: 0.8rem;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    color: #fff;
    position: relative;
    background-color: #17172F;
  }

  div#topbar a div p:hover {
    background-color: #FBEDD4;
    color: #17172F;
  }

  div#topbar a div p:before {
    bottom: -8px;
    position: absolute;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    /*! background-color: #f0f2f4; */
    z-index: 9999;
    left: 47%;
  }

  div#topbar a div.phonebutton p::after {
    background-repeat: no-repeat;
    background-size: contain;
    left: 13px;
    bottom: 5px;
    position: absolute;
    content: "";
    display: block;
    height: 19px;
    width: 19px;
    /* MD::20250318:: background-image: url("/wp-content/uploads/2024/12/Telefon-Icon.svg"); */
    background-image: url("/wp-content/uploads/2025/03/whatsapp-brands-1.svg");
  }
  div#topbar a div.phonebutton p:hover::after {
    background-image: url("/wp-content/uploads/2025/03/whatsapp-brands.svg");
  }

  div#topbar a div.mailbutton p::after {
    background-repeat: no-repeat;
    background-size: contain;
    left: 13px;
    bottom: 5px;
    position: absolute;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("/wp-content/uploads/2024/12/Mail-Icon.svg");
  }
  div#topbar a div.mailbutton p:hover::after {
    background-image: url("/wp-content/uploads/2025/03/envelope-regular.svg");
  }
}

div#topbar_mob {
  height: 75px;
  background-color: #25262b;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
  position: relative;
}

div#topbar_mob:before {
  bottom: -9px;
  position: absolute;
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
  z-index: 9999;
}

.page-template-sub_page_ueberuns div#topbar_mob:before {
  bottom: -9px;
  position: absolute;
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
  background-color: #fff;
  z-index: 9999;
}

div#topbar_mob div.phonebutton_mob p {
  border-radius: 8px 8px 0 0;
  padding: 3px 45px;
  border: 1px solid #17172F;
  line-height: 46px;
  font-size: calc(13px + (25 - 13) * ((100vw - 300px) / (1920 - 300)));
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #fff;
  position: relative;
  background-color: #17172F;
}

div#topbar_mob div.phonebutton_mob p:hover {
  background-color: #FBEDD4;
  border: 1px solid #FBEDD4;
  color: #17172F;
}

div#topbar_mob div.phonebutton_mob p::before {
  background-repeat: no-repeat;
  background-size: contain;
  left: 13px;
  top: 16px;
  position: absolute;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url("/wp-content/uploads/2023/03/phone_icon.png");
}

@media (min-width: 1025px) {
  div#topbar_mob {
    display: none;
  }
}

/* contact form 7 overrides */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #54a2a8;
  color: #54a2a8;
}
.wpcf7 form .wpcf7-response-output {
  margin: 2em 0;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}
.wpcf7 form.spam .wpcf7-response-output {
  border-color: #54a2a8;
  color: #54a2a8;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #54a2a8;
  color: #54a2a8;
}

/*change 26-06-2023*/
@media (max-width: 680px) {
.wpcf7 input.wpcf7-form-control {
  width:100%!important;
  }
}

/*change 23-08-2023*/
/*NEUER GRIDBLOCK 2023*/
.masonry-grid {
  padding-bottom: 30px;
  column-count: 5;
  column-gap: 20px;
  margin: 0 auto 60px auto;
}

.grid-block {
  break-inside: avoid;
  display: block;
  position: relative;
  overflow:hidden;
  /*-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.14);
  box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.14);*/
  width: 100%;
  background-color: #f3f4f5;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.3s;
}

/* OPTIONAL HOVER KONTAKT
.grid-block:hover {
  box-shadow: 0px 6px 4px 2px rgba(0, 0, 0, 0.16);
  transform: translateY(-3px);
  cursor: pointer;
}*/


.icon img {
width:80px;
height: auto;
}

.description {
  font-weight: bold;
  margin-bottom: 5px;
}

.masonry-grid h3 {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
}

.masonry-grid p {
  line-height: 1.6em;
  font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1920 - 300)));
}

.kachelheadline {
  padding-top: 50px;
    border-top: 1px solid #e3e3e3;
    margin-top: 90px;
}


/* Media Queries for Responsive Layout */
@media (max-width: 1160px) {
  .masonry-grid {
    column-count: 4; /* Adjust columns for smaller screens */
  }
}

@media (max-width: 1024px) {
  .masonry-grid {
    column-count: 3; /* Adjust columns for smaller screens */
  }
}

@media (max-width: 768px) {
  .masonry-grid {
    column-count: 2; /* Adjust columns for smaller screens */
  }
}

@media (max-width: 481px) {
  .masonry-grid {
    column-count: 1; /* Adjust columns for smaller screens */
  }
}

/* MD::20240712::add section blogpost */
.header_image {
    width: 100%;
    max-height: 450px;
    overflow: hidden;
    text-align: center;
}
.header_image img {
    width: 100%;
    display: block;
    margin: auto;
}
.wrapper_blogpost {
    flex-flow: wrap;
}
.wrapper_blogpost h1 {
    font-size: calc(30px + (42 - 20) * ((100vw - 300px) / (1920 - 300)));
}
.wrapper_blogpost h2 {
    font-size: calc(30px + (30 - 20) * ((100vw - 300px) / (1920 - 300)));
    margin-top: 25px;
    margin-bottom: 10px;
}
.wrapper_blogpost .blog-date {
    font-style: italic;
    color: #7c7c7c;
}
.wrapper_blogpost .breadcrumb {
    margin-top: 15px;
    margin-bottom: 25px;
    text-decoration: none;
    font-weight: bold;
    color: #7c7c7c;
    display: block;
}
.wrapper_blogpost p {
    margin-bottom: 20px;
}
.wrapper_blogpost ol {
    list-style: decimal;
    margin-left: 50px;
    margin-top: 20px;
}
.wrapper_blogpost ol li {
    line-height: 1.2em;
    margin-bottom: 10px;
}

.wrapper_blogpost .author_block h2,
.wrapper_blogpost .download_block h2,
.wrapper_blogpost .link_block h2 {
    font-size: 20px;
}
.wrapper_blogpost .download_block .download_inner_block,
.wrapper_blogpost .link_block .link_inner_block {
    vertical-align: middle;
    display: table;
    margin-left: 30px;
}
.wrapper_blogpost .download_block .download_inner_block svg,
.wrapper_blogpost .link_block .link_inner_block svg {
    width: 32px;
    margin-right: 25px;

}
.wrapper_blogpost .download_block .download_inner_block a,
.wrapper_blogpost .link_block .link_inner_block a {
    font-weight: bold;
    text-decoration: none;
    color: #7c7c7c;
    display: table-cell;
    vertical-align: middle;
}

.wrapper_blogpost .author_block .author_image {
    float: left;
    margin-right: 20px;
}
.wrapper_blogpost .author_block .author_image img {
    width: 150px;
    height: 150px;
    border: 1px solid #7c7c7c;
    border-radius: 50%;
    border-width: 4px;
    border-style: double;
}
.wrapper_blogpost .author_block .author_name {
    font-weight: bold;
    margin-bottom: 0px;
}
.wrapper_blogpost .author_block .author_description {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 14px;
}
.wrapper_blogpost .author_block .author_description ul {
    list-style: disc !important;
    margin-left: 200px;
}

.wrapper_wrapper_blog_posts_block .blog_posts_block_headline {
    width: 100%;
}
@media (max-width: 1023px) {
    .wrapper_blogpost .author_block .author_image img {
        width: 100px;
        height: 100px;
    }
    .wrapper_blogpost .author_block .author_description ul {
        margin-left: 150px;
    }
    .wrapper_blogpost .download_block .download_inner_block svg,
    .wrapper_blogpost .link_block .link_inner_block svg {
        width: 24px;
    }
}

/* MD::20240729::add fixed navi */
#header {
    position: fixed;
    width: 100%;
    z-index: 1000;

}
#container {
    padding-top: 250px;
}
@media (max-width: 1024px) {
    #container {
        padding-top: 100px;
    }
}
@media (max-width: 992px) {
    #container {
        padding-top: 75px;
    }
}

/* MD::20240729::edit subheadline */
.intro_block p.sub_headline {
    text-align: justify;
}

.background_image_network {
  background-image: url('/wp-content/uploads/2024/12/Hintergrundbild.png');
  background-repeat:no-repeat;
  background-position-x: 40px;
  background-position-y: 95px;
  background-size: 25px 420px;
  min-height: 550px;
} 
@media (max-width: 1024px) {
  .background_image_network {
    background-position-y: 102px;
    background-size: 15px 250px;
    min-height: 360px;
  }
}
.bg_blau_maske1, .bg_blau_maske2, .bg_blau_maske3 {
  background-repeat: no-repeat;
  /* min-height: 550px; */
  min-height: 100%;
  /* width: 800px; */
  width: 100%;
  Position: absolute;
  background-size: 115%
}

.bg_blau_maske1 {
  background-image: url(/wp-content/uploads/2024/12/Bild-Maske-Contentblock1-Hintergrundebene-2.svg);
}

.bg_blau_maske2 {
  background-image: url(/wp-content/uploads/2024/12/Bild-Maske-Contentblock2-Hintergrundebene-2.svg);
  background-position: -30px 0px;
}

.bg_blau_maske3 {
  background-image: url(/wp-content/uploads/2024/12/Bild-Maske-Contentblock3-Hintergrundebene-2.svg);
  background-position: 0px -20px;
}

.block_bild_maske1, .block_bild_maske2, .block_bild_maske3 {
  background-Position: Center;
  background-size: cover;
  mask-repeat: no-repeat;
  mask-size: 113%;
  min-height: 550px;
}
.block_bild_maske2 {
    mask-position: -30px 0px;
}

.block_bild_maske1 {
  mask-image: url(/wp-content/uploads/2024/12/Bild-Maske-Contentblock1-Vordergrund-2.svg);
}

.block_bild_maske2 {
  mask-image: url(/wp-content/uploads/2024/12/Bild-Maske-Contentblock2-Vordergrund-2.svg);
}

.block_bild_maske3 {
  mask-image: url(/wp-content/uploads/2024/12/Bild-Maske-Contentblock3-Vordergrund-2.svg);
}

.header_links_inhalt_maske1 img, .block_bild_maske1 img, .header_links_inhalt_maske2 img {
  width: 90%;
}

.block_bild_maske2 img {
  width: 100%;
}

.block_bild_maske3 img {
  width: 100%;
}
@media (max-width: 1024px) {
  .block_bild_maske1, .block_bild_maske2, .block_bild_maske3 {
    /* min-height: 300px; */
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .block_bild_maske1, .block_bild_maske2, .block_bild_maske3 {
    min-height: 72vw; 
    margin-top: 20px;
  }
}

.header_blau_maske1, .header_blau_maske2 {
  /* position: relative; */
  position: absolute;
  width: 100%;
  min-height: 100%;
  flex-basis: 49%;
  flex-grow: 1;
  background-repeat: no-repeat;
}

.header_blau_maske1 {
  background-image: url(/wp-content/uploads/2024/12/Bild-Maske-Headerbild-1-Hintergrundebene-2.svg);
  background-position: -70px -2px;
  background-size: 115%;
}

.header_blau_maske2 {
  background-image: url(/wp-content/uploads/2024/12/Bild-Maske-Headerbild-2-Hintergrundebene-2.svg);
  background-position: -70px -2px;
  background-size: 115%;
}
@media (max-width: 540px) {
  .header_blau_maske1,
  .header_blau_maske2 {
    background-position: -30px 2px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .header_blau_maske1,
  .header_blau_maske2 {
    background-position: -30px -2px;
  }
}
@media (min-width: 992px) and (max-width: 1260px) {
  .header_blau_maske2 {
    background-position: -60px -2px;
  }
}

.header_links_inhalt_maske1, .header_links_inhalt_maske2 {
  background-position-x: center;
  mask-repeat: no-repeat;
  background-size: cover;
  /* height: 412px; */
  /* min-width: 338px; */
  background-color: transparent;
}
@media screen and (min-width: 769px) {
  .header_links_inhalt_maske1, 
  .header_links_inhalt_maske2 {
/*    height: 412px; */
  }
}

.header_links_inhalt_maske1 {
  mask-image: url(/wp-content/uploads/2024/12/Bild-Maske-Headerbild-1-Vordergrund-2.svg);
  mask-size: 120%;
  mask-position: -80px -2px;
}
.header_links_inhalt_maske2 {
  mask-image: url(/wp-content/uploads/2024/12/Bild-Maske-Headerbild-2-Vordergrund-2.svg);
  mask-size: 118%;
  mask-position: -80px -2px;
}
@media (max-width: 540px) {
  .header_links_inhalt_maske1,
  .header_links_inhalt_maske2 {
    mask-position: -40px -2px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .header_links_inhalt_maske1, 
  .header_links_inhalt_maske2 {
    mask-position: -40px -2px;
  }
}
@media (min-width: 992px) and (max-width: 1260px) {
  .header_links_inhalt_maske2 {
    mask-position: -60px -2px;
  }
}

.container_header {
  height: 194px;
}
@media (max-width: 1024px) {
  .container_header {
    height: 75px;
  }
}
.mob-menu-left-bg-holder {
  background: url(/wp-content/uploads/2024/12/navi_bg.jpg);
  opacity: 0.6;
  background-attachment: fixed ;
  background-position: center top ;
  -webkit-background-size:  cover;
  -moz-background-size: cover;
  background-size: cover;
}

.mob-menu-header-holder {
  height: 80px;
}

.mob-standard-logo {
  height:80px !important; 
}

.mobmenul-container {
  height: 80px;
}

.mob-menu-logo-holder {
  height:       80px;
}

#BorlabsCookieBoxWidget svg {
	color: #fbedd4;
}

/* MD::20250909::add cert styles */
.certificate_home {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

@media (max-width: 1023px) {
    .certificate_home {
        display: block;
    }
}