@charset "UTF-8";
/*Colors*/
/*Fonts*/
/*Stripes*/
/*Screen Sizes*/
html {
  /* scroll-behavior: smooth; */
}

@media only screen and (min-width: 1200px) {
  .l-subheader-h,
  .l-section-h,
  .l-main .aligncenter,
  .w-tabs-section-content-h {
    max-width: 1200px !important;
  }
}

html:first-child,
html.ie11 {
  font-size: 16px;
  line-height: 1.625;
  font-weight: 300;
  font-family: "Montserrat-Light";
}

#page-content,
#page-footer {
  /* hr {
    border-width: 0 0 2px;
    max-width: 5rem;
    margin: auto;

    @include breakpoint(tablet) {
      margin: auto;
    }
  }
 */
  /* .smallPadB {
    padding-bottom: 2rem !important;
  } */
  /*  .mBM {
    margin-bottom: 3rem;
    @include breakpoint(tabletXL){
      margin-bottom: unset;
    }
  } */
}

#page-content h1,
#page-footer h1 {
  text-transform: uppercase;
  text-align: center;
  font-family: "Montserrat-Bold";
  font-size: 2.1875rem;
  font-weight: 700;
  color: #ffffff;
  max-width: 85%;
}

@media only screen and (min-width: 600px) {
  #page-content h1,
  #page-footer h1 {
    font-size: 3rem;
    max-width: 35rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content h1,
  #page-footer h1 {
    max-width: 40rem;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content h1,
  #page-footer h1 {
    font-size: 4.375rem;
    max-width: 55rem;
  }
}

#page-content h2,
#page-footer h2 {
  font-family: "Montserrat-Bold";
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

@media only screen and (min-width: 600px) {
  #page-content h2,
  #page-footer h2 {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content h2,
  #page-footer h2 {
    font-size: 2.5rem;
  }
}

#page-content h2 .hGreen,
#page-footer h2 .hGreen {
  color: #149B30;
  width: 100%;
  display: inline-block;
}

#page-content h3,
#page-footer h3 {
  font-family: "Montserrat-SemiBold";
  text-align: center;
  text-transform: uppercase;
  font-size: 1.35rem;
  color: #072E5B;
}

@media only screen and (min-width: 600px) {
  #page-content h3,
  #page-footer h3 {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content h3,
  #page-footer h3 {
    font-size: 1.5rem;
  }
}

#page-content h4,
#page-footer h4 {
  text-align: center;
  font-family: "Montserrat-Light";
  font-size: 1.15rem;
  font-weight: 300;
  color: #ffffff;
}

@media only screen and (min-width: 600px) {
  #page-content h4,
  #page-footer h4 {
    font-size: 1.15rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content h4,
  #page-footer h4 {
    font-size: 1.25rem;
  }
}

#page-content li,
#page-footer li {
  font-family: "Montserrat-Light";
}

#page-content li::marker,
#page-footer li::marker {
  content: "✓";
}

#page-content li .li-text,
#page-footer li .li-text {
  position: relative;
  left: 10px;
}

#page-content p,
#page-content a,
#page-footer p,
#page-footer a {
  font-family: "Montserrat-Light";
  color: #ffffff;
}

#page-content .w-btn-label,
#page-footer .w-btn-label {
  font-size: 1rem;
}

#page-content .blueFont,
#page-footer .blueFont {
  color: #072E5B;
}

#page-content .airPad,
#page-footer .airPad {
  padding-top: 2rem;
}

#page-content .noMarg,
#page-footer .noMarg {
  margin: 0;
}

@media only screen and (min-width: 1025px) {
  #page-content .noPadB,
  #page-footer .noPadB {
    padding-bottom: 0 !important;
  }
}

#page-content .mTXS,
#page-footer .mTXS {
  margin-top: 1rem;
}

#page-content .mTS,
#page-footer .mTS {
  margin-top: 0.5rem;
}

#page-content .mTM,
#page-footer .mTM {
  margin-top: 3rem;
}

#page-content .mTL,
#page-footer .mTL {
  margin-top: 4rem;
}

#page-content .mT,
#page-footer .mT {
  margin-top: 2rem;
}

#page-content .mTnone,
#page-content .mTnone,
#page-footer .mTnone,
#page-footer .mTnone {
  margin-top: unset;
}

#page-content .mBnone,
#page-content .mBnone,
#page-footer .mBnone,
#page-footer .mBnone {
  margin-bottom: unset;
}

#page-content .mBs,
#page-content .mBs,
#page-footer .mBs,
#page-footer .mBs {
  margin-bottom: 0.5rem;
}

#page-content .mBsSpecial,
#page-footer .mBsSpecial {
  margin-bottom: 0.6rem;
}

#page-content .mB,
#page-footer .mB {
  margin-bottom: 1.5rem;
}

#page-content .mB2,
#page-footer .mB2 {
  margin-bottom: 2.25rem;
}

#page-content .mBL,
#page-footer .mBL {
  margin-bottom: 6rem;
}

#page-content .noPadTop,
#page-footer .noPadTop {
  padding-top: 0 !important;
}

#page-content .noPad,
#page-footer .noPad {
  padding: 0 !important;
}

#page-content .padTop,
#page-footer .padTop {
  padding-top: 5rem;
}

#page-content .padTopBig,
#page-footer .padTopBig {
  padding-top: 8rem;
}

#page-content .pBLarge,
#page-footer .pBLarge {
  padding-bottom: 8rem !important;
}

#page-content .taC,
#page-footer .taC {
  text-align: center;
}

#page-content .uppercase,
#page-footer .uppercase {
  text-transform: uppercase;
}

#page-content .boldFont,
#page-footer .boldFont {
  font-family: "Montserrat-SemiBold";
}

#page-content .text-container--small,
#page-footer .text-container--small {
  padding: 0rem 1rem 4rem;
}

@media only screen and (min-width: 1025px) {
  #page-content .text-container--small,
  #page-footer .text-container--small {
    padding: 3rem 10rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .text-container--small--hero,
  #page-footer .text-container--small--hero {
    padding: 0rem 10rem;
  }
}

#page-content .text--xs,
#page-footer .text--xs {
  font-size: 0.8rem;
}

@media only screen and (min-width: 600px) {
  #page-content .text--xs,
  #page-footer .text--xs {
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .text--xs,
  #page-footer .text--xs {
    font-size: 0.875rem;
  }
}

#page-content .text--s,
#page-footer .text--s {
  font-size: 0.875rem;
}

@media only screen and (min-width: 600px) {
  #page-content .text--s,
  #page-footer .text--s {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .text--s,
  #page-footer .text--s {
    font-size: 1rem;
  }
}

#page-content .text--xm,
#page-footer .text--xm {
  font-size: 1rem;
}

@media only screen and (min-width: 600px) {
  #page-content .text--xm,
  #page-footer .text--xm {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .text--xm,
  #page-footer .text--xm {
    font-size: 1.125rem;
  }
}

#page-content .text--m,
#page-footer .text--m {
  font-size: 1.25rem;
}

@media only screen and (min-width: 600px) {
  #page-content .text--m,
  #page-footer .text--m {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .text--m,
  #page-footer .text--m {
    font-size: 1.375rem;
  }
}

#page-content .text--l,
#page-footer .text--l {
  font-size: 1.3rem;
}

@media only screen and (min-width: 600px) {
  #page-content .text--l,
  #page-footer .text--l {
    font-size: 1.35rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .text--l,
  #page-footer .text--l {
    font-size: 1.5rem;
  }
}

#page-content .text--xl,
#page-footer .text--xl {
  font-size: 2.1875rem;
}

@media only screen and (min-width: 600px) {
  #page-content .text--xl,
  #page-footer .text--xl {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .text--xl,
  #page-footer .text--xl {
    font-size: 4.375rem;
  }
}

#page-content .single-text-container,
#page-footer .single-text-container {
  padding: 0rem 1rem 4rem 1rem;
  /*     &--bg{
      z-index: 10;
      position: relative;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='838.219' height='843.521' viewBox='0 0 838.219 843.521'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23072e5b'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_552' data-name='Gruppe 552' transform='translate(-540.891 -1269.083)'%3E%3Cpath id='Pfad_149' data-name='Pfad 149' d='M0,0V594.15A21.039,21.039,0,0,0,21.048,615.2h91.944A21.045,21.045,0,0,0,134.04,594.15V160.19C134.031,81.194,75.713,13.108,0,0' transform='translate(779.313 1385.165) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3Cpath id='Pfad_150' data-name='Pfad 150' d='M113,0H21.056A21.052,21.052,0,0,0,0,21.048V453.771c.008,79,58.327,147.09,134.048,160.2V21.048A21.05,21.05,0,0,0,113,0' transform='translate(540.891 1805.62) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3Cpath id='Pfad_151' data-name='Pfad 151' d='M0,160.19V617.715c75.721-13.109,134.04-81.194,134.048-160.2V0C58.327,13.108.008,81.193,0,160.19' transform='translate(658.479 1594.456) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    } */
}

@media only screen and (min-width: 1025px) {
  #page-content .single-text-container,
  #page-footer .single-text-container {
    padding: 0rem 10rem 3rem 10rem;
  }
}

#page-content .link--underline,
#page-footer .link--underline {
  text-decoration: underline;
}

#page-content .zIndexRel,
#page-footer .zIndexRel {
  z-index: 10;
  position: relative;
}

#page-content .flex .wpb_wrapper,
#page-footer .flex .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#page-content .flex--center .wpb_wrapper,
#page-footer .flex--center .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#page-content .flex__hero .wpb_wrapper,
#page-footer .flex__hero .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (min-width: 599px) {
  #page-content .flex__hero .wpb_wrapper,
  #page-footer .flex__hero .wpb_wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

#page-content .top-logo,
#page-footer .top-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#page-content .top-logo .w-image-h,
#page-footer .top-logo .w-image-h {
  padding: 3rem 2rem 2rem 2rem;
  background-color: #ffffff;
}

@media only screen and (min-width: 1023px) {
  #page-content .top-logo .w-image-h,
  #page-footer .top-logo .w-image-h {
    padding: 6rem 3rem 3rem 3rem;
  }
}

#page-content .top-logo .w-image-h img,
#page-footer .top-logo .w-image-h img {
  width: 10rem;
}

@media only screen and (min-width: 1023px) {
  #page-content .top-logo .w-image-h img,
  #page-footer .top-logo .w-image-h img {
    width: 15rem;
  }
}

#page-content .lines-container,
#page-footer .lines-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
}

@media only screen and (min-width: 600px) {
  #page-content .lines-container,
  #page-footer .lines-container {
    margin-top: 3rem;
  }
}

#page-content .lines-container svg,
#page-footer .lines-container svg {
  width: 2rem;
}

@media only screen and (min-width: 1025px) {
  #page-content .lines-container svg,
  #page-footer .lines-container svg {
    width: 3rem;
  }
}

#page-content .lines-container--smallPad,
#page-footer .lines-container--smallPad {
  margin-top: -7rem;
}

@media only screen and (min-width: 600px) {
  #page-content .lines-container--smallPad,
  #page-footer .lines-container--smallPad {
    margin-top: -8rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .lines-container--smallPad,
  #page-footer .lines-container--smallPad {
    margin-top: -2rem;
  }
}

#page-content .link-with-logo,
#page-footer .link-with-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

#page-content .link-with-logo:not(:last-child),
#page-footer .link-with-logo:not(:last-child) {
  margin-bottom: 5px;
}

#page-content .link-with-logo-container,
#page-footer .link-with-logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#page-content .link-with-logo::before,
#page-footer .link-with-logo::before {
  content: "";
  position: relative;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

