iframe:not([src]) {
display: none;
}

.sp-preloader {
  background-color: #051A44 !important;
}
body {
  background-color: #fff !important;
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}
h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 90px;
  font-weight: 500;
  text-decoration: none;
}
h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 70px;
  font-weight: 500;
  text-decoration: none;
}
h3, .page-header h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 50px;
  font-weight: 500;
  text-decoration: none;
}
h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 300;
  text-decoration: none;
}
h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  font-weight: 400;
  text-decoration: none;
}
h6 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}
.sp-megamenu-parent > li > a {
  text-transform: uppercase;
}
/* offcanvas submenuitems always visible */
.menu-child {
  display: block !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: rgb(255, 255, 255) !important;
}

.button-kontakt {
  line-height: 80px;
}
.kontakt-button {
  border: 2px solid transparent;
}
.article-full-image.float-right img {
  float: right;
  max-width: 50%;
}
.produktpalette-header img {
  max-height: 600px;
  padding: 0px 0px 50px 0px;
}

/* menu mittig */
#sp-menu > .sp-column, 
 #sp-menu  .sp-megamenu-wrapper { justify-content: center !important;}

#sp-position1 .sp-column {
  justify-content: end !important;
}
.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #fff;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}


.sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
  z-index: 99;
  display: block;
  float: right;
  position: relative;
  border: 1px solid #fff;
  border-left: 1px;
  border-right: 1px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  margin: 0;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 10px 0px 10px;
}

/* mobil menu */
.offcanvas-menu {
  background-color: #051A44;
  color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  display: block;
  font-size: 18px;
  padding: 10px 0px;
  position: relative;
  line-height: 18px;
  opacity: 1;
  transition: 0.3s;
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu li li.active a {
  color: #D01231 !important;
}

/* footer */
#sp-footer .container-inner {
  padding: 30px 0;
  border-top: 0px solid rgba(255, 255, 255, 0.1);
}

.logo-image-phone {
  height: 40px !important
}

/* gradient bg */
.my-style .article {
  background: #f2f2f2;
  border-radius: 15px;
  min-height: 350px;
  padding: 10px;
  border: 0px;
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
  
}
.my-style .article .article-body {
  text-align: center;
  justify-content: center;
  box-sizing: border-box;
position: relative;
width: 100%;
height: auto;
border-radius: 15px;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.article-list .article .article-header h2 {
  font-size: 20px;
}

.my-style .article-body,
.my-style .article-body h2,
.my-style .article-body a {
color: #051a44 !important;
}
.my-style .article-body h2 {
        word-wrap: break-word;
  overflow-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
  }

.my-style .readmore a {
  font-family: 'Roboto','Arial';
color: #D01231 !important;
font-size: 87.5%;
text-shadow: none;
line-height: 1.5;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: center;
letter-spacing: normal;
word-spacing: normal;
text-transform: uppercase;
font-weight: 400;
  
  background: RGBA(0,165,134,0);
opacity: 1;
padding: 10px 50px 10px 50px;
box-shadow: none;
border: 1px solid #D01231;
border-radius: 5px;
}

.my-style .readmore a:hover {
color: #fff !important;
  background: #D01231;
}
.page-item.active .page-link {
  background-color: #6A468D;
  border-color: #6A468D;
}

.article-list .article .article-intro-image,
.article-list .article .article-featured-video,
.article-list .article .article-featured-audio,
.article-list .article .article-feature-gallery {
  margin: 0 auto;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}


/* ---------------------------------------- LARGE DESKTOPS ---------------------------------------- */
@media (min-width: 1399.98px) {

}

/* ---------------------------------------- DESKTOPS ---------------------------------------- */
@media only screen and (max-width: 1199.98px) {
      h1 {
    font-size: 70px;
  }
  #column-wrap-id-1677141752677 {
  margin-top: -50px !important;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#sppb-addon-1677167229065 #btn-1677167229065.sppb-btn-custom {
  padding: 8px 12px 8px 12px !important;
}
  .sp-page-builder .page-content #section-id-1677141752768 {
  padding-top: 135px !important;
  padding-right: 0px;
  padding-bottom: 135px !important;
  }
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  margin: 0;
}
}

/* ---------------------------------------- TABLETS ---------------------------------------- */
@media only screen and (max-width: 991.98px) {
    h1 {
    font-size: 60px;
  }
  .header-bg-mobil {
    height: auto !important;
    padding: 100px 15px 100px 15px !important;
  }
  .article-full-image.float-right img {
  float: right;
  max-width: 100%;
}
  /* menu mittig */
  #sp-menu > .sp-column, 
   #sp-menu  .sp-megamenu-wrapper { justify-content: end !important;}


  .sp-page-builder .page-content #leistungen {
    padding-top: 150px;
    padding-right: 0px;
    padding-bottom: 250px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(/images/2023/03/13/bg1.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 100%;
    background-size: cover !important;
  }
  
  .sp-page-builder .page-content #section-id-1677141752768 {
    /* min-height: 1070px; */
    padding-top: 80px !important;
    padding-right: 0px;
    padding-bottom: 40px !important;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(/images/2023/03/13/bg2.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 50%;
    background-size: cover !important;
  }
  .sp-page-builder .page-content #section-id-1677141752799 {
    padding-top: 110px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px !important;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(/images/2023/03/13/bg3.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 0px !important;
    background-size: cover !important;
  }
  .produktpalette-header img {
  max-height: 400px;
    padding: 0px 0px 30px 0px;
}
  
}

/* ---------------------------------------- LANDSCAPE PHONE ---------------------------------------- */
@media only screen and (max-width: 767.98px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 40px;
  }
  h3, .page-header h1 {
    font-size: 35px;
  } 
  h4 {
  font-size: 20px;
  }
}

/* ---------------------------------------- PORTRAIT PHONE ---------------------------------------- */
@media only screen and (max-width: 575.98px) {

  #sp-header {
  height: 50px !important;
}
    .sp-page-builder .page-content #section-id-1677141752799 {
    padding-top: 100px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px !important;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(/images/2023/03/13/bg3.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 0px !important;
    background-size: cover !important;
  }
    .sp-page-builder .page-content #section-id-1677141752768 {
    padding-top: 100px !important;
    padding-right: 0px;
    padding-bottom: 90px !important;
  }
    .produktpalette-header img {
  max-height: 200px;
      padding: 0px 0px 0px 0px;
}
}