#page-content .link-with-logo--tel::before,
#page-footer .link-with-logo--tel::before {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_469' data-name='Gruppe 469' xmlns='http://www.w3.org/2000/svg' width='40.13' height='40.047' viewBox='0 0 40.13 40.047'%3E%3Cpath id='Pfad_232' data-name='Pfad 232' d='M445.164,184.752a1.021,1.021,0,0,1-.149-.011,1.04,1.04,0,0,1-.882-1.177c.25-1.738.57-7.905-5.8-14.277s-12.537-6.046-14.276-5.8a1.04,1.04,0,1,1-.3-2.059c1.98-.285,8.99-.666,16.043,6.384s6.67,14.064,6.385,16.044A1.041,1.041,0,0,1,445.164,184.752Z' transform='translate(-406.185 -161.309)' fill='%23fff'/%3E%3Cpath id='Pfad_233' data-name='Pfad 233' d='M447.835,214.6a1.04,1.04,0,0,1-1.026-.878,12.891,12.891,0,0,0-10.638-10.637,1.04,1.04,0,0,1,.324-2.055A14.972,14.972,0,0,1,448.863,213.4a1.041,1.041,0,0,1-1.029,1.2Z' transform='translate(-416.256 -193.511)' fill='%23fff'/%3E%3Cpath id='Pfad_234' data-name='Pfad 234' d='M349.627,207.168c3.507,3.479,7.564,6.8,9.156,5.2,2.284-2.3,3.689-4.3,8.75-.26s1.195,6.757-1.014,8.985c-2.549,2.568-12.1.179-21.566-9.216s-11.929-18.929-9.376-21.5c2.209-2.228,4.9-6.113,8.972-1.079s2.089,6.451-.191,8.747C342.763,199.651,346.12,203.686,349.627,207.168Z' transform='translate(-334.633 -182.01)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#page-content .link-with-logo--fax::before,
#page-footer .link-with-logo--fax::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m467 211h-76v-105c0-41.355-33.645-75-75-75h-180c-8.284 0-15 6.716-15 15v165h-76c-24.813 0-45 20.187-45 45v90c0 24.813 20.187 45 45 45h76v75c0 8.284 6.716 15 15 15h240c8.284 0 15-6.716 15-15v-75h76c24.813 0 45-20.187 45-45v-90c0-24.813-20.187-45-45-45zm-108.58-120h-27.42v-27.42c12.764 4.527 22.893 14.656 27.42 27.42zm-207.42-30h150v45c0 8.284 6.716 15 15 15h45v90h-210zm210 390h-210v-90h210zm121-105c0 8.271-6.729 15-15 15h-76v-15c0-8.284-6.716-15-15-15h-240c-8.284 0-15 6.716-15 15v15h-76c-8.271 0-15-6.729-15-15v-90c0-8.271 6.729-15 15-15h422c8.271 0 15 6.729 15 15z' fill='%23ffffff' data-original='%23000000' style=''/%3E%3Ccircle cx='376' cy='286' r='15' fill='%23ffffff' data-original='%23000000' style=''/%3E%3Ccircle cx='316' cy='286' r='15' fill='%23ffffff' data-original='%23000000' style=''/%3E%3Cpath d='m316 391h-120c-8.284 0-15 6.716-15 15s6.716 15 15 15h120c8.284 0 15-6.716 15-15s-6.716-15-15-15z' fill='%23ffffff' data-original='%23000000' style=''/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#page-content .link-with-logo--mail::before,
#page-footer .link-with-logo--mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39.875' height='29.984' viewBox='0 0 39.875 29.984'%3E%3Cpath id='Pfad_4' data-name='Pfad 4' d='M219.728,310.667H183.481a1.934,1.934,0,0,0-1.814,2.031V338.62a1.934,1.934,0,0,0,1.814,2.031h36.247a1.934,1.934,0,0,0,1.814-2.031V312.7A1.934,1.934,0,0,0,219.728,310.667ZM201.89,327.612a.477.477,0,0,1-.571,0l-15.652-14.567h31.875Zm-6.047-2-12.053,11.625V314.39Zm1.656,1.541,2.463,2.292a2.421,2.421,0,0,0,3.286,0l2.268-2.111,11.347,10.944h-30.9Zm9.673-1.361,12.247-11.4V337.6Z' transform='translate(-181.667 -310.667)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("/wp-content/themes/Impreza-child/fonts/Montserrat-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/wp-content/themes/Impreza-child/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Bold.otf") format("opentype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Bold.svg") format("svg"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Bold.ttf") format("truetype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Bold.woff") format("woff"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Bold.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-Light";
  src: url("/wp-content/themes/Impreza-child/fonts/Montserrat-Light.eot");
  /* IE9 Compat Modes */
  src: url("/wp-content/themes/Impreza-child/fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Light.otf") format("opentype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Light.svg") format("svg"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Light.ttf") format("truetype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Light.woff") format("woff"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Light.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("/wp-content/themes/Impreza-child/fonts/Montserrat-Medium.eot");
  /* IE9 Compat Modes */
  src: url("/wp-content/themes/Impreza-child/fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Medium.otf") format("opentype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Medium.svg") format("svg"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Medium.ttf") format("truetype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Medium.woff") format("woff"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-Medium.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("/wp-content/themes/Impreza-child/fonts/Montserrat-SemiBold.eot");
  /* IE9 Compat Modes */
  src: url("/wp-content/themes/Impreza-child/fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-SemiBold.otf") format("opentype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-SemiBold.svg") format("svg"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-SemiBold.ttf") format("truetype"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-SemiBold.woff") format("woff"), url("/wp-content/themes/Impreza-child/fonts/Montserrat-SemiBold.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

.fade-in {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 350ms ease-in, -webkit-transform 350ms ease-in;
  transition: opacity 350ms ease-in, -webkit-transform 350ms ease-in;
  transition: opacity 350ms ease-in, transform 350ms ease-in;
  transition: opacity 350ms ease-in, transform 350ms ease-in, -webkit-transform 350ms ease-in;
}

.fade-in.appear {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fade-in--fromBottom {
  -webkit-transform: unset;
          transform: unset;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

@media only screen and (min-width: 1025px) {
  .slide-in.slide-in--imgRight img {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  .slide-in.slide-in--imgRight .overlapping-box__text {
    -webkit-transform: translate(-50px, -50%);
            transform: translate(-50px, -50%);
  }
}

.slide-in img {
  -webkit-transition: opacity 400ms ease-in, -webkit-transform 400ms ease-in;
  transition: opacity 400ms ease-in, -webkit-transform 400ms ease-in;
  transition: opacity 400ms ease-in, transform 400ms ease-in;
  transition: opacity 400ms ease-in, transform 400ms ease-in, -webkit-transform 400ms ease-in;
}

@media only screen and (min-width: 1025px) {
  .slide-in img {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
}

.slide-in .overlapping-box__text {
  -webkit-transition: opacity 400ms ease-in, -webkit-transform 400ms ease-in;
  transition: opacity 400ms ease-in, -webkit-transform 400ms ease-in;
  transition: opacity 400ms ease-in, transform 400ms ease-in;
  transition: opacity 400ms ease-in, transform 400ms ease-in, -webkit-transform 400ms ease-in;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

@media only screen and (min-width: 1025px) {
  .slide-in .overlapping-box__text {
    -webkit-transform: translate(50px, -50%);
            transform: translate(50px, -50%);
  }
}

.slide-in .overlapping-box__wrapper__above img {
  opacity: 1;
  -webkit-transform: unset;
          transform: unset;
}

.slide-in .overlapping-box__wrapper__above .overlapping-box__text {
  -webkit-transition: opacity 400ms ease-in, -webkit-transform 400ms ease-in;
  transition: opacity 400ms ease-in, -webkit-transform 400ms ease-in;
  transition: opacity 400ms ease-in, transform 400ms ease-in;
  transition: opacity 400ms ease-in, transform 400ms ease-in, -webkit-transform 400ms ease-in;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

@media only screen and (min-width: 1025px) {
  .slide-in.appear img {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.slide-in.appear .overlapping-box__text {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media only screen and (min-width: 1025px) {
  .slide-in.appear .overlapping-box__text {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

.slide-in.appear .overlapping-box__wrapper__above img {
  opacity: 1;
  -webkit-transform: unset;
          transform: unset;
}

.slide-in.appear .overlapping-box__wrapper__above .overlapping-box__text {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 600px) {
  .l-section.l-section.height_small,
  .l-section.l-section.height_medium,
  .l-section.l-section.width_full
> div
> div
> .vc_col-sm-12
> div
> div
> .w-tabs.layout_hor
.w-tabs-section-content,
  .l-section.l-section.height_large {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .l-section.l-section.height_full {
    min-height: 0;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section__hero--big {
    padding-bottom: 0 !important;
  }
}

.page-id-15 #page-content .section__hero--big .hero__heading-container {
  padding-top: 50%;
  padding-bottom: 2rem;
}

@media only screen and (min-width: 375px) and (max-width: 400px) {
  .page-id-15 #page-content .section__hero--big .hero__heading-container {
    padding-top: 40%;
    padding-bottom: 0rem;
  }
}

@media only screen and (min-width: 600px) {
  .page-id-15 #page-content .section__hero--big .hero__heading-container {
    padding-top: 40%;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 600px) {
  .page-id-15 #page-content .section__hero--big .hero__heading-container {
    padding-top: 40%;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 1025px) {
  .page-id-15 #page-content .section__hero--big .hero__heading-container {
    padding-top: 25%;
    padding-bottom: 1rem;
  }
}

@media only screen and (min-width: 1500px) {
  .page-id-15 #page-content .section__hero--big .hero__heading-container {
    padding-top: 40%;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 1500px) {
  .page-id-15 #page-content .section__hero--big .hero__heading-container {
    padding-top: 30%;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 2000px) {
  .page-id-15 #page-content .section__hero--big .hero__heading-container {
    padding-top: 45%;
    padding-bottom: 3rem;
  }
}

.page-id-277 #page-content .section__hero--kontakt .l-section-img {
  background-position: center;
}

#page-content .section__hero {
  background-color: #ffffff;
  overflow: hidden;
  /*  min-height: 100vh; */
  /* .l-section-img {
    background-size: contain;
    background-position: 0 70px;
  } */
}

#page-content .section__hero--long {
  /* min-height: 100vh;
    @include breakpoint(laptopSmall) {
      min-height: 170vh;
    }
    @include breakpoint(laptopXL) {
      min-height: 140vh;
    } */
}

#page-content .section__hero .hero__heading-container > .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#page-content .section__hero .hero__heading-container {
  padding-top: 20%;
  padding-bottom: 2rem;
}

@media only screen and (min-width: 375px) and (max-width: 400px) {
  #page-content .section__hero .hero__heading-container {
    padding-bottom: 0rem;
  }
}

@media only screen and (min-width: 600px) {
  #page-content .section__hero .hero__heading-container {
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 600px) {
  #page-content .section__hero .hero__heading-container {
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section__hero .hero__heading-container {
    padding-top: 25%;
    padding-bottom: 1rem;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .section__hero .hero__heading-container {
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .section__hero .hero__heading-container {
    padding-top: 30%;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 2000px) {
  #page-content .section__hero .hero__heading-container {
    padding-bottom: 3rem;
  }
}

#page-content .section__hero .hero__heading-container--withText {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#page-content .section__hero .hero__heading-container--withText .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 375px) and (max-width: 400px) {
  #page-content .section__hero .hero__heading-container--withText {
    padding-top: 3rem;
    padding-bottom: 0rem;
  }
}

@media only screen and (min-width: 600px) {
  #page-content .section__hero .hero__heading-container--withText {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section__hero .hero__heading-container--withText {
    padding-top: 4rem;
    padding-bottom: 1rem;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .section__hero .hero__heading-container--withText {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .section__hero .hero__heading-container--withText {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 2000px) {
  #page-content .section__hero .hero__heading-container--withText {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
}

#page-footer {
  padding-top: 3rem;
  margin-top: -3rem;
}

#page-footer p, #page-footer a {
  color: #072E5B;
  font-family: 'Montserrat-Light';
}

#page-footer a:hover {
  color: #149B30;
}

@media only screen and (max-width: 767px) {
  #page-footer .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
  #page-footer .footer-links-info {
    display: inline-block;
    width: 100%;
  }
  #page-footer .footer-links-info__sep {
    display: none;
  }
  #page-footer .footer__block {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: center;
  }
  #page-footer .footer__block--kontakt {
    /* order: 3; */
    width: 100%;
  }
  #page-footer .footer__block .footer__anschrift {
    margin: 1.5rem 0 0.65rem;
  }
}

#page-content .form {
  /* &__wrapper {
    display: flex;
    justify-content: space-between;
  }
  &__el {
    .custom-label {
      margin-bottom: 0rem;
      margin-top: 2rem;
    }
    &--privacy {
      margin-top: 2.5rem;
    }
    &--submit {
      margin-top: 2.5rem;
    }
    &--short {
      width: 49%;
    }
  } */
  /*  input,
  textarea {
    color: color(braun);
    min-height: 3.8rem;
  }
  span {
    color: color(weiss);
  } */
  /*  input[type="submit"] {
    font-size: fontSize(standard);
    color: #4b3f42 !important;
    background: #d5c6b1;
    padding: 1.2em 1.8em;
    text-transform: uppercase;
  }
  
  input[type="submit"]:hover {
    background-color: #4b3f42 !important;
    border-color: #d5c6b1;
    color: #d5c6b1 !important;
  } */
}

#page-content .kontaktformular-container {
  height: unset !important;
  background-size: 50rem !important;
  background-position: top !important;
}

#page-content .kontaktformular label {
  font-family: "Montserrat-Light";
  font-weight: 400;
  color: #ffffff;
  text-align: left;
}

#page-content .kontaktformular input {
  font-family: "Montserrat-Light";
}

#page-content .kontaktformular span {
  text-align: left;
}

#page-content .kontaktformular__eineSpalte {
  text-align: left;
  margin-bottom: 1rem;
}

#page-content .kontaktformular__zweiSpalten {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

#page-content .kontaktformular__zweiSpalten label:first-child {
  margin-right: 1rem;
}

#page-content .kontaktformular__dreiSpalten {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

#page-content .kontaktformular__dreiSpalten label:not(:last-child) {
  margin-right: 1rem;
}

@media only screen and (max-width: 599px) {
  #page-content .kontaktformular__zweiSpalten {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #page-content .kontaktformular__zweiSpalten label:first-child {
    margin-right: unset;
    margin-bottom: 1rem;
  }
  #page-content .kontaktformular__dreiSpalten {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #page-content .kontaktformular__dreiSpalten label:not(:last-child) {
    margin-right: unset;
    margin-bottom: 1rem;
  }
}

#page-content .kontaktformular .acceptance-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#page-content .kontaktformular .acceptance-container .datenschutz-hinweis {
  font-size: 14px;
  text-align: left;
  margin-bottom: 0.5rem;
}

#page-content .kontaktformular .sending-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#page-content .kontaktformular .sending-container input[type="submit"] {
  margin-top: 2rem;
}

#page-content .kontaktformular .sending-container .ajax-loader {
  display: none;
}

#page-content .wpcf7-response-output {
  border-color: !important;
  margin-top: 1rem;
  color: white;
}

.wpcf7-not-valid-tip {
  font-size: 1em;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

#page-header {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#page-header .nav__iconContainer {
  display: none;
}

#page-header .l-subheader {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: #ffffff;
  /*Unterpunkt*/
  /*Unterpunkt Mobile*/
  /*  .l-subheader-h {
      @include breakpoint(laptopSmall) {
        max-width: unset;
      }

      @include breakpoint(phoneSmall) {
        .l-subheader-cell.at_right {
          .w-text.ush_text_1 {
            .w-text-h {
              .w-text-value {
                font-size: 0.8rem;
              }
            }
          }
          .button {
            font-size: 0.7rem;
          }
        }
      } */
}

#page-header .l-subheader .w-nav-title {
  font-family: "Montserrat-Bold";
  font-size: 1.125rem;
  text-transform: uppercase;
}

#page-header .l-subheader .ush_image_1 {
  height: 35px !important;
}

@media only screen and (min-width: 600px) {
  #page-header .l-subheader .ush_image_1 {
    height: 45px !important;
  }
}

@media only screen and (max-width: 1024px) {
  #page-header .l-subheader .nav__iconContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #page-header .l-subheader .nav__iconContainer a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #page-header .l-subheader .nav__iconContainer a::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #page-header .l-subheader .nav__iconContainer .phone-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_469' data-name='Gruppe 469' xmlns='http://www.w3.org/2000/svg' width='40.13' height='40.047' viewBox='0 0 40.13 40.047'%3E%3Cpath id='Pfad_232' data-name='Pfad 232' d='M445.164,184.752a1.021,1.021,0,0,1-.149-.011,1.04,1.04,0,0,1-.882-1.177c.25-1.738.57-7.905-5.8-14.277s-12.537-6.046-14.276-5.8a1.04,1.04,0,1,1-.3-2.059c1.98-.285,8.99-.666,16.043,6.384s6.67,14.064,6.385,16.044A1.041,1.041,0,0,1,445.164,184.752Z' transform='translate(-406.185 -161.309)' fill='%23072E5B'/%3E%3Cpath id='Pfad_233' data-name='Pfad 233' d='M447.835,214.6a1.04,1.04,0,0,1-1.026-.878,12.891,12.891,0,0,0-10.638-10.637,1.04,1.04,0,0,1,.324-2.055A14.972,14.972,0,0,1,448.863,213.4a1.041,1.041,0,0,1-1.029,1.2Z' transform='translate(-416.256 -193.511)' fill='%23072E5B'/%3E%3Cpath id='Pfad_234' data-name='Pfad 234' d='M349.627,207.168c3.507,3.479,7.564,6.8,9.156,5.2,2.284-2.3,3.689-4.3,8.75-.26s1.195,6.757-1.014,8.985c-2.549,2.568-12.1.179-21.566-9.216s-11.929-18.929-9.376-21.5c2.209-2.228,4.9-6.113,8.972-1.079s2.089,6.451-.191,8.747C342.763,199.651,346.12,203.686,349.627,207.168Z' transform='translate(-334.633 -182.01)' fill='%23072E5B'/%3E%3C/svg%3E%0A");
    margin-right: 1rem;
  }
  #page-header .l-subheader .nav__iconContainer .mail-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39.875' height='29.984' viewBox='0 0 39.875 29.984'%3E%3Cpath id='Pfad_4' data-name='Pfad 4' d='M219.728,310.667H183.481a1.934,1.934,0,0,0-1.814,2.031V338.62a1.934,1.934,0,0,0,1.814,2.031h36.247a1.934,1.934,0,0,0,1.814-2.031V312.7A1.934,1.934,0,0,0,219.728,310.667ZM201.89,327.612a.477.477,0,0,1-.571,0l-15.652-14.567h31.875Zm-6.047-2-12.053,11.625V314.39Zm1.656,1.541,2.463,2.292a2.421,2.421,0,0,0,3.286,0l2.268-2.111,11.347,10.944h-30.9Zm9.673-1.361,12.247-11.4V337.6Z' transform='translate(-181.667 -310.667)' fill='%23072E5B'/%3E%3C/svg%3E%0A");
  }
  #page-header .l-subheader .w-nav-control.active + .w-nav-list {
    /*  height: calc(100vh - 50px)!important;
        display: flex!important;
        flex-direction: column!important;
        justify-content: center!important;
        align-items: center!important; */
    background-color: rgba(5, 55, 115, 0.95);
    color: white;
    top: 50px;
    min-height: calc(100vh - 50px);
  }
  #page-header .l-subheader .w-nav-control.active + .w-nav-list li:first-child::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='176.943' viewBox='0 0 45 176.943'%3E%3Cg id='Gruppe_552' data-name='Gruppe 552' transform='translate(-938 -6963.557)'%3E%3Cline id='Linie_65' data-name='Linie 65' y2='106.25' transform='translate(982 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_66' data-name='Linie 66' y2='176.943' transform='translate(960.5 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_67' data-name='Linie 67' y2='106.25' transform='translate(939 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E ");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 7rem;
    height: 7rem;
    margin-top: -7rem;
  }
  #page-header .l-subheader .w-nav-control.active + .w-nav-list li:nth-last-child(2)::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='176.943' viewBox='0 0 45 176.943'%3E%3Cg id='Gruppe_554' data-name='Gruppe 554' transform='translate(-938 -7399.557)'%3E%3Cline id='Linie_26' data-name='Linie 26' y2='106.25' transform='translate(939 7399.557)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_27' data-name='Linie 27' y2='176.943' transform='translate(960.5 7399.557)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_28' data-name='Linie 28' y2='106.25' transform='translate(982 7399.557)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 7rem;
    height: 7rem;
    margin-bottom: -rem;
  }
  #page-header .l-subheader .w-nav-control.active + .w-nav-list li:not(:nth-last-child(2))::after {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    background-color: #ffffff;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #page-header .l-subheader .w-nav-control.active {
    display: none;
  }
}

#page-header .l-subheader #menu-item-459::before, #page-header .l-subheader #menu-item-459::after {
  content: unset;
}

#page-header .l-subheader #menu-item-459 span {
  font-family: "Montserrat-Light";
}

#page-header .l-subheader #menu-item-459 span::after {
  content: "\A für dichte Luftsysteme";
  font-family: "Montserrat-Light";
  text-transform: initial;
  position: relative;
  left: 0;
  white-space: pre;
}

#page-header .l-subheader #menu-item-458 span {
  font-family: "Montserrat-Light";
}

#page-header .l-subheader #menu-item-458 span::after {
  content: "\A für effiziente Anlagentechnik";
  font-family: "Montserrat-Light";
  text-transform: initial;
  position: relative;
  left: 0;
  white-space: pre;
}

#page-header .l-subheader .ush_menu_1 .w-nav-list:not(.level_1) {
  background: unset;
  color: white;
}

@media only screen and (min-width: 1023px) {
  #page-header .l-subheader .ush_menu_1 .w-nav-list:not(.level_1) {
    background: #ffffff;
    color: #072E5B;
  }
}

#page-header .l-subheader .w-nav-list .level_2 {
  overflow: hidden;
}

/* #page-header.sticky {
  .l-subheader {
    background-color: color(weiss) !important;
  }
}
 */
#page-content .l-section.height_medium {
  padding: 2rem 1.25rem 2.75rem 1.25rem;
}

@media only screen and (min-width: 599px) {
  #page-content .l-section.height_medium {
    padding: 6rem 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  #page-content .l-section.height_medium {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media only screen and (max-width: 599px) {
  .g-cols.type_default > div > .vc_column-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

#page-content .l-section-h {
  z-index: 20;
}

#page-content .section--triSpace {
  margin-top: -5rem;
  padding-top: 8rem !important;
}

@media only screen and (min-width: 600px) {
  #page-content .section--triSpace {
    margin-top: -8rem;
    padding-top: 8rem !important;
  }
}

@media only screen and (min-width: 768px) {
  #page-content .section--triSpace {
    margin-top: -8rem;
    padding-top: 8rem !important;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section--triSpace {
    margin-top: -9rem;
    padding-top: 11rem !important;
  }
}

@media only screen and (min-width: 2000px) {
  #page-content .section--triSpace {
    margin-top: -11rem;
    padding-top: 13rem !important;
  }
}

#page-content .section--triSpace--belowHero {
  margin-top: -5rem;
  padding-top: 6rem !important;
}

#page-content .section--triSpace--noMarg {
  margin-top: unset;
}

@media only screen and (max-width: 599px) {
  #page-content .section--triSpace--noMarg {
    padding-top: 8rem !important;
  }
}

#page-content .section__triangles {
  /* .l-section-img {
      &::before {
        content: "";
        z-index: 10;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 0px;
        height: 0px;
        bottom: 0;
        border-right: 50vw solid transparent;
        border-top: 5rem solid transparent;
        border-left: 50vw solid color(weiss);
        @include breakpoint(tablet) {
          border-top: 10rem solid transparent;
        }
      }
      &::after {
        content: "";
        z-index: 10;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 0px;
        height: 0px;
        bottom: 0;
        border-left: 50vw solid transparent;
        border-top: 5rem solid transparent;
        border-right: 50vw solid color(weiss);
        @include breakpoint(tablet) {
          border-top: 10rem solid transparent;
        }
      }
    } */
}

#page-content .section__triangles::before {
  content: "";
  z-index: 10;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  left: 50%;
  border-right: 50vw solid transparent;
  border-left: 50vw solid transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: -1px;
}

@media only screen and (min-width: 1025px) {
  #page-content .section__triangles::before {
    border-top: 10rem solid transparent;
  }
}

#page-content .section__triangles--white::before {
  border-top: 5rem solid #ffffff;
}

@media only screen and (min-width: 1025px) {
  #page-content .section__triangles--white::before {
    border-top: 10rem solid #ffffff;
  }
}

#page-content .section__triangles--blue::before {
  border-top: 5rem solid #072E5B;
}

@media only screen and (min-width: 1025px) {
  #page-content .section__triangles--blue::before {
    border-top: 10rem solid #072E5B;
  }
}

#page-content .section__triangles__bottom::before {
  content: "";
  z-index: 10;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0px;
  height: 0px;
  bottom: 0;
  border-right: 50vw solid transparent;
  border-top: 5rem solid transparent;
  margin-bottom: -1px;
}

@media only screen and (min-width: 1025px) {
  #page-content .section__triangles__bottom::before {
    border-top: 10rem solid transparent;
  }
}

#page-content .section__triangles__bottom--white::before {
  border-left: 50vw solid #ffffff;
}

#page-content .section__triangles__bottom--blue::before {
  border-left: 50vw solid #072E5B;
}

#page-content .section__triangles__bottom::after {
  content: "";
  z-index: 10;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0px;
  height: 0px;
  bottom: 0;
  border-left: 50vw solid transparent;
  border-top: 5rem solid transparent;
  margin-bottom: -1px;
}

@media only screen and (min-width: 1025px) {
  #page-content .section__triangles__bottom::after {
    border-top: 10rem solid transparent;
  }
}

#page-content .section__triangles__bottom--white::after {
  border-right: 50vw solid #ffffff;
}

#page-content .section__triangles__bottom--blue::after {
  border-right: 50vw solid #072E5B;
}

#page-content .section__triangles__top::before {
  content: "";
  z-index: 10;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0px;
  height: 0px;
  top: 0;
  border-right: 50vw solid transparent;
  border-top: 5rem solid transparent;
  margin-top: calc(-5rem + 1px);
}

@media only screen and (min-width: 1025px) {
  #page-content .section__triangles__top::before {
    border-top: 10rem solid transparent;
    margin-top: calc(-10rem + 1px);
  }
}

#page-content .section__triangles__top--white::before {
  border-left: 50vw solid #ffffff;
}

#page-content .section__triangles__top--blue::before {
  border-left: 50vw solid #072E5B;
}

#page-content .section__triangles__top::after {
  content: "";
  z-index: 10;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0px;
  height: 0px;
  top: 0;
  border-left: 50vw solid transparent;
  border-top: 5rem solid transparent;
  margin-top: calc(-5rem + 1px);
}

@media only screen and (min-width: 1025px) {
  #page-content .section__triangles__top::after {
    border-top: 10rem solid transparent;
    margin-top: calc(-10rem + 1px);
  }
}

#page-content .section__triangles__top--white::after {
  border-right: 50vw solid #ffffff;
}

#page-content .section__triangles__top--blue::after {
  border-right: 50vw solid #072E5B;
}

#page-content .section--blue {
  background-color: #072E5B;
}

#page-content .section--grey {
  background-color: #1a1a1a;
}

#page-content .bedarf-box {
  position: relative;
}

@media only screen and (max-width: 601px) {
  #page-content .bedarf-box {
    width: 50%;
  }
}

#page-content .bedarf-box-container {
  margin: 0;
}

#page-content .bedarf-box .vc_column-inner {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media only screen and (max-width: 321px) {
  #page-content .bedarf-box .vc_column-inner {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

#page-content .bedarf-box img {
  border-radius: 0 1em 1em 1em;
}

#page-content .bedarf-box__text {
  position: absolute;
  max-width: 10rem;
  padding: 0.25rem 1.5rem;
  top: 1rem;
}

@media only screen and (max-width: 321px) {
  #page-content .bedarf-box__text {
    padding: 0.25rem 0.5rem;
  }
}

@media only screen and (min-width: 601px) {
  #page-content .zertifikat-container {
    padding: 0 2rem;
  }
}

@media only screen and (min-width: 601px) {
  #page-content .zertifikat-container .vc_column-inner {
    padding: 1rem;
    border-radius: 0 1rem 1rem 1rem;
  }
}

#page-content .zertifikat-container .wpb_wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

#page-content .zertifikat-container .wpb_wrapper .w-btn {
  background-image: url("/wp-content/uploads/2020/10/zertifikat-icon.png");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  padding-left: 2.5rem;
  background-size: 1.4rem;
  margin-top: 1.5rem;
}

#page-content .zertifikat-container .wpb_wrapper .w-btn:hover {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff;
  border-width: 2px;
}

@media only screen and (min-width: 601px) {
  #page-content .zertifikat-container .wpb_wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #page-content .zertifikat-container .wpb_wrapper .w-btn {
    text-align: left;
    width: 18rem;
    margin-top: unset;
  }
}

#page-content .zertifikat-container .wpb_wrapper p {
  text-align: center;
}

@media only screen and (min-width: 601px) {
  #page-content .zertifikat-container .wpb_wrapper p {
    margin-left: 1rem;
    text-align: left;
  }
}

#page-content .produkte-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.5rem 0 0;
}

@media only screen and (min-width: 768px) {
  #page-content .produkte-box {
    padding: 4rem 0;
    margin: 2rem 0 0 0;
  }
}

#page-content .produkte-box.loesungen-box::before {
  background-color: #ffffff;
}

#page-content .produkte-box.loesungen-box .loesungen-video {
  cursor: pointer;
}

#page-content .produkte-box.loesungen-box img {
  -o-object-fit: cover;
     object-fit: cover;
}

#page-content .produkte-box.loesungen-box .wpb_wrapper {
  position: relative;
  width: 100%;
}

#page-content .produkte-box.loesungen-box .loesungen__video-overlay {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#page-content .produkte-box.loesungen-box .loesungen__video-overlay::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 1rem 1rem 1rem;
}

#page-content .produkte-box.loesungen-box .loesungen__video-overlay__leftSide {
  width: 58%;
}

#page-content .produkte-box.loesungen-box .loesungen__video-overlay .wpb_wrapper {
  text-align: left;
  margin-left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#page-content .produkte-box.loesungen-box .loesungen__video-overlay .elock-2-white {
  width: 10rem;
  height: auto;
  background-color: unset;
  border-radius: unset;
}

#page-content .produkte-box.loesungen-box .loesungen__video-overlay h5 {
  z-index: 1;
  position: relative;
  color: #ffffff;
  text-transform: uppercase;
}

#page-content .produkte-box.loesungen-box .loesungen__video-overlay hr {
  z-index: 1;
  position: relative;
  border-width: 0 0 2px;
  max-width: 11rem;
  margin: 0;
  border-color: #ffffff;
}

#page-content .produkte-box.loesungen-box .loesungen__video-overlay svg {
  z-index: 1;
  position: relative;
}

#page-content .produkte-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  border-radius: 0 1rem 1rem 1rem;
}

@media only screen and (min-width: 768px) {
  #page-content .produkte-box::before {
    width: 80%;
    border-radius: unset;
  }
}

#page-content .produkte-box__text {
  z-index: 1;
  position: relative;
  text-align: left;
  padding: 0 1rem 2rem;
}

@media only screen and (min-width: 768px) {
  #page-content .produkte-box__text {
    padding: unset;
  }
}

#page-content .produkte-box img {
  z-index: 1;
  position: relative;
  border-radius: 0 1em 1em 1em;
  height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #page-content .produkte-box img {
    width: 100%;
    height: 20rem;
  }
}

#page-content .produkte-box .img-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

#page-content .produkte {
  /* padding: 2rem 2.5rem !important; */
  /*  
  @include breakpoint(phoneSmall) {
    padding: 2rem 2.5rem 48rem 2.5rem !important;
  }

  @include breakpoint(phoneMUp) {
    padding: 6rem 2.5rem 33rem 2.5rem !important;
  }

  @include breakpoint(tabletSmall) {
    padding: 6rem 2.5rem 25rem 2.5rem !important;
  }

  @include breakpoint(tablet) {
    padding: 6rem 2.5rem 24rem 2.5rem !important;
  }

  @include breakpoint(tabletM) {
    padding: 6rem 2.5rem 26rem 2.5rem !important;
  }

  @include breakpoint(tabletXL) {
    padding: 6rem 2.5rem 17rem 2.5rem !important;
  }

  @include breakpoint(laptopSmall) {
    padding: 6rem 2.5rem 15rem 2.5rem !important;
  }
 */
  /* @include breakpoint(phone) {
    .vc_column-inner {
      padding: 0;
    }
  } */
}

#page-content .produkte .wichtige-daten__headline {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.921' height='23.921' viewBox='0 0 23.921 23.921'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='2.392' height='7.176' transform='translate(10.765 10.765)'/%3E%3Cpath class='a' d='M11.961,0A11.961,11.961,0,1,0,23.921,11.961,11.957,11.957,0,0,0,11.961,0Zm0,21.529a9.568,9.568,0,1,1,9.568-9.568A9.581,9.581,0,0,1,11.961,21.529Z'/%3E%3Crect class='a' width='2.392' height='2.392' transform='translate(10.765 5.98)'/%3E%3C/svg%3E");
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-position: left 0.35rem;
}

@media only screen and (min-width: 600px) {
  #page-content .produkte .wichtige-daten__headline {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .produkte .wichtige-daten__headline {
    width: unset;
  }
}

#page-content .produkte .wichtige-daten .wpb_text_column .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  /*  position: absolute; */
  top: -42rem;
  padding: 1rem;
  border-radius: 0 1rem 1rem 1rem;
  border: 2px solid white;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 2rem 2.5rem !important;
  /*  @include breakpoint(phoneSmall){
        top: -50rem;
      }

      @include breakpoint(phoneMUp){
        top: -37rem;
      }

      @include breakpoint(tabletSmall){
        top: -30rem;
        flex-wrap: nowrap;
      }

      @include breakpoint(tablet) {
        top: -29rem;
        padding: 1rem;
      }
      @include breakpoint(tabletM) {
        top: -36rem;
      }
      @include breakpoint(tabletXL){
        top: -21rem;
      }

      @include breakpoint(laptopSmall) {
        top: -16rem;
      } */
}

#page-content .produkte .wichtige-daten .wpb_text_column .wpb_wrapper ul {
  margin-bottom: 0.5rem;
  /*  @include breakpoint(laptopSmall){
          margin-bottom: 1.5rem;
        } */
}

@media only screen and (min-width: 600px) {
  #page-content .produkte .wichtige-daten .wpb_text_column .wpb_wrapper ul {
    max-width: 20rem;
  }
}

#page-content .elementLeft .vc_column-inner {
  padding: unset;
}

@media only screen and (min-width: 768px) {
  #page-content .elementLeft .vc_column-inner {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  #page-content .transponder {
    background-image: url(/wp-content/uploads/2020/09/transponder_halten_rev101.png);
    background-repeat: no-repeat;
    background-position: center 12rem;
    background-size: 25rem;
  }
}

@media only screen and (min-width: 1023px) {
  #page-content .transponder {
    background-position: left center;
    background-size: 23rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .transponder {
    background-position: left center;
    background-size: initial;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .transponder {
    background-position: 25% center;
  }
}

@media only screen and (min-width: 768px) {
  #page-content .transponder .transponder-box-container--first {
    margin-top: 20rem;
  }
}

@media only screen and (min-width: 1023px) {
  #page-content .transponder .transponder-box-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #page-content .transponder .transponder-box-container--first {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 1023px) {
  #page-content .transponder .transponder-box-container .transponder-box {
    width: 22%;
  }
}

#page-content .transponder .transponder-box-container .transponder-box img {
  border-radius: 0 1rem 1rem 1rem;
  height: 9rem;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#page-content .transponder .transponder-box-container .transponder-box__text {
  margin-top: 0.5rem;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  #page-content .transponder .transponder-box-container .transponder-box__text {
    margin-top: 0.75rem;
  }
}

#page-content .section-imgOverlap {
  overflow: hidden;
}

#page-content .section-imgOverlap__text {
  z-index: 10;
  text-align: left;
}

@media only screen and (min-width: 1023px) {
  #page-content .section-imgOverlap__text p {
    max-width: 22rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section-imgOverlap__text p {
    max-width: 28rem;
  }
}

#page-content .section-imgOverlap__mehrwert {
  z-index: 10;
  padding: 1.5rem;
  border-radius: 0 1rem 1rem 1rem;
  color: #ffffff;
}

#page-content .section-imgOverlap__mehrwert h4 {
  color: #ffffff;
}

#page-content .section-imgOverlap__mehrwert ul {
  margin-left: 1rem;
}

#page-content .section-imgOverlap__mehrwert--ueber {
  background-color: #ffffff;
}

@media only screen and (min-width: 600px) and (max-height: 961px) {
  #page-content .section-imgOverlap__mehrwert {
    width: 20rem;
  }
}

@media only screen and (min-width: 768px) {
  #page-content .section-imgOverlap__mehrwert {
    margin-right: -4rem;
  }
}

@media only screen and (min-width: 1023px) {
  #page-content .section-imgOverlap__mehrwert {
    margin-right: unset;
  }
}

@media only screen and (min-width: 1200px) {
  #page-content .section-imgOverlap__mehrwert {
    width: unset;
  }
}

#page-content .section-imgOverlap__img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 600px) and (max-height: 961px) {
  #page-content .section-imgOverlap__img img {
    top: 45rem;
    width: 20rem;
    right: 0;
  }
}

@media only screen and (min-width: 768px) {
  #page-content .section-imgOverlap__img img {
    right: -3rem;
    width: 23rem;
    top: 29rem;
  }
}

@media only screen and (min-width: 1023px) {
  #page-content .section-imgOverlap__img img {
    right: -31vw;
    width: 48rem;
    height: 30rem;
    top: 12rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section-imgOverlap__img img {
    width: 61rem;
    top: unset;
    right: -32vw;
  }
}

@media only screen and (min-width: 1400px) {
  #page-content .section-imgOverlap__img img {
    right: -28vw;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .section-imgOverlap__img img {
    width: 70rem;
    right: -32vw;
  }
}

@media only screen and (min-width: 600px) and (max-height: 961px) {
  #page-content .section-imgOverlap--ueber img {
    top: 33rem;
  }
}

@media only screen and (min-width: 768px) {
  #page-content .section-imgOverlap--ueber img {
    top: 30rem;
  }
}

@media only screen and (min-width: 1023px) {
  #page-content .section-imgOverlap--ueber img {
    top: 10rem;
  }
}

@media only screen and (min-width: 1200px) {
  #page-content .section-imgOverlap--ueber img {
    top: unset;
  }
}

@media only screen and (min-width: 599px) {
  #page-content .warum {
    padding-bottom: 5rem !important;
  }
}

@media only screen and (min-width: 600px) {
  #page-content .warum h2, #page-content .warum p {
    text-align: left;
  }
  #page-content .warum hr {
    margin: 0;
  }
}

#page-content .warum__box .vc_column-inner {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

#page-content .warum__box .wpb_text_column .wpb_wrapper {
  color: #ffffff;
  border-radius: 0 1rem 1rem 1rem;
  padding: 1.5rem;
  min-height: 16rem;
}

@media only screen and (min-width: 833px) {
  #page-content .warum__box .wpb_text_column .wpb_wrapper {
    min-height: 20rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .warum__box .wpb_text_column .wpb_wrapper {
    min-height: 16rem;
  }
}

#page-content .warum__box h4,
#page-content .warum__box p {
  color: #ffffff;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  #page-content .warum__firstRow .warum__box:nth-child(2) .wpb_text_column .wpb_wrapper {
    min-height: 26rem;
  }
}

@media only screen and (min-width: 833px) {
  #page-content .warum__firstRow .warum__box:nth-child(2) .wpb_text_column .wpb_wrapper {
    min-height: 23rem;
  }
}

@media only screen and (min-width: 1023px) {
  #page-content .warum__firstRow .warum__box:nth-child(2) .wpb_text_column .wpb_wrapper {
    min-height: 20rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .warum__firstRow .warum__box:nth-child(2) .wpb_text_column .wpb_wrapper {
    min-height: 16rem;
  }
}

#page-content .warum__qualitfication .vc_column-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

#page-content .warum__qualitfication .warum__erstplazierter-preistraeger {
  font-weight: 400;
  color: #1a1a1a;
  text-align: left;
}

#page-content .warum__qualitfication .sicherheits-logo img {
  width: 12rem;
}

@media only screen and (min-width: 599px) {
  #page-content .warum__qualitfication .sicherheits-logo img {
    margin-left: 1rem;
    width: 8rem;
  }
}

#page-content .interesse {
  overflow: hidden;
  padding-top: 0rem !important;
}

@media only screen and (min-width: 599px) {
  #page-content .interesse {
    padding-bottom: 5rem !important;
  }
}

#page-content .interesse .l-section-h {
  padding-top: 2rem;
}

@media only screen and (min-width: 599px) {
  #page-content .interesse .l-section-h {
    padding-top: 5rem;
  }
}

#page-content .interesse::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
}

@media only screen and (min-width: 768px) {
  #page-content .interesse::before {
    background: -webkit-gradient(linear, right top, left top, from(#3A4355), color-stop(60%, #3A4355), color-stop(#C4CCD9), color-stop(60%, #C4CCD9));
    background: linear-gradient(to left, #3A4355, #3A4355 60%, #C4CCD9, #C4CCD9 60%);
  }
}

#page-content .interesse h2,
#page-content .interesse p,
#page-content .interesse label {
  color: #ffffff;
}

#page-content .interesse hr {
  border-color: #ffffff;
}

#page-content .interesse form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#page-content .interesse form label {
  float: left;
  text-align: left;
  width: 35rem;
  margin-bottom: 2rem !important;
}

@media only screen and (min-width: 768px) {
  #page-content .interesse form label {
    margin-bottom: 1rem !important;
  }
}

#page-content .interesse form input[type="submit"] {
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  #page-content .interesse form input[type="submit"] {
    margin-bottom: 1rem;
  }
}

#page-content .interesse form input[type="submit"]:hover {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff;
}

@media only screen and (max-width: 601px) {
  #page-content .interesse__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#page-content .interesse__wrapper img {
  position: relative;
}

#kontakt {
  padding: 0 !important;
  display: block;
  position: relative;
  top: 0rem;
  visibility: hidden;
}

.carousel {
  position: relative;
  width: 100%;
  height: 49rem;
  margin: 0 auto;
}

@media only screen and (max-width: 321px) {
  .carousel {
    height: 56rem;
  }
}

@media only screen and (min-width: 768px) {
  .carousel {
    width: 80%;
    height: 43rem;
  }
}

@media only screen and (min-width: 833px) {
  .carousel {
    height: 46rem;
  }
}

@media only screen and (min-width: 1023px) {
  .carousel {
    height: 47rem;
  }
}

@media only screen and (min-width: 1025px) {
  .carousel {
    height: 45rem;
  }
}

@media only screen and (max-width: 601px) {
  .carousel h4 {
    text-align: center;
  }
}

.carousel ul {
  margin-left: 0;
  padding: 1rem 2rem;
}

@media only screen and (min-width: 768px) {
  .carousel ul {
    padding: 1rem 5rem;
  }
}

@media only screen and (min-width: 1025px) {
  .carousel ul {
    padding: 1rem 12rem;
  }
}

.carousel li ul {
  list-style-position: inside;
}

@media only screen and (max-width: 601px) {
  .carousel li ul {
    text-align: left;
    position: relative;
    z-index: 10;
  }
}

.carousel__track-container {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 0 1rem 1rem 1rem;
}

.carousel__track-container::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  height: 100%;
  border-radius: 0 1rem 1rem 1rem;
}

.carousel__track {
  position: relative;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-transition: -webkit-transform 250ms ease-in;
  transition: -webkit-transform 250ms ease-in;
  transition: transform 250ms ease-in;
  transition: transform 250ms ease-in, -webkit-transform 250ms ease-in;
}

.carousel__slide {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.carousel__image {
  width: 75%;
  border-radius: 10rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 321px) {
  .carousel__image {
    width: 93%;
  }
}

@media only screen and (min-width: 600px) {
  .carousel__image {
    width: 50%;
  }
}

@media only screen and (max-width: 601px) {
  .carousel__image {
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media only screen and (min-width: 768px) {
  .carousel__image {
    width: 45%;
  }
}

@media only screen and (min-width: 1023px) {
  .carousel__image {
    width: 40%;
  }
}

@media only screen and (min-width: 1025px) {
  .carousel__image {
    width: 30%;
  }
}

.carousel__button {
  position: absolute;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 2rem;
  width: 5rem;
  height: 100%;
  border: 0;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .carousel__button {
    width: 3rem;
    height: 3rem;
    background-size: contain;
    width: 2rem;
    height: 2rem;
  }
}

.carousel__button--right {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 31.49 31.49' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='' d='M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z' fill='%23c22d3a' data-original='%231e201d' class=''/%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  right: -0.85rem;
  background-position: 2.5rem 5rem;
  background-size: 2rem;
}

@media only screen and (min-width: 768px) {
  .carousel__button--right {
    right: -5rem;
    background-position: center right;
  }
}

.carousel__button--left {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 31.494 31.494' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath xmlns='http://www.w3.org/2000/svg' style='' d='M10.273,5.009c0.444-0.444,1.143-0.444,1.587,0c0.429,0.429,0.429,1.143,0,1.571l-8.047,8.047h26.554 c0.619,0,1.127,0.492,1.127,1.111c0,0.619-0.508,1.127-1.127,1.127H3.813l8.047,8.032c0.429,0.444,0.429,1.159,0,1.587 c-0.444,0.444-1.143,0.444-1.587,0l-9.952-9.952c-0.429-0.429-0.429-1.143,0-1.571L10.273,5.009z' fill='%23c22d3a' data-original='%231e201d' class=''/%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  left: -0.85rem;
  background-position: 0rem 5rem;
  background-size: 2rem;
}

@media only screen and (min-width: 768px) {
  .carousel__button--left {
    left: -5rem;
    background-position: center left;
  }
}

.carousel__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem 0;
}

.carousel__indicator {
  border: 0;
  border-radius: 50%;
  padding: 10px;
  margin: 0 12px;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
}

.is-hidden {
  display: none;
}

#page-content .section__hero--long--land > .l-section-h {
  padding-top: 10px;
}

@media only screen and (min-width: 600px) {
  #page-content .section__hero--long--land > .l-section-h {
    padding-top: 0;
    margin-top: -2.5rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section__hero--long--land > .l-section-h {
    margin-top: -1rem;
  }
}

#page-content .section__hero--long--land .l-section-img {
  background-position: 0 45px;
}

@media only screen and (min-width: 600px) {
  #page-content .section__hero--long--land .l-section-img {
    background-position: 0 2rem;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .section__hero--long--land .l-section-img {
    background-position: 0 4rem;
  }
}

#page-content .section__hero--long--loesungen .l-section-img {
  background-position: right 45px;
}

@media only screen and (min-width: 600px) {
  #page-content .section__hero--long--loesungen .l-section-img {
    background-position: 0 65px;
  }
}

#page-content .section__hero .hero__fan {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  top: 1rem;
}

@media only screen and (min-width: 600px) {
  #page-content .section__hero .hero__fan {
    top: 0rem;
  }
}

#page-content .section__hero .hero__fan img {
  max-width: 240px;
}

@media only screen and (min-width: 600px) {
  #page-content .section__hero .hero__fan img {
    max-width: 380px;
  }
}

@media only screen and (min-width: 768px) {
  #page-content .section__hero .hero__fan img {
    max-width: 500px;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section__hero .hero__fan img {
    max-width: 450px;
  }
}

@media only screen and (min-width: 1200px) {
  #page-content .section__hero .hero__fan img {
    max-width: 520px;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .section__hero .hero__fan img {
    max-width: 600px;
  }
}

@media only screen and (min-width: 2000px) {
  #page-content .section__hero .hero__fan img {
    max-width: 800px;
  }
}

#page-content .section__hero .hero__fan--overlay {
  opacity: 0;
}

#page-content .section__hero .smallContainer {
  background-color: #ffffff;
  padding: 1rem;
}

@media only screen and (max-width: 599px) {
  #page-content .section__hero .smallContainer .vc_column-inner {
    padding: unset;
  }
}

#page-content .section__hero .smallContainer-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1rem;
}

@media only screen and (min-width: 768px) {
  #page-content .section__hero .smallContainer {
    width: 20rem;
    padding: 1.5rem 1rem;
  }
  #page-content .section__hero .smallContainer:first-child {
    margin-right: 1rem;
  }
}

@media only screen and (min-width: 1023px) {
  #page-content .section__hero .smallContainer {
    width: 28rem;
    padding: 1.5rem 3.5rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .section__hero .smallContainer {
    width: 24rem;
  }
}

#page-content .section__hero .smallContainer p {
  font-weight: 300;
  color: #072E5B;
  text-align: center;
}

#lösungen-sektion {
  padding: 0 !important;
  display: block;
  position: relative;
  top: -40px;
  visibility: hidden;
}

@media only screen and (min-width: 600px) {
  #lösungen-sektion {
    top: -75px;
  }
}

#page-content #impressum, #page-content #datenschutz {
  color: #072E5B;
}

#page-content #impressum h1, #page-content #impressum h2, #page-content #impressum h3, #page-content #impressum h4, #page-content #impressum p, #page-content #impressum a, #page-content #datenschutz h1, #page-content #datenschutz h2, #page-content #datenschutz h3, #page-content #datenschutz h4, #page-content #datenschutz p, #page-content #datenschutz a {
  color: #072E5B;
  text-align: left;
}

#impressum, #datenschutz {
  background-color: #e8e8e8;
}

.certificate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.certificate .w-image-h {
  padding-bottom: 2rem;
}

.certificate .w-image-h img {
  width: 7rem;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (min-width: 600px) {
  .certificate .w-image-h {
    padding-bottom: 3rem;
  }
  .certificate .w-image-h img {
    width: 8rem;
  }
}

/* .vorteile {
  .vc_column_container{
      &:not(:last-child) {
        padding-right: 1rem;
    }
    .vc_column-inner{
        border: 2px solid color(weiss);
        padding: 3rem 1rem;
    }
  }

  &--twoItems{
      .vc_column_container:last-child{
          .vc_column-inner{
              border: unset;
          }
      }
  }
} */
#page-content .vorteil-container .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (min-width: 1023px) {
  #page-content .vorteil-container .wpb_wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#page-content .vorteil__box {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 1023px) {
  #page-content .vorteil__box {
    max-width: 33.3%;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  #page-content .vorteil__box:not(:last-child) {
    padding-right: 1rem;
  }
}

#page-content .vorteil__box__inner {
  border: 2px solid #ffffff;
  text-align: center;
  padding: 2rem;
  height: 100%;
}

#page-content .vorteil__box__inner span {
  font-family: "Montserrat-SemiBold";
}

#page-content .bigLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* padding: 4rem 1rem 0; */
  text-align: center;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 85%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='743.398' height='748.1' viewBox='0 0 743.398 748.1'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23041e3d'/%3E%3Cstop offset='1' stop-color='%23072e5b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_553' data-name='Gruppe 553' transform='translate(-587.891 -3893.084)'%3E%3Cpath id='Pfad_141' data-name='Pfad 141' d='M0,0V526.939a18.659,18.659,0,0,0,18.667,18.667H100.21a18.664,18.664,0,0,0,18.667-18.667V142.069C118.869,72.009,67.148,11.626,0,0' transform='translate(799.342 3996.034) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3Cpath id='Pfad_142' data-name='Pfad 142' d='M100.218,0H18.674A18.67,18.67,0,0,0,0,18.667V402.439C.008,472.507,51.729,532.89,118.884,544.515V18.667A18.669,18.669,0,0,0,100.218,0' transform='translate(587.891 4368.926) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3Cpath id='Pfad_143' data-name='Pfad 143' d='M0,142.069v405.77c67.155-11.626,118.877-72.009,118.884-142.076V0C51.729,11.626.007,72.009,0,142.069' transform='translate(692.178 4181.649) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#page-content .bigLogo--kontakt {
  background-position: center;
  /* padding: 4rem 1rem 0; */
}

@media only screen and (min-width: 768px) {
  #page-content .bigLogo {
    background-position: center;
    background-size: contain;
    /* padding: 4rem 1rem 0; */
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .bigLogo {
    padding: 0rem 10rem;
    height: 50rem;
  }
}

#page-content .bigLogo--hero {
  z-index: 10;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='838.219' height='843.521' viewBox='0 0 838.219 843.521'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23072e5b'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_552' data-name='Gruppe 552' transform='translate(-540.891 -1269.083)'%3E%3Cpath id='Pfad_149' data-name='Pfad 149' d='M0,0V594.15A21.039,21.039,0,0,0,21.048,615.2h91.944A21.045,21.045,0,0,0,134.04,594.15V160.19C134.031,81.194,75.713,13.108,0,0' transform='translate(779.313 1385.165) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3Cpath id='Pfad_150' data-name='Pfad 150' d='M113,0H21.056A21.052,21.052,0,0,0,0,21.048V453.771c.008,79,58.327,147.09,134.048,160.2V21.048A21.05,21.05,0,0,0,113,0' transform='translate(540.891 1805.62) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3Cpath id='Pfad_151' data-name='Pfad 151' d='M0,160.19V617.715c75.721-13.109,134.04-81.194,134.048-160.2V0C58.327,13.108.008,81.193,0,160.19' transform='translate(658.479 1594.456) rotate(-60)' opacity='0.371' fill='url(%23linear-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3C/g%3E%3C/svg%3E");
  padding: 4rem 1rem;
}

@media only screen and (min-width: 1023px) {
  #page-content .bigLogo--hero {
    padding: 0 12rem;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .bigLogo--hero {
    margin-top: 3rem;
  }
}

@media only screen and (min-width: 2000px) {
  #page-content .bigLogo--hero--land h2,
  #page-content .bigLogo--hero--land p {
    color: #ffffff;
  }
  #page-content .bigLogo--hero--land .btn--blue {
    color: #ffffff;
    border: 1px solid #ffffff;
  }
  #page-content .bigLogo--hero--land .btn--blue:hover {
    background-color: #ffffff;
    color: #072E5B;
  }
}

#page-content .bigLogo--loesungen {
  background-image: unset;
}

@media only screen and (min-width: 1025px) {
  #page-content .bigLogo--loesungen {
    height: unset;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .bigLogo--loesungen {
    margin-top: 8rem;
  }
}

/* .overlapping-box {
  position: relative;
  align-items: center;
  &__img {
    z-index: 0;

    img {
      max-width: 120%;
    }
  }
  &__txt {
    z-index: 10;
    position: absolute;
  }

  //text on right, image on left side
  &--txt-right {
    justify-content: flex-start;
    .overlapping-box__txt {
      right: 0;
    }
  }
  &--txt-left {
    justify-content: flex-end;
    .overlapping-box__txt {
      left: 0;
    }
  }
}
 */
.overlapping-box__wrapper .wpb_wrapper {
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 1025px) {
  .overlapping-box__wrapper .wpb_wrapper {
    display: block;
  }
}

@media only screen and (min-width: 1025px) {
  .overlapping-box__wrapper__above .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.overlapping-box .w-image-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.overlapping-box__img {
  position: relative;
  width: 100%;
}

.overlapping-box__img img {
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .overlapping-box__img img {
    width: 80%;
  }
}

@media only screen and (min-width: 1200px) {
  .overlapping-box__img img {
    width: 65%;
  }
}

.overlapping-box__text {
  position: relative;
  background-color: #072E5B;
  padding: 2rem 0.75rem;
  width: 85%;
  margin-top: -2rem;
}

@media only screen and (min-width: 768px) {
  .overlapping-box__text {
    padding: 3rem;
    margin-top: -10rem;
  }
}

@media only screen and (min-width: 1025px) {
  .overlapping-box__text {
    position: absolute;
    top: 50%;
    width: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    margin-top: unset;
  }
}

.overlapping-box__imgRight .overlapping-box__img .w-image-h {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.overlapping-box__imgRight .overlapping-box__text {
  left: 0;
}

.overlapping-box__imgLeft .overlapping-box__img .w-image-h {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.overlapping-box__imgLeft .overlapping-box__text {
  right: 0;
}

.overlapping-box--last {
  padding-bottom: 4rem;
}

.overlapping-box--last--special {
  padding-bottom: 7.5rem;
}

@media only screen and (min-width: 1025px) {
  .overlapping-box--last--special {
    padding-bottom: 10rem;
  }
}

.overlapping-box--only {
  padding-bottom: 4rem;
}

@media only screen and (min-width: 1500px) {
  .overlapping-box--only {
    padding-top: 2rem;
  }
}

.overlapping-box__above .overlapping-box__img {
  position: relative;
  width: 100%;
}

.overlapping-box__above .overlapping-box__img img {
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .overlapping-box__above .overlapping-box__img img {
    width: 80%;
  }
}

@media only screen and (min-width: 1400px) {
  .overlapping-box__above .overlapping-box__img img {
    width: 100%;
  }
}

.overlapping-box__above .overlapping-box__text {
  position: relative;
  background-color: #072E5B;
  padding: 2rem 0.75rem;
  width: 85%;
  margin-top: -2rem;
}

@media only screen and (min-width: 768px) {
  .overlapping-box__above .overlapping-box__text {
    padding: 4rem;
    margin-top: -10rem;
  }
}

@media only screen and (min-width: 1025px) {
  .overlapping-box__above .overlapping-box__text {
    position: relative;
    top: unset;
    width: 70%;
    -webkit-transform: unset;
            transform: unset;
    margin-top: -8rem;
  }
}

@media only screen and (min-width: 1400px) {
  .overlapping-box__above .overlapping-box__text {
    width: 85%;
  }
}

.stripes .wpb_wrapper {
  text-align: center;
}

.stripes--top .wpb_wrapper::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 1rem;
}

.stripes--bottom .wpb_wrapper::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 1rem;
}

.stripes--white-up .wpb_wrapper::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='92.943' viewBox='0 0 45 92.943'%3E%3Cg id='Gruppe_555' data-name='Gruppe 555' transform='translate(-1283 -2567.557)'%3E%3Cline id='Linie_29' data-name='Linie 29' y2='71.275' transform='translate(1327 2660.411) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_30' data-name='Linie 30' y1='92.943' transform='translate(1305.5 2567.557)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_31' data-name='Linie 31' y2='71.275' transform='translate(1284 2660.411) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.stripes--white-up-long .wpb_wrapper::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='176.943' viewBox='0 0 45 176.943'%3E%3Cg id='Gruppe_552' data-name='Gruppe 552' transform='translate(-938 -6963.557)'%3E%3Cline id='Linie_65' data-name='Linie 65' y2='106.25' transform='translate(982 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_66' data-name='Linie 66' y2='176.943' transform='translate(960.5 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_67' data-name='Linie 67' y2='106.25' transform='translate(939 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E ");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 8rem;
}

@media only screen and (min-width: 1025px) {
  .stripes--white-up-long .wpb_wrapper::before {
    width: 3rem;
    height: 11rem;
  }
}

.stripes--white-down-long .wpb_wrapper::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='176.943' viewBox='0 0 45 176.943'%3E%3Cg id='Gruppe_554' data-name='Gruppe 554' transform='translate(-938 -7399.557)'%3E%3Cline id='Linie_26' data-name='Linie 26' y2='106.25' transform='translate(939 7399.557)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_27' data-name='Linie 27' y2='176.943' transform='translate(960.5 7399.557)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_28' data-name='Linie 28' y2='106.25' transform='translate(982 7399.557)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 8rem;
  margin-bottom: unset;
  margin-top: 2.5rem;
}

@media only screen and (min-width: 1025px) {
  .stripes--white-down-long .wpb_wrapper::after {
    width: 3rem;
    height: 11rem;
  }
}

.stripes--white-center .wpb_wrapper::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='178.078' viewBox='0 0 45 178.078'%3E%3Cg id='Gruppe_554' data-name='Gruppe 554' transform='translate(-938 -961.422)'%3E%3Cline id='Linie_59' data-name='Linie 59' y2='106.25' transform='translate(939 982.422)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_60' data-name='Linie 60' y2='178.078' transform='translate(960.5 961.422)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_61' data-name='Linie 61' y2='106.25' transform='translate(982 982.422)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.stripes--lightBlue-down::after {
  position: absolute;
  content: "";
  bottom: -10rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='178.078' viewBox='0 0 45 178.078'%3E%3Cg id='Gruppe_553' data-name='Gruppe 553' transform='translate(-938 -6626.422)'%3E%3Cline id='Linie_62' data-name='Linie 62' y2='106.25' transform='translate(939 6626.422)' fill='none' stroke='%2300aad2' stroke-width='2'/%3E%3Cline id='Linie_63' data-name='Linie 63' y2='178.078' transform='translate(960.5 6626.422)' fill='none' stroke='%2300aad2' stroke-width='2'/%3E%3Cline id='Linie_64' data-name='Linie 64' y2='106.25' transform='translate(982 6626.422)' fill='none' stroke='%2300aad2' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 15rem;
}

@media only screen and (min-width: 1025px) {
  .stripes--lightBlue-down::after {
    width: 3rem;
    bottom: -11rem;
    height: 11rem;
  }
}

.stripes--lightBlue-down .wpb_wrapper::after {
  content: unset;
}

.pure-code-stripes--top::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 1rem;
}

.pure-code-stripes--bottom::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 1rem;
}

.pure-code-stripes--white-up::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='92.943' viewBox='0 0 45 92.943'%3E%3Cg id='Gruppe_555' data-name='Gruppe 555' transform='translate(-1283 -2567.557)'%3E%3Cline id='Linie_29' data-name='Linie 29' y2='71.275' transform='translate(1327 2660.411) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_30' data-name='Linie 30' y1='92.943' transform='translate(1305.5 2567.557)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_31' data-name='Linie 31' y2='71.275' transform='translate(1284 2660.411) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pure-code-stripes-long::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='176.943' viewBox='0 0 45 176.943'%3E%3Cg id='Gruppe_552' data-name='Gruppe 552' transform='translate(-938 -6963.557)'%3E%3Cline id='Linie_65' data-name='Linie 65' y2='106.25' transform='translate(982 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_66' data-name='Linie 66' y2='176.943' transform='translate(960.5 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline id='Linie_67' data-name='Linie 67' y2='106.25' transform='translate(939 7140.5) rotate(180)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E ");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 8rem;
}

@media only screen and (min-width: 1025px) {
  .pure-code-stripes-long::before {
    width: 3rem;
    height: 11rem;
  }
}

#page-content .noContentProp .wpb_wrapper::before {
  content: unset;
}

#page-content .noContentProp .wpb_wrapper::after {
  content: unset;
}

#page-content .btn {
  padding: 0.5rem 1.5rem;
  -webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}

#page-content .btn--white {
  border: 1px solid #ffffff;
}

#page-content .btn--white:hover {
  background-color: #ffffff;
  color: #072E5B;
}

#page-content .btn--blue {
  border: 1px solid #072E5B;
  color: #072E5B;
}

#page-content .btn--blue:hover {
  background-color: #072E5B;
  color: #ffffff;
}

#page-content .logo-sideways {
  background-color: #00AAD2;
}

#page-content .logo-sideways .wpb_wrapper {
  text-align: center;
}

#page-content .logo-sideways .wpb_wrapper::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='74.563' height='74.604' viewBox='0 0 74.563 74.604'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Gruppe_554' data-name='Gruppe 554' transform='translate(-922.719 -6171.637)'%3E%3Cpath id='Pfad_244' data-name='Pfad 244' d='M0,0V71.758A2.541,2.541,0,0,0,2.542,74.3h11.1a2.542,2.542,0,0,0,2.542-2.542V19.347A19.775,19.775,0,0,0,0,0' transform='translate(981.093 6171.637)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Pfad_245' data-name='Pfad 245' d='M13.648,0H2.543A2.543,2.543,0,0,0,0,2.542V54.8A19.775,19.775,0,0,0,16.19,74.151V2.542A2.542,2.542,0,0,0,13.648,0' transform='translate(922.719 6172.089)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Pfad_246' data-name='Pfad 246' d='M0,19.347V74.6A19.775,19.775,0,0,0,16.19,55.256V0A19.775,19.775,0,0,0,0,19.347' transform='translate(951.906 6171.637)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 0.5rem;
}

#page-content .sidebar-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  right: 0;
  top: 20%;
  /* padding: 0 0.75rem 0.25rem 0.35rem; */
  -webkit-transition: 250ms -webkit-transform ease-in-out;
  transition: 250ms -webkit-transform ease-in-out;
  transition: 250ms transform ease-in-out;
  transition: 250ms transform ease-in-out, 250ms -webkit-transform ease-in-out;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

@media only screen and (max-width: 1024px) {
  #page-content .sidebar-contact {
    display: none;
  }
}

@media only screen and (min-width: 600px) {
  #page-content .sidebar-contact {
    /*  padding: 0 1.5rem 0.25rem 0.5rem; */
  }
}

@media only screen and (min-width: 1200px) {
  #page-content .sidebar-contact {
    top: 50%;
  }
}

#page-content .sidebar-contact-container {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 50;
}

#page-content .sidebar-contact a {
  position: relative;
  right: calc(-100% + 3rem);
  list-style: none;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #072E5B;
  -webkit-transition: 500ms -webkit-transform ease-in-out;
  transition: 500ms -webkit-transform ease-in-out;
  transition: 500ms transform ease-in-out;
  transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out;
}

@media only screen and (min-width: 600px) {
  #page-content .sidebar-contact a {
    padding: 1rem;
    right: calc(-100% + 4rem);
  }
}

#page-content .sidebar-contact a:hover {
  -webkit-transform: translateX(calc(-100% + 3rem));
          transform: translateX(calc(-100% + 3rem));
}

@media only screen and (min-width: 600px) {
  #page-content .sidebar-contact a:hover {
    -webkit-transform: translateX(calc(-100% + 4rem));
            transform: translateX(calc(-100% + 4rem));
  }
}

#page-content .sidebar-contact a::before, #page-content .sidebar-contact a::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
}

@media only screen and (min-width: 600px) {
  #page-content .sidebar-contact a::before, #page-content .sidebar-contact a::after {
    margin-right: 1rem;
  }
}

#page-content .sidebar-contact a:first-child::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39.875' height='29.984' viewBox='0 0 39.875 29.984'%3E%3Cpath id='Pfad_4' data-name='Pfad 4' d='M219.728,310.667H183.481a1.934,1.934,0,0,0-1.814,2.031V338.62a1.934,1.934,0,0,0,1.814,2.031h36.247a1.934,1.934,0,0,0,1.814-2.031V312.7A1.934,1.934,0,0,0,219.728,310.667ZM201.89,327.612a.477.477,0,0,1-.571,0l-15.652-14.567h31.875Zm-6.047-2-12.053,11.625V314.39Zm1.656,1.541,2.463,2.292a2.421,2.421,0,0,0,3.286,0l2.268-2.111,11.347,10.944h-30.9Zm9.673-1.361,12.247-11.4V337.6Z' transform='translate(-181.667 -310.667)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#page-content .sidebar-contact a:last-child::before {
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_469' data-name='Gruppe 469' xmlns='http://www.w3.org/2000/svg' width='40.13' height='40.047' viewBox='0 0 40.13 40.047'%3E%3Cpath id='Pfad_232' data-name='Pfad 232' d='M445.164,184.752a1.021,1.021,0,0,1-.149-.011,1.04,1.04,0,0,1-.882-1.177c.25-1.738.57-7.905-5.8-14.277s-12.537-6.046-14.276-5.8a1.04,1.04,0,1,1-.3-2.059c1.98-.285,8.99-.666,16.043,6.384s6.67,14.064,6.385,16.044A1.041,1.041,0,0,1,445.164,184.752Z' transform='translate(-406.185 -161.309)' fill='%23fff'/%3E%3Cpath id='Pfad_233' data-name='Pfad 233' d='M447.835,214.6a1.04,1.04,0,0,1-1.026-.878,12.891,12.891,0,0,0-10.638-10.637,1.04,1.04,0,0,1,.324-2.055A14.972,14.972,0,0,1,448.863,213.4a1.041,1.041,0,0,1-1.029,1.2Z' transform='translate(-416.256 -193.511)' fill='%23fff'/%3E%3Cpath id='Pfad_234' data-name='Pfad 234' d='M349.627,207.168c3.507,3.479,7.564,6.8,9.156,5.2,2.284-2.3,3.689-4.3,8.75-.26s1.195,6.757-1.014,8.985c-2.549,2.568-12.1.179-21.566-9.216s-11.929-18.929-9.376-21.5c2.209-2.228,4.9-6.113,8.972-1.079s2.089,6.451-.191,8.747C342.763,199.651,346.12,203.686,349.627,207.168Z' transform='translate(-334.633 -182.01)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#page-content .sidebar-contact--extend {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

#page-content .big-arrows {
  position: relative;
  text-align: center;
  height: 12rem;
  width: 80%;
  padding: 1rem 3rem 0rem 3rem;
  margin: -1.25rem 0rem;
  -webkit-clip-path: polygon(50% 25%, 100% 0, 100% 75%, 50% 100%, 0 75%, 0% 0%);
          clip-path: polygon(50% 25%, 100% 0, 100% 75%, 50% 100%, 0 75%, 0% 0%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: 1000ms opacity ease-out, 1000ms -webkit-transform ease-in-out;
  transition: 1000ms opacity ease-out, 1000ms -webkit-transform ease-in-out;
  transition: 1000ms transform ease-in-out, 1000ms opacity ease-out;
  transition: 1000ms transform ease-in-out, 1000ms opacity ease-out, 1000ms -webkit-transform ease-in-out;
}

#page-content .big-arrows p {
  font-family: "Montserrat";
  -webkit-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  font-weight: 500;
}

@media only screen and (min-width: 600px) {
  #page-content .big-arrows {
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    width: 13rem;
    padding: 6rem 2rem 6rem 3.45rem;
    margin: 0 -1.2rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .big-arrows {
    width: 20rem;
    padding: 6rem 3rem 6rem 5rem;
    margin: 0 -2rem;
  }
}

#page-content .big-arrows:first-child {
  background-color: rgba(255, 255, 255, 0.45);
}

#page-content .big-arrows:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.65);
  -webkit-transform: translate(0%, -70%);
          transform: translate(0%, -70%);
}

#page-content .big-arrows:nth-child(3) {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-transform: translate(0, -140%);
          transform: translate(0, -140%);
}

#page-content .big-arrows:last-child {
  background-color: #ffffff;
  -webkit-transform: translate(0, -210%);
          transform: translate(0, -210%);
}

@media only screen and (min-width: 600px) {
  #page-content .big-arrows:nth-child(2) {
    background-color: rgba(255, 255, 255, 0.65);
    -webkit-transform: translate(-70%, 0);
            transform: translate(-70%, 0);
  }
  #page-content .big-arrows:nth-child(3) {
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-transform: translate(-140%, 0);
            transform: translate(-140%, 0);
  }
  #page-content .big-arrows:last-child {
    background-color: #ffffff;
    -webkit-transform: translate(-210%, 0);
            transform: translate(-210%, 0);
  }
}

#page-content .big-arrows-container .wpb_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 3rem;
}

@media only screen and (min-width: 600px) {
  #page-content .big-arrows-container .wpb_wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 5rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .big-arrows-container .wpb_wrapper {
    padding-top: 2rem;
  }
}

@media only screen and (min-width: 1500px) {
  #page-content .big-arrows-container .wpb_wrapper {
    padding-bottom: 4rem;
  }
}

#page-content .big-arrows.appear {
  opacity: 1;
}

#page-content .big-arrows.appear:nth-child(2) {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

#page-content .big-arrows.appear:nth-child(3) {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

#page-content .big-arrows.appear:last-child {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

#page-content .big-arrows.appear p {
  -webkit-animation: bigArrowText 150ms ease-in-out 1000ms 1 normal forwards;
          animation: bigArrowText 150ms ease-in-out 1000ms 1 normal forwards;
}

@-webkit-keyframes bigArrowText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes bigArrowText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#page-content .hero__fan {
  -webkit-animation: hero-fan 1000ms ease-in-out 1000ms 1 normal forwards;
          animation: hero-fan 1000ms ease-in-out 1000ms 1 normal forwards;
}

#page-content .hero__fan--overlay {
  -webkit-animation: hero-fan 1000ms ease-in-out 1000ms 1 normal forwards, hero-fan-on 500ms ease-out 1850ms 1 normal forwards;
          animation: hero-fan 1000ms ease-in-out 1000ms 1 normal forwards, hero-fan-on 500ms ease-out 1850ms 1 normal forwards;
}

#page-content .cloud-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  margin-left: calc(-50vw + 50%);
}

#page-content .cloud-overlay img {
  position: absolute;
  top: 10rem;
  max-width: unset;
}

#page-content .cloud-overlay img:first-child {
  z-index: 20;
  left: -27rem;
  width: 55rem;
  top: 7rem;
  -webkit-animation: cloud-1 1500ms ease-in-out 2550ms 1 normal forwards;
          animation: cloud-1 1500ms ease-in-out 2550ms 1 normal forwards;
}

#page-content .cloud-overlay img:nth-child(2) {
  z-index: 20;
  right: -9rem;
  width: 30rem;
  top: 11rem;
  -webkit-animation: cloud-2 1500ms ease-in-out 2650ms 1 normal forwards;
          animation: cloud-2 1500ms ease-in-out 2650ms 1 normal forwards;
}

#page-content .cloud-overlay img:nth-child(3) {
  z-index: 10;
  width: 30rem;
  top: 30rem;
  left: -8rem;
  -webkit-animation: cloud-3 2000ms ease-in-out 2800ms 1 normal forwards;
          animation: cloud-3 2000ms ease-in-out 2800ms 1 normal forwards;
}

#page-content .cloud-overlay img:nth-child(4) {
  z-index: 30;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  width: 30rem;
  right: -15rem;
  top: 40rem;
  -webkit-animation: cloud-4 2000ms ease-in-out 3000ms 1 normal forwards;
          animation: cloud-4 2000ms ease-in-out 3000ms 1 normal forwards;
}

#page-content .cloud-overlay img:nth-child(5) {
  z-index: 50;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  top: 35rem;
  left: -15rem;
  width: 35rem;
  -webkit-animation: cloud-5 2000ms ease-in-out 3000ms 1 normal forwards;
          animation: cloud-5 2000ms ease-in-out 3000ms 1 normal forwards;
}

@media only screen and (min-width: 599px) {
  #page-content .cloud-overlay img {
    max-width: 100%;
  }
  #page-content .cloud-overlay img:first-child {
    left: -25rem;
    width: 140rem;
    top: 10rem;
    -webkit-animation: cloud-1 1500ms ease-in-out 1850ms 1 normal forwards;
            animation: cloud-1 1500ms ease-in-out 1850ms 1 normal forwards;
  }
  #page-content .cloud-overlay img:nth-child(2) {
    right: -10rem;
    width: 80rem;
    top: 15rem;
    -webkit-animation: cloud-2 1500ms ease-in-out 2000ms 1 normal forwards;
            animation: cloud-2 1500ms ease-in-out 2000ms 1 normal forwards;
  }
  #page-content .cloud-overlay img:nth-child(3) {
    width: 90rem;
    top: 30rem;
    left: 50%;
    -webkit-animation: cloud-3 2000ms ease-in-out 2150ms 1 normal forwards;
            animation: cloud-3 2000ms ease-in-out 2150ms 1 normal forwards;
  }
  #page-content .cloud-overlay img:nth-child(4) {
    width: 90rem;
    top: 10rem;
    right: -40rem;
    -webkit-animation: cloud-4 2000ms ease-in-out 2250ms 1 normal forwards;
            animation: cloud-4 2000ms ease-in-out 2250ms 1 normal forwards;
  }
  #page-content .cloud-overlay img:nth-child(5) {
    top: 35rem;
    left: calc(-30vw + 5%);
    width: 100%;
    -webkit-animation: cloud-5 2000ms ease-in-out 2250ms 1 normal forwards;
            animation: cloud-5 2000ms ease-in-out 2250ms 1 normal forwards;
  }
}

@-webkit-keyframes hero-fan {
  0% {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  100% {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
}

@keyframes hero-fan {
  0% {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  100% {
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
}

@-webkit-keyframes hero-fan-on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes hero-fan-on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hero-fan-off {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hero-fan-off {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes cloud-1 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
  }
}

@keyframes cloud-1 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
  }
}

@keyframes cloud-1 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
  }
}

@-webkit-keyframes cloud-2 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(70%, 20%);
            transform: translate(70%, 20%);
  }
}

@keyframes cloud-2 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(70%, 20%);
            transform: translate(70%, 20%);
  }
}

@-webkit-keyframes cloud-3 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(70%, 15%);
            transform: translate(70%, 15%);
  }
}

@keyframes cloud-3 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(70%, 15%);
            transform: translate(70%, 15%);
  }
}

@-webkit-keyframes cloud-4 {
  0% {
    -webkit-transform: translate(0%, 0%) scaleX(-1);
            transform: translate(0%, 0%) scaleX(-1);
  }
  100% {
    -webkit-transform: translate(50%, 15%) scaleX(-1);
            transform: translate(50%, 15%) scaleX(-1);
  }
}

@keyframes cloud-4 {
  0% {
    -webkit-transform: translate(0%, 0%) scaleX(-1);
            transform: translate(0%, 0%) scaleX(-1);
  }
  100% {
    -webkit-transform: translate(50%, 15%) scaleX(-1);
            transform: translate(50%, 15%) scaleX(-1);
  }
}

@-webkit-keyframes cloud-5 {
  0% {
    -webkit-transform: translate(0%, 0%) scaleX(-1);
            transform: translate(0%, 0%) scaleX(-1);
  }
  100% {
    -webkit-transform: translate(-70%, 15%) scaleX(-1);
            transform: translate(-70%, 15%) scaleX(-1);
  }
}

@keyframes cloud-5 {
  0% {
    -webkit-transform: translate(0%, 0%) scaleX(-1);
            transform: translate(0%, 0%) scaleX(-1);
  }
  100% {
    -webkit-transform: translate(-70%, 15%) scaleX(-1);
            transform: translate(-70%, 15%) scaleX(-1);
  }
}

#page-content .grid-boxes {
  margin-top: -5rem;
  margin-bottom: 5rem;
}

#page-content .grid-boxes h2 {
  font-size: 2rem;
}

@media only screen and (min-width: 600px) {
  #page-content .grid-boxes {
    margin-top: -13rem;
    margin-bottom: 5rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .grid-boxes {
    margin-top: -10rem;
    margin-bottom: 5rem;
  }
}

#page-content .grid-boxes .g-cols {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#page-content .grid-boxes .vc_column_container {
  height: 20rem;
  width: 20rem;
}

#page-content .grid-boxes .vc_column_container:not(:last-child) {
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 600px) {
  #page-content .grid-boxes .vc_column_container:not(:last-child) {
    margin-bottom: unset;
    padding-right: 0.5rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .grid-boxes .vc_column_container:not(:last-child) {
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-content .grid-boxes .vc_column_container {
    height: 25rem;
    width: 25rem;
  }
}

#page-content .grid-boxes .vc_column_container .vc_column-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#page-content .grid-boxes .kachel:hover .kachel__text {
  opacity: 1;
  max-height: 20rem;
}

#page-content .grid-boxes .kachel__text {
  display: block;
  opacity: 1;
  max-height: 20rem;
  overflow: hidden;
  -webkit-transition: opacity 150ms ease-in-out, max-height 150ms ease-in-out;
  transition: opacity 150ms ease-in-out, max-height 150ms ease-in-out;
}

@media only screen and (min-width: 1025px) {
  #page-content .grid-boxes .kachel__text {
    max-height: 0;
    opacity: 0;
  }
}
/*# sourceMappingURL=style.css.map */