@charset "UTF-8";
/*COLORS*/
/*FONTS*/
/*FONTS WEIGHT*/
/*SIZES*/
/* 1px */
/* 5px */
/* 10px */
/* 12px */
/* 15px */
/* 16px */
/* 20px */
/* 24px */
/* 30px */
/* 45px */
/* 40px */
/* 50px */
/* 60px */
/* 95px */
/* 90px */
/*ICONS */
/* MARGIN - PADDING */
/* 2px */
/* 4px */
/* 5px */
/* 10px */
/* 12px */
/* 15px */
/* 17px */
/* 20px */
/* 25px */
/* 30px */
/* 35px */
/* 40px */
/* 45px */
/* 50px */
/* 60px */
/* 70px */
/* 76px */
/* 90px */
/* 95px */
/* 100px */
/* 120px */
/* 7 */
/* 75px */
/* 200px */
/* 65px */
/* 150px */
/* 210px */
/* 62px */
/* 31px */
/* 13px */
/* FONT SIZES - LINE HEIGHT */
/* 12px */
/* 15px */
/* 16px */
/* 17px */
/* 18px */
/* 20px */
/* 22px */
/* 24px */
/* 26px */
/* 27px */
/* 28px */
/* 29px */
/* 30px */
/* 32px */
/* 33px */
/* 34px */
/* 35px */
/* 38px */
/* 41px */
/* 42px */
/* 45px */
/* 46px */
/* 48px */
/* 50px */
/* 58px */
/* 60px */
/* 64px */
/* 70px */
/* 75px */
/* 51.2px */
/* 37px */
/* 23px */
/* 27.2px */
/*COLORS*/
/*FONTS*/
/*FONTS WEIGHT*/
/*SIZES*/
/* 1px */
/* 5px */
/* 10px */
/* 12px */
/* 15px */
/* 16px */
/* 20px */
/* 24px */
/* 30px */
/* 45px */
/* 40px */
/* 50px */
/* 60px */
/* 95px */
/* 90px */
/*ICONS */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-youtube:before {
  content: "";
}
.icon-schulungen:before {
  content: "";
}
.icon-chevron-small-down:before {
  content: "";
}
.icon-chevron-small-up:before {
  content: "";
}
.icon-chevron-small-left:before {
  content: "";
}
.icon-chevron-small-right:before {
  content: "";
}
.icon-chevron-right:before {
  content: "";
}
.icon-chevron-left:before {
  content: "";
}
.icon-chevron-down:before {
  content: "";
}
.icon-chevron-up:before {
  content: "";
}
.icon-link-extern:before {
  content: "";
}
.icon-link:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-minus:before {
  content: "";
}
.icon-plus:before {
  content: "";
}
.icon-contact:before {
  content: "";
}
.icon-fax:before {
  content: "";
}
.icon-mail:before {
  content: "";
}
.icon-send:before {
  content: "";
}
.icon-support:before {
  content: "";
}
.icon-next:before {
  content: "";
}
.icon-pause:before {
  content: "";
}
.icon-play:before {
  content: "";
}
.icon-previous:before {
  content: "";
}
.icon-stop:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-insta:before {
  content: "";
}
.icon-linkedin:before {
  content: "";
}
.icon-twitter:before {
  content: "";
}
.icon-xing:before {
  content: "";
}
.icon-check:before {
  content: "";
}
.icon-download:before {
  content: "";
}
.icon-information:before {
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-arrow-down:before {
  content: "";
}
.icon-arrow-up:before {
  content: "";
}
.icon-filter:before {
  content: "";
}
.icon-attachement:before {
  content: "";
}
.icon-menu:before {
  content: "";
}
.icon-wertsteigerung:before {
  content: "";
}
.icon-reload:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-language:before {
  content: "";
}
.icon-sign-in:before {
  content: "";
}
.icon-sign-out:before {
  content: "";
}
.icon-error:before {
  content: "";
}
.icon-route:before {
  content: "";
}
.icon-fernwarme:before {
  content: "";
}
.icon-erdol:before {
  content: "";
}
.icon-erdgas:before {
  content: "";
}
.icon-bewahrend:before {
  content: "";
}
.icon-waermeschutz:before {
  content: "";
}
.icon-brandschutz:before {
  content: "";
}
.icon-effizienz:before {
  content: "";
}
.icon-feuchteregulierung:before {
  content: "";
}
.icon-hitzeschutz:before {
  content: "";
}
.icon-kaelteschutz:before {
  content: "";
}
.icon-mit-system:before {
  content: "";
}
.icon-oekologisch:before {
  content: "";
}
.icon-schallschutz:before {
  content: "";
}
.icon-witterungsschutz:before {
  content: "";
}
/* FONT LETTER SPACING */
/* Normal letter spacing */
/* 0.2px */
/* 0.25px */
/* 0.27px */
/* 0.28px */
/* 0.3px */
/* 0.35px */
/* 0.36px */
/* 0.37px */
/* 0.39px */
/* 0.4px */
/* 0.42px */
/* 0.44px */
/* 0.45px */
/* 0.46px */
/* 0.5px */
/* 0.67px */
/* 0.74px */
/* 1px */
/* 1.2px */
/* 0.8px */
/* 0.15px */
/* BORDER HEIGHT */
/* 1px */
/* 2px */
/* 3px */
/* 4px */
/* 7px */
/* 10px */
body.overflow {
  overflow-y: hidden;
}
body.menu-opened {
  overflow-y: hidden;
}
/*padding top/bottom */
.padding-top-10 {
  padding-top: 0.625rem;
}
.padding-top-20 {
  padding-top: 1.25rem;
}
.padding-top-25 {
  padding-top: 1.5625rem;
}
.padding-top-30 {
  padding-top: 1.875rem;
}
.padding-top-50 {
  padding-top: 3.125rem;
}
.padding-top-60 {
  padding-top: 3.75rem;
}
.padding-top-75 {
  padding-top: 4.6875rem;
}
@media (max-width: 768px) {
  .padding-top-75 {
    padding-top: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-top-75 {
    padding-top: 1.875rem;
  }
}
.padding-top-90 {
  padding-top: 5.625rem;
}
@media (max-width: 768px) {
  .padding-top-90.neos-nodetypes-columnlayouts-threecolumn {
    padding-top: 3.75rem;
  }
}
@media (max-width: 768px) {
  .padding-top-90.neos-nodetypes-columnlayouts-twocolumn {
    padding-top: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-top-90.neos-nodetypes-columnlayouts-twocolumn {
    padding-top: 1.875rem;
  }
}
.padding-top-100 {
  padding-top: 6.25rem;
}
.padding-top-120 {
  padding-top: 7.5rem;
}
@media (max-width: 768px) {
  .padding-top-120 {
    padding-top: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-top-120 {
    padding-top: 1.875rem;
  }
}
.padding-top-150 {
  padding-top: 9.375rem;
}
@media (max-width: 768px) {
  .padding-top-150 {
    padding-top: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-top-150 {
    padding-top: 1.875rem;
  }
}
.padding-top-210 {
  padding-top: 13.125rem;
}
@media (max-width: 768px) {
  .padding-top-210 {
    padding-top: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-top-210 {
    padding-top: 1.875rem;
  }
}
.padding-bottom-10 {
  padding-bottom: 0.625rem;
}
.padding-bottom-20 {
  padding-bottom: 1.25rem;
}
.padding-bottom-25 {
  padding-bottom: 1.5625rem;
}
.padding-bottom-30 {
  padding-bottom: 1.875rem;
}
.padding-bottom-50 {
  padding-bottom: 3.125rem;
}
.padding-bottom-60 {
  padding-bottom: 3.75rem;
}
.padding-bottom-75 {
  padding-bottom: 4.6875rem;
}
.padding-bottom-90 {
  padding-bottom: 5.625rem;
}
@media (max-width: 768px) {
  .padding-bottom-90.neos-nodetypes-columnlayouts-threecolumn {
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-bottom-90.neos-nodetypes-columnlayouts-threecolumn {
    padding-bottom: 1.875rem;
  }
}
@media (max-width: 768px) {
  .padding-bottom-90.neos-nodetypes-columnlayouts-twocolumn {
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-bottom-90.neos-nodetypes-columnlayouts-twocolumn {
    padding-bottom: 1.875rem;
  }
}
.padding-bottom-100 {
  padding-bottom: 6.25rem;
}
@media (max-width: 768px) {
  .padding-bottom-100 {
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-bottom-100 {
    padding-bottom: 1.875rem;
  }
}
.padding-bottom-120 {
  padding-bottom: 7.5rem;
}
@media (max-width: 768px) {
  .padding-bottom-120 {
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-bottom-120 {
    padding-bottom: 1.875rem;
  }
}
.padding-bottom-150 {
  padding-bottom: 9.375rem;
}
@media (max-width: 768px) {
  .padding-bottom-150 {
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-bottom-150 {
    padding-bottom: 1.875rem;
  }
}
.padding-bottom-210 {
  padding-bottom: 13.125rem;
}
@media (max-width: 768px) {
  .padding-bottom-210 {
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 576px) {
  .padding-bottom-210 {
    padding-bottom: 1.875rem;
  }
}
.padding-inner-95 > [class^="col-md"]:nth-child(2) {
  padding-left: 5.9375rem;
  padding-bottom: 2.8125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 992px) {
  .padding-inner-95 > [class^="col-md"]:nth-child(2) {
    padding-left: 2.5rem;
  }
}
.padding-inner-95 > [class^="col-sm"]:nth-child(2) {
  padding-left: 5.9375rem;
  padding-bottom: 2.8125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 992px) {
  .padding-inner-95 > [class^="col-sm"]:nth-child(2) {
    padding-left: 2.5rem;
  }
}
.padding-inner-50 > [class^="col-md"]:nth-child(2) {
  padding-left: 3.125rem;
}
.padding-inner-50 > [class^="col-sm"]:nth-child(2) {
  padding-left: 3.125rem;
}
.padding-inner-15 > [class^="col-md"]:nth-child(2) {
  padding-left: 0.9375rem;
}
.padding-inner-15 > [class^="col-sm"]:nth-child(2) {
  padding-left: 0.9375rem;
}
.padding-inner-30 > [class^="col-md"]:nth-child(2) {
  padding-left: 1.875rem;
}
.padding-inner-30 > [class^="col-sm"]:nth-child(2) {
  padding-left: 1.875rem;
}
.padding-inner-45 > [class^="col-md"]:nth-child(2) {
  padding-left: 2.8125rem;
}
.padding-inner-45 > [class^="col-sm"]:nth-child(2) {
  padding-left: 2.8125rem;
}
.padding-inner-60 > [class^="col-md"]:nth-child(2) {
  padding-left: 3.75rem;
}
.padding-inner-60 > [class^="col-sm"]:nth-child(2) {
  padding-left: 3.75rem;
}
.padding-inner-left-95 > [class^="col-md"]:first-child {
  padding: 5.9375rem 5.9375rem 0 0;
}
.padding-inner-left-95 > [class^="col-sm"]:first-child {
  padding: 5.9375rem 5.9375rem 0 0;
}
.padding-inner-left-60 > [class^="col-md"]:first-child {
  padding: 0 3.75rem 0 0;
}
.padding-inner-left-60 > [class^="col-sm"]:first-child {
  padding: 0 3.75rem 0 0;
}
.padding-inner-left-50 > [class^="col-md"]:first-child {
  padding: 3.125rem 3.125rem 0 0;
}
.padding-inner-left-50 > [class^="col-sm"]:first-child {
  padding: 3.125rem 3.125rem 0 0;
}
.padding-inner-left-45 > [class^="col-md"]:first-child {
  padding: 0 2.8125rem 0 0;
}
.padding-inner-left-45 > [class^="col-sm"]:first-child {
  padding: 0 2.8125rem 0 0;
}
.padding-inner-left-30 > [class^="col-md"]:first-child {
  padding: 1.875rem 1.875rem 0 0;
}
@media (max-width: 992px) {
  .padding-inner-left-30 > [class^="col-md"]:first-child {
    padding: 0 1.875rem 0 0;
  }
}
.padding-inner-left-30 > [class^="col-sm"]:first-child {
  padding: 1.875rem 1.875rem 0 0;
}
@media (max-width: 992px) {
  .padding-inner-left-30 > [class^="col-sm"]:first-child {
    padding: 0 1.875rem 0 0;
  }
}
.padding-inner-left-15 > [class^="col-md"]:first-child {
  padding: 0 0.9375rem 0 0;
}
.padding-inner-left-15 > [class^="col-sm"]:first-child {
  padding: 0 0.9375rem 0 0;
}
@media (max-width: 768px) {
  .padding-inner-95 > [class^="col-md"]:nth-child(2) {
    padding: 0.9375rem;
  }
  .padding-inner-95 > [class^="col-sm"]:nth-child(2) {
    padding: 0.9375rem;
  }
  .padding-inner-60 > [class^="col-md"]:nth-child(2) {
    padding-left: 0.9375rem;
  }
  .padding-inner-60 > [class^="col-sm"]:nth-child(2) {
    padding-left: 0.9375rem;
  }
  .padding-inner-50 > [class^="col-md"]:nth-child(2) {
    padding: 0.9375rem;
  }
  .padding-inner-50 > [class^="col-sm"]:nth-child(2) {
    padding: 0.9375rem;
  }
  .padding-inner-45 > [class^="col-md"]:nth-child(2) {
    padding-left: 0.9375rem;
  }
  .padding-inner-45 > [class^="col-sm"]:nth-child(2) {
    padding-left: 0.9375rem;
  }
  .padding-inner-30 > [class^="col-md"]:nth-child(2) {
    padding: 0.9375rem;
  }
  .padding-inner-30 > [class^="col-sm"]:nth-child(2) {
    padding: 0.9375rem;
  }
  .padding-inner-15 > [class^="col-md"]:nth-child(2) {
    padding-left: 0.9375rem;
  }
  .padding-inner-15 > [class^="col-sm"]:nth-child(2) {
    padding-left: 0.9375rem;
  }
  .padding-inner-left-95 > [class^="col-md"]:first-child {
    padding: 0 0.9375rem;
  }
  .padding-inner-left-95 > [class^="col-sm"]:first-child {
    padding: 0 0.9375rem;
  }
  .padding-inner-left-60 > [class^="col-md"]:first-child {
    padding-right: 0.9375rem;
  }
  .padding-inner-left-60 > [class^="col-sm"]:first-child {
    padding-right: 0.9375rem;
  }
  .padding-inner-left-50 > [class^="col-md"]:first-child {
    padding: 0 0.9375rem;
  }
  .padding-inner-left-50 > [class^="col-sm"]:first-child {
    padding: 0 0.9375rem;
  }
  .padding-inner-left-45 > [class^="col-md"]:first-child {
    padding-right: 0.9375rem;
  }
  .padding-inner-left-45 > [class^="col-sm"]:first-child {
    padding-right: 0.9375rem;
  }
  .padding-inner-left-30 > [class^="col-md"]:first-child {
    padding: 0 0.9375rem;
  }
  .padding-inner-left-30 > [class^="col-sm"]:first-child {
    padding: 0 0.9375rem;
  }
  .padding-inner-left-15 > [class^="col-md"]:first-child {
    padding-right: 0.9375rem;
  }
  .padding-inner-left-15 > [class^="col-sm"]:first-child {
    padding-right: 0.9375rem;
  }
}
/*margin right/left */
.margin-right-10 {
  margin-right: 0.625rem;
}
.margin-right-25 {
  margin-right: 1.5625rem;
}
.margin-right-50 {
  margin-right: 3.125rem;
}
.margin-right-60 {
  margin-right: 3.75rem;
}
.margin-right-75 {
  margin-right: 4.6875rem;
}
.margin-right-90 {
  margin-right: 5.625rem;
}
.margin-right-100 {
  margin-right: 6.25rem;
}
.margin-right-120 {
  margin-right: 7.5rem;
}
.margin-right-150 {
  margin-right: 9.375rem;
}
.margin-right-210 {
  margin-right: 13.125rem;
}
.margin-left-10 {
  margin-left: 0.625rem;
}
.margin-left-25 {
  margin-left: 1.5625rem;
}
.margin-left-50 {
  margin-left: 3.125rem;
}
.margin-left-60 {
  margin-left: 3.75rem;
}
.margin-left-75 {
  margin-left: 4.6875rem;
}
.margin-left-90 {
  margin-left: 5.625rem;
}
.margin-left-100 {
  margin-left: 6.25rem;
}
.margin-left-120 {
  margin-left: 7.5rem;
}
.margin-left-150 {
  margin-left: 9.375rem;
}
.margin-left-210 {
  margin-left: 13.125rem;
}
@media (max-width: 576px) {
  .remove-column-space-mobile .neos-contentcollection {
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) {
  .page-level-4 .cols-3-9.neos-nodetypes-columnlayouts-twocolumn, .page-level-5 .cols-3-9.neos-nodetypes-columnlayouts-twocolumn {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 576px) {
  .page-level-4 .cols-3-9.neos-nodetypes-columnlayouts-twocolumn, .page-level-5 .cols-3-9.neos-nodetypes-columnlayouts-twocolumn {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*Mobile padding top/bottom */
@media (max-width: 576px) {
  .mobile-padding-top-0 {
    padding-top: 0 !important;
  }
  .mobile-padding-top-10 {
    padding-top: 0.625rem !important;
  }
  .mobile-padding-top-15 {
    padding-top: 0.9375rem !important;
  }
  .mobile-padding-top-20 {
    padding-top: 1.25rem !important;
  }
  .mobile-padding-top-25 {
    padding-top: 1.5625rem !important;
  }
  .mobile-padding-top-30 {
    padding-top: 1.875rem !important;
  }
  .mobile-padding-top-50 {
    padding-top: 3.125rem !important;
  }
  .mobile-padding-top-60 {
    padding-top: 3.75rem !important;
  }
  .mobile-padding-top-75 {
    padding-top: 4.6875rem !important;
  }
  .mobile-padding-top-90 {
    padding-top: 5.625rem !important;
  }
  .mobile-padding-bottom-0 {
    padding-bottom: 0 !important;
  }
  .mobile-padding-bottom-10 {
    padding-bottom: 0.625rem !important;
  }
  .mobile-padding-bottom-15 {
    padding-bottom: 0.9375rem !important;
  }
  .mobile-padding-bottom-20 {
    padding-bottom: 1.25rem !important;
  }
  .mobile-padding-bottom-25 {
    padding-bottom: 1.5625rem !important;
  }
  .mobile-padding-bottom-30 {
    padding-bottom: 1.875rem !important;
  }
  .mobile-padding-bottom-50 {
    padding-bottom: 3.125rem !important;
  }
  .mobile-padding-bottom-60 {
    padding-bottom: 3.75rem !important;
  }
  .mobile-padding-bottom-75 {
    padding-bottom: 4.6875rem !important;
  }
  .mobile-padding-bottom-90 {
    padding-bottom: 5.625rem !important;
  }
}
/*Tablet padding top/bottom */
@media (min-width: 576px) and (max-width: 768px) {
  .tablet-padding-top-0 {
    padding-top: 0 !important;
  }
  .tablet-padding-top-15 {
    padding-top: 0.9375rem !important;
  }
  .tablet-padding-top-10 {
    padding-top: 0.625rem !important;
  }
  .tablet-padding-top-20 {
    padding-top: 1.25rem !important;
  }
  .tablet-padding-top-25 {
    padding-top: 1.5625rem !important;
  }
  .tablet-padding-top-30 {
    padding-top: 1.875rem !important;
  }
  .tablet-padding-top-50 {
    padding-top: 3.125rem !important;
  }
  .tablet-padding-top-60 {
    padding-top: 3.75rem !important;
  }
  .tablet-padding-top-75 {
    padding-top: 4.6875rem !important;
  }
  .tablet-padding-top-90 {
    padding-top: 5.625rem !important;
  }
  .tablet-padding-top-100 {
    padding-top: 6.25rem !important;
  }
  .tablet-padding-top-120 {
    padding-top: 7.5rem !important;
  }
  .tablet-padding-bottom-0 {
    padding-bottom: 0 !important;
  }
  .tablet-padding-bottom-10 {
    padding-bottom: 0.625rem !important;
  }
  .tablet-padding-bottom-15 {
    padding-bottom: 0.9375rem !important;
  }
  .tablet-padding-bottom-20 {
    padding-bottom: 1.25rem !important;
  }
  .tablet-padding-bottom-25 {
    padding-bottom: 1.5625rem !important;
  }
  .tablet-padding-bottom-30 {
    padding-bottom: 1.875rem !important;
  }
  .tablet-padding-bottom-50 {
    padding-bottom: 3.125rem !important;
  }
  .tablet-padding-bottom-60 {
    padding-bottom: 3.75rem !important;
  }
  .tablet-padding-bottom-75 {
    padding-bottom: 4.6875rem !important;
  }
  .tablet-padding-bottom-90 {
    padding-bottom: 5.625rem !important;
  }
  .tablet-padding-bottom-100 {
    padding-bottom: 6.25rem !important;
  }
  .tablet-padding-bottom-120 {
    padding-bottom: 7.5rem !important;
  }
}
.modal-backdrop {
  background-color: #313544 !important;
  z-index: 9999;
}
.modal-open .modal {
  z-index: 999999;
}
.modal-open .modal.iframe {
  padding: 0 !important;
}
.modal-open .modal.iframe .modal-content {
  width: 100%;
  height: 100%;
}
.modal-open .modal.iframe .modal-content iframe {
  width: 100%;
  height: 100%;
  border: none;
}
@media (max-width: 576px) {
  .modal-open .modal.iframe .modal-content button.close {
    top: 0;
    right: 0;
  }
}
@media (max-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-auto + .col-sm-auto {
    margin-top: 0 !important;
  }
}
.mobileGallery .figure.media-img {
  width: 100%;
  margin-bottom: 0;
}
.mobileGallery .figure.media-img .open-image p {
  text-align: left;
}
.mobileGallery .gutex-teaser-image {
  min-height: 28.125rem;
}
@media (max-width: 768px) {
  .mobileGallery .gutex-teaser-image {
    padding-left: 0 !important;
  }
}
@media (max-width: 576px) {
  .mobileGallery {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .mobileGallery + .mobileGallery {
    margin-top: 0 !important;
  }
  .mobileGallery .gutex-teaser-image {
    min-height: 8.75rem !important;
    max-height: 8.75rem !important;
  }
  .mobileGallery .gutex-teaser-image.img-info {
    width: fit-content !important;
  }
}
@media (max-width: 576px) {
  .modal.image .modal-content {
    padding: 1.875rem;
  }
}
.modal.image .modal-content .img-responsive.modal-body {
  max-height: initial;
  width: 100%;
  height: auto;
}
.modal-btn.open-image .img-wrapper {
  position: relative;
}
.modal-btn.open-image .img-wrapper:after {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 0;
  bottom: 0;
  position: absolute;
  padding: 0.3125rem;
  font-size: 1.25rem;
  color: #ffffff;
  background-color: #E63214;
}
.modal-open .modal.image {
  height: 100vh;
  overflow: hidden;
}
.modal-open .modal.image .modal-dialog {
  margin: auto;
}
.neos-nodetypes-image .figure.media-img {
  width: 100%;
}
@media (min-width: 576px) and (max-width: 992px) {
  .offset-tablet.neos-nodetypes-columnlayouts-threecolumn .col-md-10, .offset-tablet.neos-nodetypes-columnlayouts-threecolumn .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-tablet.neos-nodetypes-columnlayouts-threecolumn .col-md-1, .offset-tablet.neos-nodetypes-columnlayouts-threecolumn .col-md-2 {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .offset-tablet.neos-nodetypes-columnlayouts-threecolumn {
    margin-right: -4.6875rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .offset-tablet.neos-nodetypes-columnlayouts-threecolumn {
    margin-right: -2.4375rem;
  }
}
.neos-nodetypes-contentreferences-contentreferences {
  height: 100%;
}
@keyframes progress-anim {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/*General*/
body {
  color: #63524E;
  font-family: "Lato", sans-serif;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
a {
  color: #E63214;
}
a:hover {
  text-decoration: none;
  color: #E63214;
}
.container-gutex {
  padding: 5.625rem 0 0 0;
}
@media (max-width: 576px) {
  .container-gutex {
    padding: 3.75rem 0 0 0;
  }
}
.homepage .breadcrumb {
  display: none;
}
/*Confirmation message*/
.confirmation-message {
  width: 60%;
  margin: auto auto 3.75rem;
  text-align: center;
}
.confirmation-message .confirmation-email-title {
  margin-bottom: 1.25rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0.031rem;
  color: #E63214;
}
@media (max-width: 768px) {
  .confirmation-message .confirmation-email-title {
    font-size: 1.375rem;
    line-height: 1.688rem;
    letter-spacing: 0.026rem;
  }
}
.confirmation-message p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: normal;
}
.confirmation-message i {
  font-size: 3.75rem;
  color: #E63214;
}
header .search-counter {
  display: none;
}
header .search-form ol {
  display: none;
}
/*Image caption*/
.neos-nodetypes-image p, .neos-nodetypes-textwithimage p {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.fade:not(.show) {
  height: 0;
  overflow: hidden;
}
/*Input search - clears the 'X' from Chrome*/
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/*Cookie position*/
#uc-privacy-button {
  position: absolute;
}
.usercentrics-button .uc-privacy-button-wrapper {
  position: absolute !important;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*Images*/
.neos-nodetypes-textwithimage img, .neos-nodetypes-image img {
  max-height: 25.625rem;
  object-fit: cover;
}
.neos-nodetypes-columnlayouts-twocolumn img {
  max-height: 28.125rem;
}
@media (max-width: 576px) {
  .neos-nodetypes-columnlayouts-twocolumn .neos-nodetypes-image .gutex-teaser-image {
    padding: 0;
  }
}
img {
  max-width: 100%;
  object-fit: cover;
}
/*Hide header teaser*/
body.hideHeader #teaser {
  display: none;
}
.image-height img {
  height: 295px;
}
a:focus-visible {
  border: none;
  outline: none;
}
th {
  color: #63524E;
  font-weight: 400;
  line-height: 1.625rem;
  letter-spacing: 0.0125rem;
  border-bottom: 0.0625rem solid #DEDCD9;
}
td {
  color: #63524E;
  font-weight: 300;
  line-height: 1.625rem;
  letter-spacing: 0.0125rem;
}
.table td, .table th {
  padding: 0.75rem 0;
}
i.icon-route {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
a.external-link:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #E63214;
  font-size: 1.125rem;
  vertical-align: text-bottom;
  margin-right: 0.3125rem;
}
.style-4 a.external-link:before {
  font-size: 0.875rem;
  margin-right: 0.25rem;
}
.style-4 .tile-content.style-4 .action-link i {
  color: #63524E;
}
.style-4.active-text p {
  font-size: 0.75rem;
}
.red {
  color: #E63214;
}
.big .icon-check {
  font-size: 5rem;
}
.large .icon-check {
  font-size: 3rem;
}
.medium .icon-check {
  font-size: 1.5rem;
}
.small .icon-check {
  font-size: 1.3rem;
}
.center {
  display: block;
  text-align: center;
}
.left {
  display: block;
  text-align: left;
}
.right {
  display: block;
  text-align: right;
}
@media (min-width: 768px) and (max-width: 1140px) {
  #main .container {
    max-width: calc(100% - 120px);
  }
  #main .container .container.grid-container.container-gutex {
    max-width: 100%;
  }
  .container.news-events-page {
    max-width: calc(100% - 120px);
  }
  .container.news-events-page .news-events-page-info {
    width: 100%;
    position: relative;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .container.news-events-page .news-events-page-info {
    max-width: 100%;
    width: 100%;
    position: relative;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  #main .container {
    max-width: calc(100% - 48px);
  }
  .container.news-events-page {
    max-width: calc(100% - 48px);
  }
  .neos-nodetypes-columnlayouts-twocolumn .col-sm-6.neos-contentcollection:nth-of-type(2) {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .style-1.padding-bottom-10 {
    padding-bottom: 0.625rem;
  }
  .style-1.padding-bottom-20 {
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 576px) {
  .neos-nodetypes-columnlayouts-twocolumn .col-sm-6.neos-contentcollection {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.neos-nodetypes-textwithimage figure {
  margin: 0;
}
.neos-nodetypes-textwithimage figure + div p {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  letter-spacing: normal;
  line-height: 1.25rem;
}
.neos-nodetypes-text dl, .neos-nodetypes-text ol, .neos-nodetypes-text ul {
  margin-bottom: 0;
}
.neos-nodetypes-text dl li ul, .neos-nodetypes-text ol li ul, .neos-nodetypes-text ul li ul {
  margin-top: 0;
}
.neos-nodetypes-text ul li ul {
  margin-top: 0.5rem;
}
.listTitles ol > li li {
  font-size: 1rem;
  color: #63524E;
}
.listTitles div > ol > li {
  font-weight: 700;
  font-size: 1.375rem !important;
  line-height: 2.875rem !important;
  letter-spacing: 0.019rem !important;
  padding-bottom: 40px;
}
.listTitles ol {
  counter-reset: item;
  padding-left: 0;
}
.listTitles ol li {
  display: block;
  padding-left: 0 !important;
}
.listTitles ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}
.listTitles ol li ol {
  padding-left: 1.5625rem;
}
.listTitles ol li ol li {
  display: flex;
  padding-top: 0.9375rem;
}
.listTitles ol li ol li:before {
  color: #E63214;
  margin-right: 0.9375rem;
  font-weight: 400;
}
/*Main teaser*/
.gutex-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  margin-bottom: 7.5rem;
  padding-top: 4.75rem;
}
.gutex-hero-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gutex-hero-content-title {
  position: relative;
  color: white;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 3.75rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  line-height: 4.6875rem;
  z-index: 0;
}
.gutex-hero-content-subtitle {
  color: white;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0.3px;
}
.gutex-hero .title-overlay {
  position: absolute;
  width: 5rem;
  height: 4.375rem;
  margin-left: -0.625rem;
  background: #E63214;
  z-index: -1;
}
.gutex-hero-button {
  margin-top: 3.125rem;
}
.hero-button {
  padding: 1rem 1.875rem;
  margin-top: 3.125rem;
  color: white;
  font-size: 0.75rem;
  letter-spacing: 0.8px;
  line-height: 1.125rem;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 2px #fff;
}
.hero-button:hover {
  color: white;
}
/*MAIN FONT*/
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""), url("../Fonts/Lato/lato-v17-latin-300.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("../Fonts/Lato/lato-v17-latin-regular.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("../Fonts/Lato/lato-v17-latin-700.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local(""), url("../Fonts/Lato/lato-v17-latin-900.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin-900.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ICONS FONT */
@font-face {
  font-family: "gutex-icons";
  src: url("../Fonts/gutex-icons/gutex-icons.ttf?jaqgov") format("truetype"), url("../Fonts/gutex-icons/gutex-icons.woff?jaqgov") format("woff"), url("../Fonts/gutex-icons/gutex-icons.svg?jaqgov#gutex-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.modal-dialog-centered {
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.modal-dialog-centered .modal-content {
  height: auto;
  width: auto;
  border-radius: 0;
  background: none;
  border: 0;
  margin: 0 auto;
  position: initial;
}
.modal-dialog-centered .modal-content .img-responsive.modal-body {
  padding: 0;
}
.modal-dialog-centered .modal-content button.close {
  position: absolute;
  top: 0.9375rem;
  right: 1.875rem;
  z-index: 999;
}
.modal-dialog-centered .modal-content button.close span {
  color: #ffffff;
  font-size: 3.125rem;
  font-weight: 100;
}
.modal-dialog.modal-dialog-centered {
  width: auto;
}
.modal-btn {
  border: none;
  padding: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 100% !important;
  }
}
.info-box {
  margin: 0 auto;
  background: #ffffff;
  padding: 2.8125rem;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
  font-family: "Lato", sans-serif;
  font-weight: 300;
}
.info-box p {
  margin-bottom: 0;
}
.info-box h4 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: 0.01875rem;
  line-height: 1.875rem;
  margin-top: 0.525rem;
}
@media (max-width: 768px) {
  .info-box h4 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0.016875rem;
  }
}
.info-box .info-text {
  margin-top: 0.625rem;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.info-box .icon-information {
  color: #E63214;
  font-size: 2.375rem;
  margin: -0.25rem;
}
.info-box ul {
  padding-inline-start: 1rem;
  list-style-type: square;
}
.info-box ul li {
  word-break: break-word;
}
@media (max-width: 768px) {
  .info-box {
    padding: 1.875rem 3.125rem 1.875rem 1.875rem;
  }
}
@media (max-width: 576px) {
  .info-box {
    padding: 1.25rem;
  }
}
.image-box .info-image button.btn.btn-primary {
  border: none;
  position: absolute;
  bottom: 0;
  background: #313544;
  padding: 0.4375rem;
  line-height: 1;
  border-radius: 0 !important;
}
.image-box .info-image button.btn.btn-primary.focus {
  box-shadow: none;
}
.image-box .info-image button.btn.btn-primary:focus {
  box-shadow: none;
}
.image-box .info-image button.btn.btn-primary .icon-plus {
  font-size: 1.5625rem;
  padding: 0;
}
/*table+info*/
.info-table .table-info thead th {
  font-family: "Lato", sans-serif;
  border: none;
  padding: 2.8125rem 0 0.3125rem 0;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.info-table .table-info thead th:first-of-type {
  padding: 0.8125rem 0 0.3125rem 2.8125rem !important;
}
.info-table .table-info thead th:last-of-type {
  padding: 0.8125rem 2.8125rem 0.3125rem 0 !important;
}
.info-table .table-info thead th:after {
  border-bottom: 0.0625rem solid #dedcd9;
  content: "";
  display: block;
  position: relative;
  width: 90%;
  top: 0.3125rem;
}
.info-table .table-info td {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  border: none !important;
  padding: 0.8125rem 0;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.info-table .table-info td:first-of-type {
  padding: 0.8125rem 0 0.3125rem 2.8125rem !important;
  font-family: "Lato", sans-serif;
}
.info-table .table-info td:first-of-type:after {
  width: calc(100% - 4.375rem);
}
.info-table .table-info td:nth-of-type(2):after {
  width: calc(100% - 1.5625rem);
}
.info-table .table-info td:last-of-type {
  padding: 0.8125rem 2.8125rem 0.3125rem 0 !important;
}
.info-table .table-info td:last-of-type:after {
  width: 100%;
}
.info-table .table-info td:after {
  border-bottom: 0.0625rem solid #dedcd9;
  content: "";
  display: block;
  position: relative;
  width: 90%;
  top: 0.9375rem;
}
.info-table .table-info .link td {
  padding: 0.8125rem 2.8125rem 1.875rem !important;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 0.75rem !important;
  letter-spacing: 0;
  line-height: 1.25rem !important;
  color: #63524E;
}
.info-table .table-info .link td:after {
  border: none;
}
.info-table .table-dark.table-info {
  background-color: #313544;
  margin: 0 auto;
}
.info-table .table-dark.table-info thead th {
  font-family: "Lato", sans-serif;
  border: none;
  padding: 2.8125rem 0 0.3125rem 0;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.info-table .table-dark.table-info .link td {
  color: #ffffff;
}
.info-table .table-gray.table-info {
  background-color: #F3F3F3;
  color: #63524E;
  margin: 0 auto;
}
.info-table .table-gray.table-info thead th:after {
  border-bottom: 0.0625rem solid #63524E;
  content: "";
}
.info-table .table-white.table-info {
  background-color: #ffffff;
  color: #63524E;
  margin: 0 auto;
}
.info-table .table-white.table-info thead th:after {
  border-bottom: 0.0625rem solid #63524E;
  content: "";
}
.contenance-gutex-content-infobox {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.contenance-gutex-content-infobox .contenance-gutex-infobox-image {
  min-width: 50%;
  padding: 0;
}
.contenance-gutex-content-infobox .contenance-gutex-infobox-image img {
  max-height: 360px;
  width: 100%;
}
@media (max-width: 576px) {
  .contenance-gutex-content-infobox .contenance-gutex-infobox-image {
    overflow-x: hidden;
  }
}
.contenance-gutex-content-infobox .col-md-6.info-box:only-child {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.contenance-gutex-content-infobox a {
  padding-bottom: 0.125rem;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #e94739, #e94739, #e94739);
  background-size: 100% 0.125em, 0 0.125em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.25s;
}
.contenance-gutex-content-infobox a:hover, .contenance-gutex-content-infobox a:focus {
  background-size: 0 0.125em, 100% 0.125em;
}
.contenance-gutex-content-infobox a[target=_blank]:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.3125rem;
  color: #E63214;
  font-size: 1.125rem;
  vertical-align: text-bottom;
}
@media (max-width: 768px) {
  .contenance-gutex-content-infobox {
    flex-direction: column;
  }
  .contenance-gutex-content-infobox .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.inside-content.dark {
  background: #313544;
  color: #ffffff;
  margin: 5rem auto 0;
  padding: 2.5rem;
}
.inside-content.dark p {
  color: #ffffff;
}
.inside-content.dark h1, .inside-content.dark h2, .inside-content.dark h3, .inside-content.dark h4, .inside-content.dark h5, .inside-content.dark h6 {
  color: #ffffff;
}
.inside-content.white {
  background: #ffffff;
  color: #63524E;
  margin: 5rem auto 0;
  padding: 2.5rem;
}
.inside-content.gray {
  background-color: #F3F3F3;
  color: #63524E;
  margin: 3.75rem auto 0;
  padding: 2.5rem;
}
/*Info box- red box overlay*/
.infobox {
  width: 100%;
  margin: 0;
}
.infobox .infobox-image {
  position: relative;
}
@media (max-width: 576px) {
  .infobox .infobox-image {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }
}
.infobox .infobox-image .media-img {
  width: 540px;
  height: 540px;
  margin: 0;
}
@media (max-width: 768px) {
  .infobox .infobox-image .media-img {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .infobox .infobox-image .media-img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .infobox .infobox-image .media-img:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .infobox .infobox-image .media-img .img-info {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
.infobox .infobox-image .infobox-text {
  position: absolute;
  top: 11.25rem;
  right: 0;
  max-width: 350px;
  padding: 1.875rem;
  background-color: #E63214;
  color: #ffffff;
}
@media (max-width: 768px) {
  .infobox .infobox-image .infobox-text {
    position: relative;
    margin-top: -11.25rem;
    top: auto;
  }
}
@media (max-width: 576px) {
  .infobox .infobox-image .infobox-text {
    max-width: 100%;
    margin-top: 0;
  }
}
.infobox .infobox-image .infobox-text i {
  font-size: 2.375rem;
}
.infobox .infobox-image .infobox-text h4 {
  margin: 0;
  padding-top: 0.75rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: 0.023125rem;
  line-height: 1.875rem;
}
.infobox .infobox-image .infobox-text p {
  color: #ffffff;
}
.infobox .infobox-image .infobox-text ul {
  margin: 0;
  padding-inline-start: 1.125rem;
  list-style: square outside;
}
.infobox .infobox-image .infobox-text ul li {
  padding-left: 1.375rem;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
  margin-bottom: 0.625rem;
}
.infobox .infobox-image .infobox-text ul li::marker {
  font-size: 0.9375rem;
  color: #ffffff;
}
.infobox-fixed {
  max-width: 730px;
  margin: auto;
}
@media (max-width: 768px) {
  .infobox-fixed {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .infobox-fixed {
    overflow-x: hidden;
  }
}
.inside-content img {
  max-height: none !important;
  width: 100%;
  height: auto;
}
.inside-content .contenace-gutex-image {
  margin: -2.5rem;
}
/*Logo wall*/
.owl-img {
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.375rem;
  color: #fff;
  padding: 0.9375rem;
}
.owl-buttons {
  display: flex;
  flex-direction: row;
  float: right;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
  color: #E63214;
}
/*Image gallery*/
.swiper-slide {
  height: auto !important;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
}
.swiper-slide video {
  width: 100%;
}
.media-gallery {
  height: 570px;
  display: block;
  position: relative;
}
.media-gallery .swiper-slide {
  background-size: cover;
  background-position: center;
}
.media-gallery .gallery-top {
  height: 390px;
  width: 100%;
}
.media-gallery .gallery-top .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.media-gallery .gallery-thumbs {
  box-sizing: border-box;
  padding: 0.625rem 0;
  position: unset;
}
.media-gallery .gallery-thumbs .swiper-slide {
  width: 20%;
  height: 85px !important;
  opacity: 1;
}
.media-gallery .gallery-thumbs .swiper-slide-thumb-active {
  border-bottom: 0.25rem solid #E63214;
}
.media-gallery .gallery-thumbs .swiper-button-next, .media-gallery .gallery-thumbs .swiper-button-prev {
  top: auto;
  bottom: 18%;
  color: #63524E;
}
.media-gallery .gallery-thumbs .swiper-button-next {
  right: -2.0625rem;
}
.media-gallery .gallery-thumbs .swiper-button-next:after {
  display: none;
}
.media-gallery .gallery-thumbs .swiper-button-prev {
  left: -2.0625rem;
}
.media-gallery .gallery-thumbs .swiper-button-prev:after {
  display: none;
}
.media-gallery .gallery-thumbs .swiper-slide {
  height: 85px !important;
  width: 85px !important;
}
.media-gallery .gallery-thumbs img {
  height: 100%;
}
@media (max-width: 576px) {
  .modal .modal-content {
    position: relative;
  }
  .modal .modal-content button.close {
    top: 2rem;
    right: 1.875rem;
    opacity: 1;
  }
  .modal .modal-content button.close i:before {
    padding: 0.3125rem;
    font-size: 1.25rem;
    color: #ffffff;
    background-color: #E63214;
  }
}
/* Hotspot */
.responsive-hotspot-wrap {
  position: relative;
}
.responsive-hotspot-wrap .img-responsive {
  max-width: 80%;
  height: auto;
}
.responsive-hotspot-wrap .hot-spot {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0.3125rem;
  left: 0.3125rem;
  text-align: center;
  background-color: #E63214;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}
.responsive-hotspot-wrap .circle {
  display: none;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  right: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: 0 0 0.0625rem 0.0625rem rgba(233, 115, 57, 0.2);
  animation: pulse-animation 2s infinite;
}
.responsive-hotspot-wrap .line.first {
  display: block;
}
.responsive-hotspot-wrap .line {
  display: none;
  content: "";
  position: relative;
  height: 0.125rem;
  background: #E63214;
}
.responsive-hotspot-wrap .tooltipmap {
  border-radius: 0;
  display: none;
  opacity: 1;
  right: 0;
  padding: 1.875rem;
  position: relative;
  text-align: left;
  top: auto;
  z-index: 999;
  width: 255px;
  background-color: #FFFFFF;
  border-bottom: 0.25rem solid #E63214;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.responsive-hotspot-wrap .tooltipmap.first {
  display: block;
}
.responsive-hotspot-wrap .tooltip-title {
  margin: 0;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: 0.01875rem;
  line-height: 1.875rem;
}
.responsive-hotspot-wrap .tooltip-text {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
  margin: 0.4375rem 0 0 0;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="checkbox"] {
  display: none;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="checkbox"] + label {
  display: flex;
  align-items: flex-start;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="checkbox"] + label.level-1::before {
  margin-right: 1.375rem;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="checkbox"] + label.level-2::before {
  margin-right: 0.9375rem;
  align-self: center;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="checkbox"] + label:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 1.25rem;
  width: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 1.875rem;
  padding-left: 0.063rem;
  font-size: 1.0625rem;
  border: 0.125rem solid #DEDCD9;
  border-radius: 0.25rem;
  color: white;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="checkbox"] + label:hover::before {
  border-color: #63524E;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="checkbox"]:checked + label::before {
  background: #E63214;
  border-color: #E63214;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="radio"] {
  display: none;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="radio"] + label {
  display: flex;
  align-items: flex-start;
  color: #C7BCBA;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="radio"] + label::before {
  content: "";
  background: #DEDCD9;
  border-radius: 0.25rem;
  height: 1.125rem;
  width: 1.7rem;
  transition: all 0.25s ease;
  display: block;
  flex-shrink: 0;
  margin-right: 0.9375rem;
  margin-top: 0.25rem;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="radio"] + label::after {
  content: "";
  background: white;
  border-radius: 0.1872rem;
  height: 0.875rem;
  width: 0.625rem;
  position: absolute;
  top: 0.25rem;
  left: 0;
  margin: 0.125rem;
  transition: all 0.25s ease;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="radio"]:checked + label {
  color: #63524E;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="radio"]:checked + label::before {
  background: #E63214;
}
.filter-section input:not(.product-detail-configurator-option-input)[type="radio"]:checked + label::after {
  left: 0.75rem;
}
.filter-section input:not(.product-detail-configurator-option-input).toggler:checked ~ .sub-group {
  max-height: 100vh;
}
.filter-section .sub-group {
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s ease;
}
.filter-section .toggle-group {
  padding-top: 1.875rem;
  border-bottom: 0.0625rem solid #DEDCD9;
}
@media (max-width: 992px) {
  .filter-section .toggle-group {
    padding-top: 1.0625rem;
  }
}
.filter-section .toggle-group .level-1 {
  margin-bottom: 1.875rem;
}
@media (max-width: 992px) {
  .filter-section .toggle-group .level-1 {
    margin-bottom: 1.0625rem;
  }
}
.filter-section label {
  font-family: "Lato", sans-serif;
  color: #63524E;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;
  margin: 0;
}
.filter-section label.level-1 {
  color: #63524E !important;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.01875rem;
}
.filter-section label.level-2 {
  margin-left: 1.875rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.013rem;
}
input.toggler + .filter-section label {
  margin: 0.9375rem 0;
}
.filter-section .group-headline {
  font-size: 1.125rem;
  font-weight: 600;
}
.filter-section .radio_container span, .filter-section .checkbox_container span {
  width: 100%;
  padding: 0.9375rem 0;
  display: flex;
  position: relative;
  word-break: break-word;
}
@media (max-width: 992px) {
  .filter-section .radio_container span, .filter-section .checkbox_container span {
    padding: 0.9375rem 0;
  }
}
.filter-section .radio_container span:after, .filter-section .checkbox_container span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 1.875rem);
  border-bottom: 0.0625rem solid #dedcd9;
}
.filter-section .radio_container span:last-of-type, .filter-section .checkbox_container span:last-of-type {
  padding: 0.9375rem 0 1.875rem;
}
.filter-section .radio_container span:last-of-type:after, .filter-section .checkbox_container span:last-of-type:after {
  display: none;
}
@media (max-width: 992px) {
  .filter-section .radio_container span:last-of-type, .filter-section .checkbox_container span:last-of-type {
    padding: 0.9375rem 0;
  }
}
.filter-section .filer-category .filter-list h4 {
  border-top: 0.0625rem solid #f3f3f3;
}
@media (max-width: 992px) {
  .filter-section {
    margin-bottom: 1.875rem;
  }
}
.current-results {
  padding-bottom: 1.0625rem;
  text-align: end;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0.009375rem;
}
.current-results span {
  padding-left: 0.3125rem;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 2.0625rem;
  letter-spacing: 0.01875rem;
}
.current-results span:first-of-type {
  padding-left: 0.9375rem;
  font-size: 1.5rem;
}
.currentRes {
  font-family: "Lato", sans-serif;
  font-size: 1.625rem;
  line-height: 2.0625rem;
  letter-spacing: 0.01875rem;
}
.checkbox_container.filter-group {
  border-bottom: 0.3125rem solid #E63214;
}
.flowpack-searchplugin-search .breadcrumb {
  padding: 0 !important;
}
.filter {
  margin-bottom: 3.75rem;
}
.filter .filter-show-button {
  position: relative;
  border-bottom: 0.0625rem solid #F3F3F3;
}
@media (max-width: 992px) {
  .filter .filter-show-button:after {
    right: 0;
    position: absolute;
    font-family: "gutex-icons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 0.75rem;
  }
  .filter .filter-show-button.closed:after {
    content: "";
  }
  .filter .filter-show-button.closed + .filter-elements {
    display: none;
  }
}
.filter h4 {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-bottom: 1.875rem;
  margin-bottom: 0;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.01875rem;
  word-break: break-word;
}
@media (min-width: 992px) {
  .filter h4 {
    pointer-events: none;
  }
}
.filter h4 i {
  font-size: 1.5rem;
  padding-right: 0.9375rem;
}
.filter .filer-category h4 {
  padding-top: 1.5625rem;
  padding-bottom: 0.9375rem !important;
}
@media (max-width: 992px) {
  .filter .filer-category h4 {
    padding-bottom: 0.625rem;
  }
}
.filter .category-filter .collapse .categ-check {
  padding-left: 3.125rem;
}
.filter .category-filter .collapse .categ-check .custom-checkbox {
  padding-bottom: 1rem;
  text-align: center;
  border-bottom: 0.0625rem solid #DEDCD9;
  padding-left: 0;
}
.filter .category-filter .collapse .categ-check .custom-checkbox label {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
}
.filter .product .product-tiles-image {
  width: 100%;
  height: 360px;
  margin: 0;
}
.filter .filter-reset {
  display: none;
  align-items: center;
  padding: 1.875rem 0 0;
  width: 100%;
  background: none;
  border: none;
  text-align: left;
}
.filter .filter-reset i {
  margin-right: 0.3125rem;
  color: #C7BCBA;
  font-size: 1.5rem;
}
.filter .filter-reset span {
  color: #C7BCBA;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
}
.filter .filter-reset:active {
  outline: none;
}
.filter .search-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 76px;
  margin: 0;
  padding: 0 1.875rem;
  background-color: #F3F3F3;
}
@media (max-width: 992px) {
  .filter .search-bar {
    height: 60px;
    padding: 0 0.9375rem;
  }
}
@media (max-width: 576px) {
  .filter .search-bar {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
}
.filter .search-bar > div {
  display: flex;
  width: 50%;
}
@media (max-width: 992px) {
  .filter .search-bar > div {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .filter .search-bar > div {
    width: 100%;
  }
}
.filter .search-bar i {
  margin: auto 0;
  color: #63524E;
  font-size: 1.375rem;
  vertical-align: sub;
}
.filter .search-bar .quicksearch {
  padding: 1.4375rem 0 1.4375rem 0.9375rem;
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: 0.01875rem;
  color: #63524E;
  border: none;
  background-color: transparent;
  width: 100%;
}
@media (max-width: 992px) {
  .filter .search-bar .quicksearch {
    padding: 1rem 0 1rem 0.9375rem;
    line-height: 1.75rem;
    letter-spacing: 0.016875rem;
  }
}
@media (max-width: 576px) {
  .filter .search-bar .quicksearch {
    padding: 0.625rem 0 0.625rem 0.625rem;
    font-size: 1rem;
  }
  .filter .search-bar .quicksearch::placeholder {
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.filter .search-bar .quicksearch:focus {
  outline: none;
}
.filter .search-bar .quicksearch::placeholder {
  color: #C7BCBA;
  opacity: 1;
}
.filter .search-bar .quicksearch:-ms-input-placeholder {
  color: #C7BCBA;
}
.filter .search-bar .quicksearch::-ms-input-placeholder {
  color: #C7BCBA;
}
.filter .search-bar .current-results {
  display: flex;
  padding: 0;
  align-items: baseline;
}
@media (max-width: 576px) {
  .filter .search-bar .current-results {
    align-items: baseline;
    margin-left: auto;
    padding: 0.9375rem 0 0;
  }
}
.filter .search-bar + .blog_grid.product {
  margin-top: 3.75rem;
}
.filter .show-all {
  float: right;
  padding: 1.875rem 0;
  position: relative;
  width: 100%;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
}
.filter .show-all .button-all {
  background: none;
  border: none;
  float: right;
}
.filter .sort-container .sort-date {
  float: right;
  margin-bottom: 0;
  padding: 1.875rem 0;
  position: relative;
  width: 100%;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
}
.filter .sort-container .sort-date .sort-date-select {
  max-width: 220px;
  float: right;
  border: none;
  border-bottom: 0.0625rem solid #DEDCD9;
  color: #63524E;
  padding-right: 1.875rem;
  right: 0.9375rem;
}
@media (max-width: 576px) {
  .filter .sort-container .sort-date .sort-date-select {
    right: 0;
  }
}
.filter .sort-container .sort-date .sort-date-select button:focus {
  outline: none !important;
}
.filter .sort-container .sort-date .sort-date-select .dropdown-menu {
  right: -0.9375rem;
}
.filter .sort-container .sort-date .sort-date-select .dropdown-menu.show {
  margin: 0 !important;
  left: auto !important;
}
.filter .sort-container .sort-date .dropdown.bootstrap-select .dropdown-toggle.btn-light {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
  height: calc(1.7em + 1rem + 2px);
  padding: 0.625rem;
  background: none;
  border: none !important;
  outline: none !important;
}
.filter .sort-container .sort-date .dropdown.bootstrap-select .dropdown-toggle.btn-light:focus {
  outline: none !important;
}
.filter .sort-container + .blog_grid.product {
  margin-top: 1.875rem;
}
@media (max-width: 576px) {
  .filter .sort-container {
    display: flex;
    padding-top: 1.875rem;
  }
}
.filter .contenance-gutex-content-latestarticles .loadMore {
  margin: 1.875rem auto;
}
.filter .contenance-gutex-content-latestarticles .loadMore button {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  width: fit-content;
  width: -moz-fit-content;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  padding: 1.0625rem 1.875rem;
  box-shadow: inset 0 0 0 0.125rem #E63214;
  position: relative;
  background: transparent;
  border: none;
}
.filter .contenance-gutex-content-latestarticles .loadMore button:before {
  content: "";
}
.filter .contenance-gutex-content-latestarticles .loadMore button:hover {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.9rem 1rem;
  background-color: #E63214;
  color: white;
  transition: background-color 0.5s ease-in-out;
}
.filter .contenance-gutex-content-latestarticles .loadMore button:hover:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 1.25rem;
  margin-right: 0.4125rem;
}
@media (max-width: 992px) {
  .latest-article-grid-container .filter .col-sm-12.filter-section {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .latest-article-grid-container .filter .col-sm-12.offset-md-1 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
  }
}
.latest-article-grid-container .filter .blog_grid.product[data-usedfor="career"] {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 576px) {
  .latest-article-grid-container .filter .blog_grid.product {
    margin: 0;
  }
}
@media (max-width: 576px) {
  .latest-article-grid-container .filter .blog_grid.product .blog_grid__item {
    padding-left: 0;
    padding-right: 0;
  }
}
.latest-article-grid-container .filter .blog_grid.product .blog_grid__item.job-item {
  height: auto !important;
  margin-bottom: 1.875rem;
}
.latest-article-grid-container .filter .blog_grid.product .blog_grid__item.job-item h4.filter-job-header {
  padding-bottom: 0.9375rem;
  font-size: 1.375rem;
  line-height: 1.625rem;
  letter-spacing: 0.023125rem;
}
@media (max-width: 576px) {
  .latest-article-grid-container .filter .blog_grid.product .blog_grid__item.job-item h4.filter-job-header {
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0.016875rem;
  }
}
.latest-article-grid-container .filter .loading-wrap {
  display: none !important;
}
.products {
  display: flex;
  flex-direction: row;
  padding-bottom: 1.875rem;
}
.products .prodBlock {
  width: 50%;
}
.products .prodBlock:first-of-type {
  padding-right: 1.875rem;
}
.product .product-tiles-image {
  max-height: 360px;
}
.product-tiles {
  margin-bottom: 1.875rem;
}
.hidden {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.product .product-tiles-content {
  background: white;
  padding: 1.875rem;
  box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
  word-break: break-word;
}
.sort-container {
  display: flex;
}
.sort-container.training {
  display: none;
}
.gutex-teaser-content::before {
  content: " ";
  position: absolute;
  top: 0;
  left: -1.875rem;
  width: 1.875rem;
  height: calc(100% - 3.75rem);
  background: #E63214;
  mix-blend-mode: multiply;
}
/* News filter */
.grid-news .news-item {
  margin-bottom: 1.875rem;
}
.grid-news .news-item.hidden {
  display: none !important;
}
.grid-news .news-item .gutex-teaser-content {
  display: flex;
  padding: 1.875rem;
  text-align: left;
}
.grid-news .news-item .gutex-teaser-content .article-category {
  margin-top: 0;
}
.grid-news .news-item .gutex-teaser-content .filter-box-date {
  top: -1.875rem;
  margin: 0;
}
.grid-news .news-item .gutex-teaser-content > * {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 768px) {
  .grid-news .news-item .gutex-teaser-content {
    max-width: 100%;
    width: calc(100% - 1.875rem);
    margin-left: 1.875rem;
  }
}
@media (max-width: 576px) {
  .grid-news .news-item .gutex-teaser-content {
    max-width: 100%;
    width: calc(100% - 0.938rem);
    height: 100% !important;
    margin-left: 0.9375rem;
  }
  .grid-news .news-item .gutex-teaser-content:before {
    left: -0.9375rem;
    width: 0.938rem;
  }
}
/* Referenzen */
.latest-article-grid-container.useCustomLayout .blog_grid__item {
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 3.75rem;
}
@media (max-width: 768px) {
  .latest-article-grid-container.useCustomLayout .blog_grid__item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    left: 0 !important;
  }
}
@media (min-width: 576px) {
  .latest-article-grid-container.useCustomLayout .blog_grid__item:nth-of-type(3n+0) {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .latest-article-grid-container.useCustomLayout .blog_grid__item:nth-of-type(3n+0) .reference-tiles-image {
    height: 390px;
    width: calc(100% - 4.0625rem);
    margin-left: 4.0625rem;
  }
  .latest-article-grid-container.useCustomLayout .blog_grid__item:nth-of-type(3n+0) .product-tiles-content {
    height: auto !important;
    min-height: 200px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: calc(50% - 0.9375rem);
    margin-top: -7.1875rem;
  }
  .latest-article-grid-container.useCustomLayout .blog_grid__item:nth-of-type(3n+0) .product-tiles-content:before {
    top: -7.813rem;
    left: 0;
    right: auto;
    width: 7.813rem;
    height: 7.813rem;
  }
}
@media (max-width: 576px) {
  .latest-article-grid-container.useCustomLayout .blog_grid__item {
    margin-bottom: 1.875rem;
  }
  .latest-article-grid-container.useCustomLayout .blog_grid__item .reference-tiles-image {
    height: 210px;
    width: calc(100% - 1.875rem);
    margin-left: 1.875rem;
  }
  .latest-article-grid-container.useCustomLayout .blog_grid__item .product-tiles-content {
    height: auto !important;
    min-height: auto;
  }
  .latest-article-grid-container.useCustomLayout .blog_grid__item .product-tiles-content:before {
    top: -5.9375rem;
    left: 0;
    right: auto;
    width: 5.938rem;
    height: 5.938rem;
  }
}
.latest-article-grid-container.useCustomLayout .blog_grid__item.third-elements {
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.latest-article-grid-container .blog_grid__item {
  margin-bottom: 1.875rem;
}
.latest-article-grid-container .blog_grid__item .gutex-teaser-content .secondary-button span {
  display: inline-flex !important;
  margin: 0.9375rem 1.875rem 1.875rem;
}
@media (max-width: 992px) {
  .latest-article-grid-container .blog_grid__item .gutex-teaser-content {
    max-width: 100%;
  }
}
.latest-article-grid-container .blog_grid__item > a {
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
}
.latest-article-grid-container .blog_grid__item > a .gutex-teaser {
  height: 100%;
  position: relative;
  display: block;
}
.latest-article-grid-container .blog_grid__item > a .gutex-teaser > div {
  position: relative;
  display: flex;
  min-height: calc(100% - 260px);
}
.blog_grid + .loadMore .loadmore-button {
  margin-top: 0;
}
.blog_grid__item.training {
  margin-bottom: 1.875rem;
}
@media (max-width: 576px) {
  .blog_grid__item.training {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .blog_grid__item.training .gutex-teaser figure {
    min-height: 250px;
  }
}
@media (max-width: 576px) {
  .blog_grid__item.training .gutex-teaser figure {
    min-height: 210px;
  }
}
@media (max-width: 768px) {
  .blog_grid__item.training .gutex-teaser figure img {
    height: 250px;
  }
}
@media (max-width: 576px) {
  .blog_grid__item.training .gutex-teaser figure img {
    height: 210px;
  }
}
.blog_grid__item.training .gutex-teaser .gutex-teaser-content .secondary-button a:not(:only-child):first-of-type {
  display: none !important;
}
@media (max-width: 768px) {
  .blog_grid__item.training .gutex-teaser .gutex-teaser-content {
    margin-left: 0.938rem;
    margin-bottom: -5.625rem;
    top: -5.625rem;
    width: calc(100% - 0.9375rem);
    min-height: calc(100% - 10rem);
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .blog_grid__item.training .gutex-teaser .gutex-teaser-content {
    margin-bottom: -3.75rem;
    top: -3.75rem;
    height: auto !important;
  }
}
@media (max-width: 768px) {
  .blog_grid__item.training .gutex-teaser .gutex-teaser-content::before {
    left: -0.9375rem;
    width: 0.938rem;
  }
}
@media (max-width: 576px) {
  .blog_grid__item.training .gutex-teaser {
    margin-bottom: 0;
  }
}
.referenzen-item .reference-tiles-image {
  height: 275px;
  width: 100%;
  object-fit: cover;
}
.referenzen-item .product-tiles-content {
  position: relative;
  display: flex;
  flex-direction: column;
}
.referenzen-item .product-tiles-content:before {
  content: " ";
  position: absolute;
  top: -5.625rem;
  right: 0;
  width: 5.625rem;
  height: 5.625rem;
  background: #E63214;
  mix-blend-mode: multiply;
}
.referenzen-item .headline-simple {
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0.023125rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #63524E;
}
@media (max-width: 768px) {
  .referenzen-item .headline-simple {
    font-size: 1.375rem;
    line-height: 1.688rem;
    letter-spacing: 0.02625rem;
  }
}
.referenzen-item .filter-box-desc {
  margin-bottom: 0.4375rem;
}
.referenzen-item .product-tiles-content {
  min-height: calc(100% - 275px);
}
.referenzen-item .secondary-button {
  margin-top: auto;
}
.referenzen-item .secondary-button a {
  padding: 0.5rem 1.875rem 1.875rem 1.875rem;
  display: block !important;
  width: 100% !important;
  border: none !important;
  line-height: 1.4rem !important;
}
.referenzen-item .secondary-button a:before {
  display: none !important;
}
.filter-button {
  width: fit-content;
  margin-top: auto;
  padding-top: 0.9375rem;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  color: #E63214;
  font-size: 0.75rem !important;
  line-height: 0.9375rem !important;
  letter-spacing: 0.094rem !important;
  display: inline;
  word-break: break-word;
  border-bottom: 0.125rem solid #E63214;
  text-transform: uppercase;
}
.filter-button:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 0;
  color: #E63214;
  font-size: 1rem;
  opacity: 0;
  transition: all 0.25s ease;
  transform: translateX(-1.875rem);
}
.filter-button:hover {
  transition: all 0.5s ease-in-out;
}
.filter-button:hover::before {
  width: 0.75rem;
  margin-right: 0.625rem;
  opacity: 1;
  transform: translateX(0);
}
p.filter-box-date {
  position: absolute;
  top: -1.875rem;
  right: 0;
  height: 1.875rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.875rem;
  letter-spacing: 0.075rem;
  color: white;
  text-transform: uppercase;
  background: #313544;
  padding: 0 0.625rem;
}
.filter.custom .filter-second-col .news-item:nth-last-child(3n + 3) {
  flex: 0 70% !important;
  max-width: 70% !important;
  margin-left: 15%;
}
.filter.custom .filter-second-col .news-item:nth-last-child(3n + 3) .gutex-teaser-content {
  height: auto !important;
}
@media (max-width: 576px) {
  .filter.custom .filter-second-col .news-item:nth-last-child(3n + 3) {
    flex: 0 100% !important;
    max-width: 100% !important;
    margin-left: 0;
  }
}
button.loadmore-button {
  margin-top: 1.25rem;
}
[data-colnr=col-md-12] {
  flex: 0 0 100%;
  max-width: 100%;
}
[data-colnr=col-md-6] .referenzen-item:nth-of-type(3n+0) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
[data-colnr=col-md-4] .referenzen-item:nth-of-type(4n+0) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
#placeholder {
  text-align: center;
  padding-bottom: 0.9375rem;
}
@media (min-width: 576px) and (max-width: 576px) {
  .blog_grid .blog_grid__item:nth-of-type(odd) {
    padding-right: 0.9375rem !important;
  }
}
.mod_jumptonav {
  /*position: absolute;
    z-index: 9;
    margin-top: 5vh;*/
}
@media (max-width: 768.01px) {
  .mod_jumptonav {
    display: none;
    margin-left: 0 !important;
  }
}
@media (max-width: 768.01px) {
  .mod_jumptonav.navigation {
    bottom: 3.25rem;
    background: #ffffff;
    z-index: 2;
    width: 100%;
    left: 0;
    max-height: 80%;
    overflow-y: scroll;
  }
  .mod_jumptonav.navigation.fixed {
    top: auto !important;
    display: none;
  }
  .mod_jumptonav.navigation_jumpto.fixed-list {
    position: fixed;
  }
  .mod_jumptonav.navigation nav {
    padding: 1.875rem 0.9375rem;
  }
}
.mod_jumptonav span {
  padding: 0.125rem 0.3125rem;
  margin-left: 0.625rem;
  color: white;
  background: #E63214;
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.mod_jumptonav nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768.01px) {
  .mod_jumptonav nav ul {
    margin-bottom: 0;
  }
}
.mod_jumptonav nav ul li {
  height: 30px;
  position: relative;
  padding-left: 0;
}
@media (max-width: 768.01px) {
  .mod_jumptonav nav ul li:before {
    height: 1.25rem;
    width: 1.25rem;
    top: 0.3125rem;
    background-color: transparent;
    border: none;
    border-radius: 0;
  }
}
.mod_jumptonav nav ul li a {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .mod_jumptonav nav ul li a {
    color: #E63214;
    background: #ffffff00;
    transform: translate(1.25rem, 0px);
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1.625rem;
  }
}
.mod_jumptonav nav ul li a:before {
  content: "";
  display: flex;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: border-box;
  border: 0.125rem solid #E63214;
  flex-shrink: 0;
}
.mod_jumptonav.fixed, .mod_jumptonav.jump-fixed {
  /*position: fixed;
        left: auto;
        top: 32vh !important;*/
}
@media (max-width: 768.01px) {
  .mod_jumptonav.fixed, .mod_jumptonav.jump-fixed {
    position: fixed;
  }
}
.mod_jumptonav.fixed nav ul li, .mod_jumptonav.jump-fixed nav ul li {
  width: 0.625rem;
  overflow: hidden;
  transition: width 0.2s ease-in-out;
}
@media (max-width: 768.01px) {
  .mod_jumptonav.fixed nav ul li, .mod_jumptonav.jump-fixed nav ul li {
    transform: rotate(0deg);
  }
}
.mod_jumptonav.fixed nav ul li:hover, .mod_jumptonav.jump-fixed nav ul li:hover {
  width: 100%;
  overflow: visible;
  transition: width 0.2s ease-in-out;
}
.mod_jumptonav.fixed nav ul li.current, .mod_jumptonav.jump-fixed nav ul li.current {
  width: 100%;
  transition: width 0.2s ease-in-out;
}
@media (max-width: 768.01px) {
  .mod_jumptonav.fixed nav ul li.current:before, .mod_jumptonav.jump-fixed nav ul li.current:before {
    background-color: transparent;
    border: none;
    border-radius: 0;
  }
}
.mod_jumptonav.fixed nav ul li.current a, .mod_jumptonav.jump-fixed nav ul li.current a {
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
  visibility: visible;
}
@media (max-width: 768.01px) {
  .mod_jumptonav.fixed nav ul li.current a, .mod_jumptonav.jump-fixed nav ul li.current a {
    color: #E63214;
    background: #ffffff00;
    transform: translate(1.25rem, 0px);
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1.625rem;
  }
  .mod_jumptonav.fixed nav ul li.current a span, .mod_jumptonav.jump-fixed nav ul li.current a span {
    background-color: transparent !important;
    color: #E63214 !important;
  }
}
.mod_jumptonav.fixed nav ul li.current a:before, .mod_jumptonav.jump-fixed nav ul li.current a:before {
  background-color: #E63214;
}
.mod_jumptonav.fixed nav ul li.current a:before a, .mod_jumptonav.jump-fixed nav ul li.current a:before a {
  color: #ff0000;
}
@media (max-width: 1380px) {
  .mod_jumptonav.fixed nav ul li.current a, .mod_jumptonav.jump-fixed nav ul li.current a {
    transform: rotate(270deg) !important;
    position: absolute;
    bottom: -0.9375rem;
    left: 0;
  }
}
.mod_jumptonav.fixed nav ul li a, .mod_jumptonav.jump-fixed nav ul li a {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
  height: 30px;
}
@media (max-width: 768.01px) {
  .mod_jumptonav.fixed nav ul li a, .mod_jumptonav.jump-fixed nav ul li a {
    transform: translate(1.25rem, 0px);
    visibility: visible;
    color: #E63214;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625rem;
    background-color: #ffffff00;
    height: 30px;
  }
  .mod_jumptonav.fixed nav ul li a:before, .mod_jumptonav.jump-fixed nav ul li a:before {
    border: none;
  }
}
.mod_jumptonav.fixed nav ul li a span, .mod_jumptonav.jump-fixed nav ul li a span {
  background-color: #E63214;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 992px) {
  .mod_jumptonav.jump-fixed {
    margin-left: -2.8125rem !important;
  }
}
hr.jumptonav__item {
  height: 0.0625rem;
  background: transparent;
  border-color: transparent;
  margin-bottom: 0;
  margin-top: -4.75rem;
  padding-top: 4.75rem;
}
@media (max-width: 768px) {
  hr.jumptonav__item {
    margin-top: -3.75rem;
    padding-top: 3.75rem;
  }
}
@media (max-width: 576px) {
  hr.jumptonav__item {
    margin-top: -3.125rem;
    padding-top: 3.125rem;
  }
}
.nav-container {
  position: sticky;
  top: 32%;
  z-index: 9;
  height: 0;
}
@media (max-width: 992px) {
  .nav-container {
    margin-left: 0;
  }
}
.nav-container.nav-container-icons {
  position: sticky;
  top: 32%;
  z-index: 9;
  height: 0;
}
.nav-container.nav-container-icons.clone-nav {
  display: none;
  position: absolute !important;
  left: 0.3rem;
}
@media (max-width: 576px) {
  .nav-container.nav-container-icons.clone-nav {
    display: none;
  }
}
.nav-container.nav-container-icons .icon-jump-nav:hover img {
  opacity: 1;
}
.nav-container-icons.clone-nav ul li:hover img {
  filter: none;
}
.nav-container-icons.clone-nav ul li img {
  filter: brightness(600%);
}
.section-header-anim {
  overflow: hidden;
}
@media (max-width: 768.01px) {
  .toggle-fixed-mob {
    background: white;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.75rem 0.9375rem;
    border-top: 0.0625rem solid #F3F3F3;
    border-bottom: 0.0625rem solid #F3F3F3;
    z-index: 2;
    display: none;
    position: fixed;
  }
  .toggle-fixed-mob.show {
    display: block;
  }
  .toggle-fixed-mob.fixed-nav {
    position: fixed;
    display: block;
  }
  .toggle-fixed-mob .btn-toggle-nav {
    display: block;
    color: #E63214;
    font-family: "Lato", sans-serif !important;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.625rem;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  .toggle-fixed-mob .btn-toggle-nav.icon-open-x::after {
    content: attr(data-close);
  }
  .toggle-fixed-mob .btn-toggle-nav.icon-close-x::after {
    content: attr(data-open);
  }
}
#portamento_container {
  width: auto !important;
  position: absolute;
}
@media (max-width: 768.01px) {
  #portamento_container {
    display: none;
  }
}
.icon-close-x {
  vertical-align: middle;
}
.icon-close-x:before {
  content: "";
  position: relative;
  top: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin-right: 0.625rem;
  background: url(../Images/menu_red.svg) no-repeat center;
  background-size: contain;
}
.icon-open-x {
  vertical-align: middle;
}
.icon-open-x:before {
  content: "";
  position: relative;
  top: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin-right: 0.625rem;
  background: url(../Images/close_red.svg) no-repeat center;
  background-size: contain;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.is-mac .nav-container.nav-container-icons.clone-nav {
  left: 0.3125rem;
}
.contenance-gutex-content-jumpnavitem .container {
  max-width: 100% !important;
  padding: 0;
}
.parallax-nav .toggle-fixed-mobile {
  display: none;
  width: 100%;
  padding: 0.75rem 0.9375rem;
  border-top: 0.0625rem solid #F3F3F3;
  border-bottom: 0.0625rem solid #F3F3F3;
}
.parallax-nav .toggle-fixed-mobile .btn-toggle-nav {
  display: block;
  color: #E63214;
  font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 2;
}
.parallax-nav .toggle-fixed-mobile .btn-toggle-nav.icon-close-x::after {
  content: attr(data-close);
}
.parallax-nav .toggle-fixed-mobile .btn-toggle-nav.icon-open-x::after {
  content: attr(data-open);
}
@media (max-width: 768.01px) {
  .parallax-nav .clone-nav {
    display: none;
  }
  .parallax-nav .toggle-fixed-mobile {
    display: block;
  }
  .parallax-nav .nav-container.nav-container-icons {
    top: auto !important;
    bottom: 0;
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: fit-content;
    background: #ffffff;
    left: 0;
  }
  .parallax-nav .nav-container.nav-container-icons nav {
    padding: 2.8125rem 1.875rem 1.875rem;
  }
  .parallax-nav .nav-container.nav-container-icons nav.mobile-nav {
    display: none;
  }
  .parallax-nav .nav-container.nav-container-icons nav ul {
    margin-bottom: 0;
  }
  .parallax-nav .nav-container.nav-container-icons nav ul li {
    margin-bottom: 0.9375rem;
  }
  .parallax-nav .nav-container.nav-container-icons nav ul li:last-of-type {
    margin-bottom: 0;
  }
  .parallax-nav .nav-container.nav-container-icons nav ul li img {
    opacity: 1;
  }
  .parallax-nav .nav-container.nav-container-icons nav ul li div {
    color: #E63214;
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: normal;
  }
}
/* Animation */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 8px rgba(233, 115, 57, 0.2);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(233, 115, 57, 0.2);
  }
}
.map-pin.small-box {
  position: relative;
  float: right;
  max-width: 350px;
  width: calc(100% - 5.9375rem);
  margin-top: -4.0625rem;
  background: #ffffff;
  box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
}
.map-pin.small-box:before {
  content: " ";
  width: 5.9375rem;
  height: 5.9375rem;
  background: #E63214;
  mix-blend-mode: multiply;
  position: absolute;
  right: auto;
  left: -5.9375rem;
  top: 0;
}
@media (max-width: 768px) {
  .map-pin.small-box:before {
    width: 3.875rem;
    height: 3.875rem;
    right: auto;
    left: -3.875rem;
  }
}
@media (max-width: 768px) {
  .map-pin.small-box {
    width: calc(100% - 3.875rem);
    margin-top: -1.9375rem;
  }
}
.map-pin.small-box:not(:first-child) {
  display: none;
}
div#pin-contents {
  position: absolute;
  right: 0;
  top: 37.1875rem;
  width: 45%;
  background: #ffffff;
  z-index: 9999;
}
.gutex-map {
  position: relative;
}
.title-box {
  padding: 1.875rem !important;
}
.title-box h3 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.625rem;
  letter-spacing: 0.023125rem;
  word-break: break-word;
}
@media (max-width: 768px) {
  .title-box h3 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media (max-width: 768px) {
  .title-box {
    padding: 1.25rem !important;
  }
}
.pin-companyname, .pin-address {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  line-height: 1.525rem;
}
.pin-address {
  display: flex;
  flex-direction: row;
  margin-top: -0.625rem;
}
@media (max-width: 768px) {
  .pin-address {
    flex-wrap: wrap;
  }
}
.pin-address div {
  display: contents;
}
.map-botton-row {
  display: block;
  margin: auto -1.875rem -1.875rem;
}
.map-botton-row a {
  padding: 0.9375rem 1.875rem 1.875rem;
  display: block !important;
  width: 100% !important;
  border: none !important;
  text-align: right;
}
.map-botton-row a span {
  width: auto;
  display: inline-block;
}
.map-botton-row a span:after {
  content: "";
  height: 0.125rem;
  width: 0;
  display: block;
  transition: all ease-in-out 0.2s;
  background: none repeat scroll 0 0 #E63214;
}
.map-botton-row a span i {
  margin-right: 0.3125rem;
}
.map-botton-row a:hover span:after {
  width: 100%;
}
.contenance-gutex-content-map {
  display: block;
}
@media (max-width: 768px) {
  .contenance-gutex-content-map {
    max-height: 300px;
  }
}
.map-tiles-content.top {
  right: -6%;
  width: 45%;
}
.map-tiles-content.top .map-overlay {
  width: 167px;
  height: 167px;
  position: absolute;
  left: auto;
  top: -10.4375rem;
  right: 0;
  background-color: rgba(202, 61, 48, 0.8);
}
.map-tiles-content.top button {
  float: right;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
  background: none;
  outline: none;
  border: none;
}
.map-tiles-content.top button:focus {
  outline: none;
  border: none;
}
.map-contact-list {
  padding: 3.125rem 0 3.125rem 3.125rem;
}
.map-contact-list a {
  display: flex;
  align-items: center;
}
.map-contact-list a:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #E63214;
  font-size: 1.25rem;
  margin-right: 0.4375rem;
}
/*Zoom icons*/
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  bottom: 13.75rem !important;
}
/*Hide google logo and buttons*/
.gm-style-mtc {
  display: none;
}
button.gm-control-active.gm-fullscreen-control {
  display: none;
}
.gm-svpc {
  display: none;
}
a[href^="http://maps.google.com/maps"] {
  display: none !important;
}
a[href^="https://maps.google.com/maps"] {
  display: none !important;
}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
  display: none;
}
.gm-style div[role="button"] {
  height: 50px !important;
  width: 50px !important;
}
.pin-layer[role="button"] > img {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50%;
  box-shadow: 22px 12px 0 17px rgba(233, 115, 57, 0.2);
  animation: pulse 0.8s infinite;
  -webkit-animation: pulse 0.8s infinite;
  transform-origin: center;
  -webkit-transform-origin: center;
}
/* Animation */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 8px rgba(233, 115, 57, 0.2);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(233, 115, 57, 0.2);
  }
}
.merchant-map-uc {
  display: none;
  margin: 0 auto;
  background: none;
  border: none;
}
.merchant-map-uc.active {
  display: block;
  padding-top: 20px;
}
.merchant-map-uc.active span {
  width: fit-content;
  justify-items: center;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.075rem;
  color: #E63214;
  border-bottom: 0.125rem solid #E63214;
  text-transform: uppercase;
}
.merchant-map-uc.active span:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 0;
  font-size: 1rem;
  opacity: 0;
  transition: all 0.25s ease;
  transform: translateX(-1.875rem);
  vertical-align: text-top;
}
.merchant-map-uc.active:hover span:before {
  width: 0.75rem;
  margin-right: 0.75rem;
  opacity: 1;
  transform: translateX(0);
}
.contenance-gutex-content-mapinfo.map-no-consent {
  background-image: url(../Images/Uc_Map.png);
  background-size: contain;
}
.contenance-gutex-content-mapinfo .map-uc {
  display: none;
  position: absolute;
  left: 37%;
  top: 5%;
  background: none;
  border: none;
}
.contenance-gutex-content-mapinfo .map-uc span {
  width: fit-content;
  justify-items: center;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.075rem;
  color: #E63214;
  border-bottom: 0.125rem solid #E63214;
  text-transform: uppercase;
}
.contenance-gutex-content-mapinfo .map-uc span:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 0;
  font-size: 1rem;
  opacity: 0;
  transition: all 0.25s ease;
  transform: translateX(-1.875rem);
  vertical-align: text-top;
}
.contenance-gutex-content-mapinfo .map-uc:hover span:before {
  width: 0.75rem;
  margin-right: 0.75rem;
  opacity: 1;
  transform: translateX(0);
}
.contenance-gutex-content-mapinfo .map-uc.active {
  display: block;
}
/* Sortiment tile*/
.systemTiles {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: auto;
}
.systemTiles .imgBackground {
  width: 100%;
  height: 360px;
}
.systemTiles .imgBackground img {
  width: 100%;
  height: 100%;
}
@media (max-width: 576px) {
  .systemTiles .imgBackground {
    height: 180px;
  }
}
.systemTiles .system {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  margin-top: -24%;
}
.systemTiles .system .tag {
  width: 35%;
  margin: 0;
  padding: 0.4375rem 0.75rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.075rem;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
.systemTiles .system .dach {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  background-color: #FF8C00;
}
.systemTiles .system .dach:before {
  content: "";
  margin-right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  display: inline-block;
  background: url(../Images/fassade-white.svg) no-repeat center;
  background-size: contain;
}
.systemTiles .system .fassade {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  background-color: #82B43C;
}
.systemTiles .system .fassade:before {
  content: "";
  margin-right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  display: inline-block;
  background: url(../Images/fassade-white.svg) no-repeat center;
  background-size: contain;
}
.systemTiles .system .ausbau {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  background-color: #FFCD00;
}
.systemTiles .system .ausbau:before {
  content: "";
  margin-right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  display: inline-block;
  background: url(../Images/ausbau-white.svg) no-repeat center;
  background-size: contain;
}
.systemTiles .system .txt-img {
  padding: 1.875rem;
  color: #63524E;
  background: white;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.systemTiles .system .txt-img h2 {
  padding-bottom: 0.3125rem;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0.03125rem;
}
.systemTiles .system .txt-img h3 {
  padding-bottom: 0.4375rem;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  letter-spacing: 0.01875rem;
}
.systemTiles .system .txt-img ul {
  margin-top: 0;
  margin-bottom: 1rem;
  list-style-type: none;
  padding-inline-start: 0;
}
.systemTiles .system .txt-img ul li {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0;
}
.sortiment-element.contenance-gutex-content-assortment .dach .sortiment-left {
  background-color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .product-info .info-child h3 {
  color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .swiper-pagination {
  color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .swiper-button-next i {
  color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .swiper-button-prev i {
  color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .close-button {
  background-color: #FF8C00;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.sortiment-element.contenance-gutex-content-assortment .dach .close-button i {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.sortiment-element.contenance-gutex-content-assortment .dach .close-button:hover {
  background-color: white;
}
.sortiment-element.contenance-gutex-content-assortment .dach .close-button:hover i {
  color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .tag {
  background-color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .before-progress-bar::before {
  background-color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .swiper-button-prev:before {
  border-color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .swiper-button-prev:after {
  background: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .swiper-button-next:before {
  background: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .dach .swiper-button-next:after {
  border-color: #FF8C00;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .sortiment-left {
  background-color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .product-info .info-child h3 {
  color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .swiper-pagination {
  color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .swiper-button-next i {
  color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .swiper-button-prev i {
  color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .close-button {
  background-color: #82B43C;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .close-button i {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .close-button:hover {
  background-color: white;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .close-button:hover i {
  color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .tag {
  background-color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .before-progress-bar::before {
  background-color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .swiper-button-prev:before {
  border-color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .swiper-button-prev:after {
  background: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .swiper-button-next:before {
  background: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .fassade .swiper-button-next:after {
  border-color: #82B43C;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .sortiment-left {
  background-color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .product-info .info-child h3 {
  color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .swiper-pagination {
  color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .swiper-button-next i {
  color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .swiper-button-prev i {
  color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .close-button {
  background-color: #FFCD00;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .close-button i {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .close-button:hover {
  background-color: white;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .close-button:hover i {
  color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .tag {
  background-color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .before-progress-bar::before {
  background-color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .swiper-button-prev:before {
  border-color: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .swiper-button-prev:after {
  background: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .swiper-button-next:before {
  background: #FFCD00;
}
.sortiment-element.contenance-gutex-content-assortment .ausbau .swiper-button-next:after {
  border-color: #FFCD00;
}
.neos-nodetypes-text ul li strong {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.01875rem;
  display: block;
}
@media (max-width: 576px) {
  .neos-nodetypes-columnlayouts-twocolumn .neos-contentcollection:first-of-type ul li:last-of-type {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .neos-nodetypes-columnlayouts-twocolumn .neos-contentcollection:nth-of-type(2) .ce_list.horizontal.red ul {
    padding-top: 1.875rem;
  }
}
/*Sortiment slider*/
.sortiment-element {
  position: relative;
}
.sortiment-element .swiper-slide-active .slide-content {
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.sortiment-element .row.main {
  display: flex;
  margin: 0;
  width: 100%;
  height: 500px;
}
@media (max-width: 768px) {
  .sortiment-element .row.main {
    height: 440px;
  }
}
@media (max-width: 576px) {
  .sortiment-element .row.main {
    height: 485px;
  }
}
.sortiment-element .sortiment-left {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sortiment-element .sortiment-left .info-child h3 {
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0.03125rem;
  text-align: center;
  text-transform: capitalize;
}
.sortiment-element .sortiment-left .systemlosungen-icon {
  margin-bottom: 1.875rem;
}
.sortiment-element .sortiment-right {
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 500px;
  align-items: center;
  justify-content: center;
  background-color: #F3F3F3;
  cursor: pointer;
}
.sortiment-element .sortiment-right .info-child h3 {
  color: #82B43C;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  letter-spacing: 0.03125rem;
  line-height: 2rem;
  text-align: center;
  text-transform: capitalize;
}
.sortiment-element .sortiment-right .produkte-icon {
  margin-bottom: 1.875rem;
}
.sortiment-element .col-6 {
  flex: 1;
  padding: 0;
}
.sortiment-element .product-extra .swiper-slide {
  background-color: white;
}
@media (max-width: 576px) {
  .sortiment-element .product-extra .swiper-slide {
    max-width: 340px;
    margin: 0 10px 0 0 !important;
  }
}
.sortiment-element .product-extra .produkte-slider {
  position: relative;
}
.sortiment-element .product-extra .produkte-slider .info-container {
  display: flex;
  height: 100%;
  position: relative;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom {
  position: absolute;
  bottom: 1.875rem;
  right: 2.8125rem;
  width: 142px;
  display: flex;
  cursor: pointer;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-prev {
  top: 57%;
  left: 0.75rem;
  right: auto;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-prev:before {
  content: "" !important;
  margin-right: -0.55rem;
  margin-top: 0.0575rem;
  height: 0.55rem;
  width: 0.55rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transition: all 0.3s ease-in-out;
  transform: rotate(222deg);
  position: static;
  background: none;
  order: 2;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-prev:after {
  transition: all 0.3s ease-in-out;
  content: "";
  height: 0.125rem;
  width: 0.675rem;
  order: 3;
  margin-right: auto;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-prev:hover:after {
  width: 1.5rem;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-prev:focus, .sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-prev.active {
  outline: none;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-next {
  top: 57%;
  right: 0.75rem;
  left: auto;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-next:before {
  transition: all 0.3s ease-in-out;
  content: "";
  height: 0.125rem;
  width: 0.675rem;
  order: 2;
  margin-left: auto;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-next:after {
  content: "" !important;
  margin-left: -0.55rem;
  margin-top: 0.0575rem;
  height: 0.55rem;
  width: 0.55rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transition: all 0.3s ease-in-out;
  transform: rotate(45deg);
  position: static;
  background: none;
  order: 3;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-next:hover:before {
  width: 1.5rem;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-next:focus, .sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom .swiper-button-next.active {
  outline: none;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom.disabled {
  display: none;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom.disabled .swiper-button-prev, .sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom.disabled .swiper-button-next, .sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom.disabled .swiper-pagination {
  opacity: 0.5;
}
@media (max-width: 576px) {
  .sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom {
    display: none;
  }
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav .swiper-pagination {
  width: calc(100% - 54px);
  margin: 0 auto;
  position: initial;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0;
}
.sortiment-element .product-extra .produkte-slider .info-container .slider-nav .swiper-pagination .swiper-pagination-current {
  margin-right: 0.1875rem;
  font-size: 1.5rem;
  line-height: 2.0625rem;
  letter-spacing: 0.01875rem;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container {
  height: 500px;
  width: 100%;
  margin-left: 0;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-image {
  display: block;
  width: 100%;
  max-height: 250px;
  height: 100%;
  position: relative;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-image.before-progress-bar::before {
  content: "";
  animation: progress-anim 5s forwards;
  animation-delay: 0.5s;
  width: 0;
  height: 0.25rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-image.before-progress-bar-show::before {
  content: "";
  animation: none;
  width: 100%;
  height: 0.25rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-image figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content {
  display: block;
  position: relative;
  height: calc(100% - 251px);
  width: 100%;
  padding: 1.875rem 2.8125rem;
  background: #FFFFFF;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag {
  right: 0;
  padding: 0.4375rem 0.75rem;
  top: -2.125rem;
  max-width: 122px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  z-index: 2;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag:before {
  content: "";
  margin-right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  display: inline-block;
  background-size: contain;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag p {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.75rem !important;
  letter-spacing: 0.075rem !important;
  line-height: 0.9375rem !important;
  text-align: center;
  color: white !important;
  text-transform: uppercase;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag.fassade {
  background-color: #82B43C;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag.fassade:before {
  background: url(../Images/fassade-white.svg) no-repeat center;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag.dach {
  background-color: #FF8C00;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag.dach:before {
  background: url(../Images/fassade-white.svg) no-repeat center;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag.ausbau {
  background-color: #FFCD00;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content .tag.ausbau:before {
  background: url(../Images/ausbau-white.svg) no-repeat center;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content h3 {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0.03125rem;
  text-align: left;
}
@media (max-width: 992px) {
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content h3 {
    font-size: 1.375rem;
    letter-spacing: normal;
    line-height: 1.625rem;
  }
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content h3 div {
  font-weight: 700;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content p {
  margin-bottom: 0;
}
.sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content button {
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.075rem;
  background: none;
  border: none;
  border-bottom: 0.125rem solid #E63214;
  padding: 0 0 0.125rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content {
    padding: 1.5625rem;
  }
}
@media (max-width: 768px) {
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content {
    height: calc(100% - 178px);
  }
}
@media (max-width: 768px) {
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container {
    height: 440px;
  }
}
.sortiment-element .product-extra .produkte-slider .close-button {
  left: 0;
  z-index: 9999999;
}
@media (max-width: 576px) {
  .sortiment-element .product-extra .produkte-slider .close-button {
    right: auto;
    left: 0;
  }
}
.sortiment-element .system-extra .swiper-slide {
  background-color: white;
}
@media (max-width: 576px) {
  .sortiment-element .system-extra .swiper-slide {
    max-width: 340px;
    margin: 0 10px 0 0 !important;
  }
}
.sortiment-element .system-extra .systemlosungen-slider {
  position: relative;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container {
  display: flex;
  height: 100%;
  position: relative;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom {
  position: absolute;
  bottom: 1.875rem;
  right: 2.8125rem;
  width: 142px;
  display: flex;
  cursor: pointer;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-prev {
  top: 57%;
  left: 0.75rem;
  right: auto;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-prev:before {
  content: "" !important;
  margin-right: -0.55rem;
  margin-top: 0.0575rem;
  height: 0.55rem;
  width: 0.55rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transition: all 0.3s ease-in-out;
  transform: rotate(222deg);
  position: static;
  background: none;
  order: 2;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-prev:after {
  transition: all 0.3s ease-in-out;
  content: "";
  height: 0.125rem;
  width: 0.675rem;
  order: 3;
  margin-right: auto;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-prev:hover:after {
  width: 1.5rem;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-prev:focus, .sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-prev.active {
  outline: none;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-next {
  top: 57%;
  right: 0.75rem;
  left: auto;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-next:before {
  transition: all 0.3s ease-in-out;
  content: "";
  height: 0.125rem;
  width: 0.675rem;
  order: 2;
  margin-left: auto;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-next:after {
  content: "" !important;
  margin-left: -0.55rem;
  margin-top: 0.0575rem;
  height: 0.55rem;
  width: 0.55rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transition: all 0.3s ease-in-out;
  transform: rotate(45deg);
  position: static;
  background: none;
  order: 3;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-next:hover:before {
  width: 1.5rem;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-next:focus, .sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom .swiper-button-next.active {
  outline: none;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom.disabled .swiper-button-prev, .sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom.disabled .swiper-button-next, .sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom.disabled .swiper-pagination {
  opacity: 0.5;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom {
    bottom: 1.5625rem;
    right: 1.5625rem;
  }
}
@media (max-width: 768px) {
  .sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom {
    bottom: 1.25rem;
    right: 1.5625rem;
  }
}
@media (max-width: 576px) {
  .sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom {
    display: none;
  }
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav .swiper-pagination {
  width: calc(100% - 54px);
  margin: 0 auto;
  position: initial;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav .swiper-pagination .swiper-pagination-current {
  margin-right: 0.1875rem;
  font-size: 1.5rem;
  line-height: 2.0625rem;
  letter-spacing: 0.01875rem;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container {
  height: 500px;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-image {
  display: block;
  width: 100%;
  max-height: 250px;
  height: 100%;
  position: relative;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-image.before-progress-bar::before {
  content: "";
  animation: progress-anim 5s forwards;
  animation-delay: 0.5s;
  width: 0;
  height: 0.25rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-image.before-progress-bar-show::before {
  content: "";
  animation: none;
  width: 100%;
  height: 0.25rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-image figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content {
  display: block;
  position: relative;
  height: calc(100% - 251px);
  padding: 1.875rem 2.8125rem;
  background: #FFFFFF;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content h2 {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0.03125rem;
  text-align: left;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content h3 {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0.03125rem;
  text-align: left;
}
@media (max-width: 992px) {
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content h3 {
    font-size: 1.375rem;
    letter-spacing: normal;
    line-height: 1.625rem;
  }
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content h3 div {
  font-weight: 700;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content p {
  margin-bottom: 0;
}
.sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content button {
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  letter-spacing: 0.075rem;
  line-height: 0.9375rem;
  background: none;
  border: none;
  border-bottom: 0.125rem solid #E63214;
  padding: 0 0 0.125rem;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content {
    padding: 1.5625rem;
  }
}
@media (max-width: 768px) {
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content {
    height: calc(100% - 178px);
  }
}
@media (max-width: 768px) {
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container {
    height: 440px;
  }
}
.sortiment-element .system-extra .systemlosungen-slider .close-button {
  right: 0;
  z-index: 999999;
}
@media (max-width: 576px) {
  .sortiment-element .system-extra .systemlosungen-slider .close-button {
    right: auto;
    left: 0;
  }
}
.sortiment-element .system-info {
  position: absolute;
  z-index: 3;
  top: calc(50% - 0.5em);
  left: 50%;
  transition: all 0.5s linear;
}
.sortiment-element .product-info {
  position: absolute;
  z-index: 3;
  top: calc(50% - 0.5em);
  left: 50%;
  transition: all 0.5s linear;
}
.sortiment-element .info-child {
  position: relative;
  left: -50%;
}
.sortiment-element .system-down, .sortiment-element .product-down {
  top: calc(50% + 46px + 1em) !important;
}
@media (max-width: 768px) {
  .sortiment-element .system-down, .sortiment-element .product-down {
    top: calc(50% + 46px) !important;
  }
}
@media (max-width: 576px) {
  .sortiment-element .system-down, .sortiment-element .product-down {
    left: 56% !important;
  }
}
.sortiment-element .system-extra, .sortiment-element .product-extra {
  z-index: 5;
  position: absolute;
  top: 100%;
  transition: all 0.5s linear;
}
.sortiment-element .product-extra {
  right: 0;
}
.sortiment-element .system-extra-up, .sortiment-element .product-extra-up {
  top: 0 !important;
  /*display: block;*/
}
.sortiment-element .close-button {
  position: absolute;
  top: 0;
  display: flex;
  z-index: 2;
  height: 48px;
  width: 48px;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.sortiment-element .close-button i {
  color: #fff;
  font-size: 1.5rem;
}
@media (max-width: 576px) {
  .sortiment-element .close-button {
    height: 40px;
    width: 40px;
  }
}
.sortiment-element .larger-circle {
  position: absolute;
  z-index: 7;
  top: calc(50% - 145px);
  left: calc(50% - 130px);
  height: 260px;
  width: 260px;
  background-color: white;
  border: none !important;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .sortiment-element .larger-circle {
    top: calc(50% - 95px);
    left: calc(50% - 101px);
    height: 200px;
    width: 200px;
  }
}
.sortiment-element .smaller-circle {
  position: absolute;
  z-index: 8;
  top: calc(50% - 90px);
  left: calc(50% - 65px);
  height: 120px;
  width: 130px;
  border-radius: 0 !important;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .sortiment-element .smaller-circle {
    height: 100px;
    width: 100px;
    top: calc(50% - 57px);
    left: calc(50% - 51px);
  }
}
.sortiment-element .smaller-circle.move-right, .sortiment-element .smaller-circle.move-left {
  z-index: 2;
  transition: left 0.5s linear;
}
.sortiment-element .move-left {
  left: 25% !important;
  background-image: url(../Images/fassade-white.svg);
  filter: brightness(0) invert(1);
  transform: translateX(-50%);
}
.sortiment-element .move-right {
  left: 69% !important;
  background-image: url(../Images/fassade-green.svg);
}
@media (max-width: 1200px) {
  .sortiment-element .move-right {
    left: 68% !important;
  }
}
@media (max-width: 768px) {
  .sortiment-element .move-right {
    left: 64% !important;
  }
}
.sortiment-element .make-smaller {
  height: 0 !important;
  width: 0 !important;
  left: calc(50%) !important;
  top: calc(50%) !important;
}
.row.overflow-hidden.h-100 {
  position: relative;
}
/*Small devices*/
@media (max-width: 768px) {
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container .swiper-slide {
    padding-right: 0;
  }
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container .swiper-slide .slide-image {
    max-height: 177px;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .swiper-slide {
    padding-left: 0;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .swiper-slide .slide-image {
    max-height: 177px;
  }
  .sortiment-element .smaller-circle {
    position: absolute;
    z-index: 8;
    top: calc(50% - 2.1875rem);
    left: calc(50% - 4.0625rem);
    height: 56px;
    width: 130px;
  }
  .sortiment-element .larger-circle {
    top: calc(50% - 3.75rem);
    left: calc(50% - 3.75rem);
    height: 120px;
    width: 120px;
  }
  .sortiment-element .sortiment-left .info-child h2 {
    font-size: 1.375rem;
  }
  .sortiment-element .sortiment-right .info-child h2 {
    font-size: 1.375rem;
  }
  .sortiment-element .system-info {
    left: 50%;
  }
  .sortiment-element .product-info {
    left: 50%;
  }
  .sortiment-element .product-down, .sortiment-element .system-down {
    left: 50%;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content {
    padding: 1.25rem 1.5625rem;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .slider-nav.bottom {
    top: auto;
    bottom: 1.25rem;
    right: 1.5625rem;
  }
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content {
    padding: 1.25rem 1.5625rem;
  }
  .sortiment-element .product-extra .produkte-slider .info-container .slider-nav.bottom {
    top: auto;
    bottom: 1.25rem;
    right: 1.5625rem;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container .swiper-slide {
    max-height: 100%;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .swiper-slide {
    max-height: 100%;
  }
}
@media (max-width: 576px) {
  .sortiment-element .swiper-wrapper.disabled .swiper-slide {
    max-width: 100% !important;
    width: 100% !important;
  }
  .sortiment-element .h-100 {
    width: auto !important;
    left: 0;
  }
  .sortiment-element .h-100 .col-6 {
    flex: 1 0 100%;
    max-width: 100%;
    height: 50% !important;
  }
  .sortiment-element .system-info, .sortiment-element .product-info {
    left: 50%;
  }
  .sortiment-element .system-extra .systemlosungen-slider {
    width: calc(100vw - 1.875rem);
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container {
    height: auto;
    width: 100% !important;
    background-color: #f3f3f3;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content {
    padding: 1.25rem;
    height: calc(100% - 164px);
    width: 100%;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content h2 {
    font-size: 1.375rem;
  }
  .sortiment-element .system-extra .produkte-slider .info-container .swiper-container {
    height: auto;
    width: 100% !important;
  }
  .sortiment-element .product-extra .produkte-slider {
    width: 100%;
    background: #F3F3F3;
    top: var(--topSlide);
  }
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container {
    height: auto !important;
    width: 100% !important;
  }
  .sortiment-element .product-extra .produkte-slider .info-container .swiper-container .slide-content {
    padding: 1.25rem;
    height: calc(100% - 178px);
  }
  .sortiment-element .move-left {
    position: absolute;
    z-index: 8;
    top: 8%;
    left: 26% !important;
    height: 45px;
    width: 45px;
  }
  .sortiment-element .system-down {
    top: calc(10% + 1.875rem) !important;
  }
  .sortiment-element .move-right {
    position: absolute;
    z-index: 8;
    top: 82%;
    left: 18% !important;
    height: 45px;
    width: 45px;
  }
  .slide-image figure {
    height: 100%;
  }
}
@media (max-width: 576px) and (max-width: 576px) {
  .sortiment-element .move-left {
    top: var(--top);
  }
}
@media (max-width: 576px) and (max-width: 576px) {
  .sortiment-element .move-right {
    top: var(--top);
  }
}
@media (max-width: 390px) {
  .sortiment-element .close-button {
    height: 35px;
    width: 35px;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content {
    padding: 0.9375rem;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content p {
    line-height: 1.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .sortiment-element .system-extra .systemlosungen-slider .info-container .swiper-container .slide-content h2 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  .slide-image figure {
    height: 100%;
  }
}
.contenance-gutex-content-assortmentitem h4 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  letter-spacing: 0.01875rem;
}
@media (max-width: 992px) {
  .contenance-gutex-content-assortmentitem h4 {
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: normal;
  }
}
.contenance-gutex-content-assortmentitem .secondary-button {
  margin-top: 0.625rem;
}
@media (max-width: 576px) {
  .sortiment-element .product-extra .swiper-slide {
    padding-right: 0;
  }
  .sortiment-element .system-extra .swiper-slide {
    padding-left: 0;
  }
}
/*Double image overlay bottom*/
.contenace-gutex-double-image {
  position: relative;
}
.contenace-gutex-double-image .double-images {
  position: relative;
  padding: 0;
}
.contenace-gutex-double-image .double-images .big-image {
  position: relative;
  height: 540px;
  width: 445px;
  margin: 0;
  float: right;
  overflow: hidden;
}
.contenace-gutex-double-image .double-images .big-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.contenace-gutex-double-image .double-images .big-image img {
  width: 100%;
  height: 100%;
  max-height: 540px !important;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.contenace-gutex-double-image .double-images .big-image.aos-animate:after {
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
@media (max-width: 1200px) {
  .contenace-gutex-double-image .double-images .big-image {
    width: 100%;
    padding-left: 3.9375rem;
  }
}
.contenace-gutex-double-image .double-images .small-image {
  position: absolute;
  left: 0;
  top: 320px;
  width: 260px;
  height: 337px;
  margin: 0;
}
@media (max-width: 768px) {
  .contenace-gutex-double-image .double-images .small-image {
    position: relative;
    top: -320px;
  }
}
.contenace-gutex-double-image .double-images .small-image img {
  height: 100%;
}
@media (max-width: 1200px) {
  .contenace-gutex-double-image .double-images .small-image {
    width: calc(100% - 6.25rem);
  }
}
@media (max-width: 768px) {
  .contenace-gutex-double-image .double-images .neos-contentcollection {
    margin-top: 0 !important;
  }
  .contenace-gutex-double-image .double-images .padding-top-100 {
    padding-top: 0;
  }
}
.big-image-reverse {
  float: left !important;
}
.small-image-reverse {
  left: auto !important;
  right: 0;
}
/*Double image split*/
.contenace-gutex-double-image .split-images {
  display: flex;
  flex-direction: row;
}
.contenace-gutex-double-image .split-images .image {
  width: 270px;
  max-height: 540px;
  height: auto;
  margin: 0;
}
@media (max-width: 576px) {
  .contenace-gutex-double-image .split-images .image {
    height: auto;
  }
}
.contenace-gutex-double-image .split-images .image img {
  max-height: none;
  height: auto;
}
.contenace-gutex-double-image .split-images .image.dark {
  position: relative;
  overflow: hidden;
}
.contenace-gutex-double-image .split-images .image.dark:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.contenace-gutex-double-image .split-images.aos-animate .image.dark:after {
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.contenace-gutex-double-image .split-images.aos-animate .image.light {
  animation: slideInUp;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
  animation-delay: 0.75s;
}
/*Center overlay*/
.contenace-gutex-double-image .overlay-images {
  position: relative;
  display: inline-block;
}
.contenace-gutex-double-image .overlay-images .big-image {
  padding: 0;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 540px;
  float: right;
  overflow: hidden;
}
.contenace-gutex-double-image .overlay-images .big-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.contenace-gutex-double-image .overlay-images .big-image img {
  height: auto;
  max-height: 100%;
}
.contenace-gutex-double-image .overlay-images .big-image.aos-animate:after {
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.contenace-gutex-double-image .overlay-images .small-image {
  padding: 0;
  position: absolute;
  top: 2.8125rem;
  max-height: 450px;
  height: auto;
  width: 100%;
}
@media (max-width: 768px) {
  .contenace-gutex-double-image .overlay-images .small-image {
    top: 50%;
    transform: translate(0, -50%);
  }
}
.contenace-gutex-double-image .overlay-images .small-image img {
  height: auto;
  max-height: 100%;
  width: 100%;
}
.contenace-gutex-double-image .overlay-images figure {
  margin-bottom: 0;
}
.overlay-reverse {
  flex-direction: row-reverse;
}
.overlay-reverse.overlay-images .big-image {
  float: left;
}
.overlay-reverse.overlay-images .small-image {
  right: 0;
  left: auto;
}
@media (max-width: 768px) {
  .col-sm-6.neos-contentcollection .contenace-gutex-double-image .double-images .big-image {
    height: 266px;
  }
  .col-sm-6.neos-contentcollection .contenace-gutex-double-image .double-images .small-image {
    top: -9.875rem;
    width: calc(30% + 3.9375rem);
    height: 162px;
  }
}
@media (max-width: 576px) {
  .col-sm-6.neos-contentcollection .highlight-red {
    margin-left: 0;
  }
  .col-sm-6.neos-contentcollection .contenace-gutex-double-image .double-images .big-image {
    height: 344px;
  }
  .col-sm-6.neos-contentcollection .contenace-gutex-double-image .double-images .small-image {
    top: -13.5rem;
    height: 205px;
  }
}
.infobox-fullwidth {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.image-divider-anim {
  position: relative;
  margin: 5.625rem 0;
}
.image-divider-anim .media-img {
  position: relative;
  width: 100%;
  height: 540px;
  display: flex;
  margin: 0;
}
.image-divider-anim .media-img img {
  max-height: 540px;
  height: 100%;
}
.image-divider-anim .image-divider-infobox {
  position: absolute;
  top: -3.75rem;
  left: calc(100% - 420px);
  max-width: 255px;
}
.image-divider-anim .image-divider-infobox .divider-container {
  padding: 1.875rem;
  background-color: #E63214;
  color: white;
}
.image-divider-anim .image-divider-infobox .divider-container i {
  font-size: 2.375rem;
  padding-bottom: 0.625rem;
}
.image-divider-anim .image-divider-infobox .divider-container p {
  margin: 0;
  color: white;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
@media (min-width: 576px) and (max-width: 768px) {
  .image-divider-anim .image-divider-infobox {
    left: auto;
    right: 1.5rem;
  }
}
@media (max-width: 576px) {
  .image-divider-anim .image-divider-infobox {
    left: calc((100% - 255px)/2);
    right: auto;
    width: 100%;
  }
}
.co2-zahler {
  display: block;
  padding: 5.625rem 0 5.625rem 0;
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  background-color: #F3F3F3;
}
@media (max-width: 768px) {
  .co2-zahler {
    width: 100%;
    padding: 3.75rem 0 3.75rem 0;
  }
}
.co2-zahler .zahler {
  margin: 0 auto;
  padding-top: 4.0625rem;
  max-width: 1140px;
}
@media (max-width: 768px) {
  .co2-zahler .zahler {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .co2-zahler .zahler {
    margin: 0;
  }
}
.co2-zahler .zahler-container h2 {
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 0 1.875rem 0;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2.375rem;
  letter-spacing: 0.0625rem;
  line-height: 3.2rem;
  text-transform: uppercase;
}
.co2-zahler .zahler-container h2 span {
  background-color: #E63214;
  padding: 0.2rem 0;
  box-shadow: 0.563rem 0 0 #E63214, -0.563rem 0 0 #E63214;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin: 0 0.563rem;
}
@media (max-width: 768px) {
  .co2-zahler .zahler-container h2 span {
    font-size: 1.75rem;
    line-height: 3rem;
    letter-spacing: 0.04625rem;
  }
}
.co2-zahler .zahler-container .zahler-tabs {
  background-color: white;
}
.co2-zahler .zahler-container .zahler-tabs .tabs:before {
  content: none;
}
.co2-zahler .zahler-container .zahler-tabs .zahler-tabs-container .tabs .nav-tabs .nav-item .nav-link {
  padding: 1.5rem 0 1.125rem;
  font-size: 1rem;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .zahler-tabs .zahler-tabs-container .tabs .nav-tabs .nav-item .nav-link {
    text-align: center !important;
  }
}
.co2-zahler .zahler-container .zahler-tabs .zahler-tabs-container .tabs .nav-tabs .nav-item .nav-link h4 {
  margin-bottom: 0;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: 0.023125rem;
}
@media (max-width: 768px) {
  .co2-zahler .zahler-container .zahler-tabs .zahler-tabs-container .tabs .nav-tabs .nav-item .nav-link h4 {
    font-size: 1.25rem;
    letter-spacing: 0.016875rem;
  }
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .zahler-tabs .zahler-tabs-container .tabs .nav-tabs .nav-item.active {
    border-bottom: 0.25rem solid #E63214 !important;
  }
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .zahler-tabs .zahler-tabs-container .tabs .nav-tabs {
    margin: 0;
  }
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel {
  width: 100%;
  padding: 0 0 0;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container {
  padding: 2.8125rem 5.9375rem 3.75rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container h2 {
  margin: 0;
  padding: 0 0 0.9375rem;
  color: #63524E;
  background: none;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: 0.01875rem;
  line-height: 1.875rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container p {
  padding: 0;
  margin: 0;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container p + h2 {
  margin-top: 0.9375rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container p + p {
  margin-top: 0.9375rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container p {
  padding: 0;
  margin: 0;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container p + h2 {
  margin-top: 0.9375rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container p + p {
  margin-top: 0.9375rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container .info-text i {
  margin-bottom: 0.9375rem;
  color: #E63214;
  font-size: 1.875rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container ul {
  margin: 0;
  padding-inline-start: 1.125rem;
  list-style: square outside;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container ul li {
  padding-left: 1.375rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container ul li::marker {
  font-size: 0.688rem;
  color: #E63214;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container ul li + li {
  margin-top: 0.3125rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container ul + p {
  margin-top: 0.9375rem;
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container hr {
  margin: 1.875rem 0;
}
@media (max-width: 768px) {
  .co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container {
    padding: 1.6875rem 3.9375rem 2.8125rem;
  }
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane .text-container {
    padding: 2.8125rem 1.875rem 3.75rem;
  }
}
.co2-zahler .zahler-container .zahler-tabs .tabs-panel .tab-content .tab-pane.active.show {
  padding-top: 0;
}
.co2-zahler .zahler-container .counterElement .counter-blocks {
  margin: 3.75rem 0;
}
.co2-zahler .zahler-container .counterElement .counter-blocks .counter {
  padding: 0 1.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 0.0625rem solid #dedcd9;
}
.co2-zahler .zahler-container .counterElement .counter-blocks .counter div {
  color: #E63214;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0.009375rem;
}
.co2-zahler .zahler-container .counterElement .counter-blocks .counter .icon {
  width: 45px;
  height: 45px;
  display: flex;
  margin-bottom: 0.9375rem;
  justify-content: center;
  align-items: center;
  color: #E63214;
}
.co2-zahler .zahler-container .counterElement .counter-blocks .counter .icon img {
  width: 100%;
  height: auto;
}
.co2-zahler .zahler-container .counterElement .counter-blocks .counter .count-title {
  margin: 0;
  padding: 0 0 0.3125rem;
  min-height: 63px;
  background-color: transparent;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 2.8125rem;
  letter-spacing: 0.03125rem;
  line-height: 3.625rem;
  text-align: center;
}
@media (max-width: 992px) {
  .co2-zahler .zahler-container .counterElement .counter-blocks .counter .count-title {
    min-height: 2.8125rem;
    font-size: 2rem;
    letter-spacing: 0.021875rem;
    line-height: 2.5rem;
  }
}
.co2-zahler .zahler-container .counterElement .counter-blocks .counter .count-text {
  margin: 0 0 0.9375rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0.01875rem;
  line-height: 1.875rem;
  min-height: 1.875rem;
}
.co2-zahler .zahler-container .counterElement .counter-blocks .counter .info-text > div {
  margin: 0;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
  text-align: center;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .counter-blocks .counter .info-text > div {
    font-size: 1rem;
    letter-spacing: 0.0125rem;
    line-height: 1.625rem;
  }
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .counter-blocks .counter {
    margin: 0 1.875rem;
    padding: 0 0 1.875rem;
    border-bottom: 0.0625rem solid #dedcd9;
    border-right: none;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .co2-zahler .zahler-container .counterElement .counter-blocks .col-12:first-of-type {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.co2-zahler .zahler-container .counterElement .counter-blocks .col-12:last-of-type .counter {
  border-right: none;
  border-bottom: none;
}
@media (min-width: 576px) and (max-width: 768px) {
  .co2-zahler .zahler-container .counterElement .counter-blocks .col-12 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 768px) {
  .co2-zahler .zahler-container .counterElement .counter-blocks {
    padding: 1.875rem 0 3.75rem;
  }
  .co2-zahler .zahler-container .counterElement .counter-blocks > div:first-of-type {
    padding-bottom: 3.75rem;
  }
  .co2-zahler .zahler-container .counterElement .counter-blocks > div:first-of-type .counter {
    margin: 0 1.875rem;
    padding: 0 0 3.75rem;
    border-bottom: 0.0625rem solid #dedcd9;
    border-right: 0;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .counter-blocks > div:first-of-type .counter {
    padding: 0 0 1.875rem;
  }
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .counter-blocks {
    padding: 2.8125rem 0 1.875rem;
  }
  .co2-zahler .zahler-container .counterElement .counter-blocks > div {
    padding-bottom: 1.875rem;
  }
  .co2-zahler .zahler-container .counterElement .counter-blocks > div:first-of-type {
    padding-bottom: 1.875rem;
  }
  .co2-zahler .zahler-container .counterElement .counter-blocks > div:last-of-type {
    padding-bottom: 0;
  }
}
.co2-zahler .zahler-container .counterElement .red-background {
  padding: 1.875rem 2.8125rem;
  background: #E63214;
  align-items: center;
  color: #ffffff;
}
.co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-info {
  margin-bottom: 1rem;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-info {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-info {
    flex-direction: column;
  }
}
.co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-info .percent-number {
  margin-right: 0.425rem;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.875rem;
  min-height: 1.875rem;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-info .percent-number {
    font-size: 2rem;
    letter-spacing: 0.023125rem;
    line-height: 2.5rem;
    font-weight: 700;
    min-height: 2.5rem;
  }
}
.co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-info .percent-text {
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.009375rem;
  line-height: 1.25rem;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-info .percent-text {
    font-size: 1rem;
    letter-spacing: normal;
    line-height: 1.625rem;
  }
}
.co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-wrapper {
  padding: 0;
}
.co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-wrapper .progress {
  height: 0.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0;
}
.co2-zahler .zahler-container .counterElement .red-background .progress-percentage .progress-wrapper .progress .progress-bar {
  min-height: 4px;
  height: 100%;
  background-color: #ffffff;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .red-background .progress-percentage {
    margin-bottom: 1.875rem;
  }
}
.co2-zahler .zahler-container .counterElement .red-background .goal .goalCarbon {
  min-height: 3.1875rem;
  width: auto;
  display: inline-flex;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2.8125rem;
  letter-spacing: 0.03125rem;
  line-height: 3.625rem;
}
@media (max-width: 768px) {
  .co2-zahler .zahler-container .counterElement .red-background .goal .goalCarbon {
    min-height: 2.0625rem;
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.co2-zahler .zahler-container .counterElement .red-background .goal .goal-text {
  width: auto;
  display: inline;
  margin-left: 0.625rem;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.875rem;
}
.co2-zahler .zahler-container .counterElement .red-background .goal .goal-text sup {
  top: 0.3125rem;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .red-background .goal .goal-text {
    font-size: 1.0625rem;
    letter-spacing: 0.01875rem;
    line-height: 1.625rem;
  }
}
.co2-zahler .zahler-container .counterElement .red-background .goal .info-text {
  margin-top: 0.625rem;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .red-background .goal .info-text {
    font-size: 1rem;
    letter-spacing: normal;
    line-height: 1.625rem;
  }
}
.co2-zahler .zahler-container .counterElement .red-background .goal > div {
  font-size: 0.75rem;
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .red-background .goal {
    text-align: left !important;
  }
}
@media (max-width: 768px) {
  .co2-zahler .zahler-container .counterElement .red-background {
    padding: 1.875rem;
  }
}
@media (max-width: 576px) {
  .co2-zahler .zahler-container .counterElement .red-background {
    padding: 2.8125rem 1.875rem;
  }
}
.co2-zahler .zahler .img-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: calc(84% - 2.8125rem);
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .co2-zahler .zahler .img-bg {
    width: 100vw;
  }
}
@media (max-width: 768px) {
  .co2-zahler .zahler .img-bg {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .co2-zahler .zahler .img-bg {
    height: 85.5%;
  }
}
@media (max-width: 576px) {
  .co2-zahler .zahler .img-bg {
    height: 76.6%;
  }
}
@media (max-width: 992px) {
  .co2-zahler {
    width: 100vw;
  }
}
.co2-zahler .icon-information {
  color: #E63214;
  font-size: 2.375rem !important;
  margin: -0.25rem !important;
}
.co2-zahler h4 {
  margin-bottom: 0;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem !important;
  line-height: 1.875rem !important;
  letter-spacing: 0.023125rem;
}
@media (max-width: 768px) {
  .co2-zahler h4 {
    font-size: 1.25rem !important;
    letter-spacing: 0.016875rem;
  }
}
.container-gutex.no-margin-top {
  margin-top: 0;
}
.section-header-anim {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.section-header-anim .media-img {
  position: relative;
  width: 100%;
  margin: 0;
}
.section-header-anim .media-img .desktop-img_background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.section-header-anim .media-img .mobile-img_background {
  display: none;
}
@media (max-width: 768px) {
  .section-header-anim .media-img .desktop-img_background {
    display: none;
  }
  .section-header-anim .media-img .mobile-img_background {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
}
.section-header-anim .header-headlines {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  padding: 7.5rem 0;
  height: 100%;
  width: 100%;
}
@media (min-width: 576px) and (max-width: 768px) {
  .section-header-anim .header-headlines {
    padding: 5.625rem 0;
  }
}
@media (max-width: 576px) {
  .section-header-anim .header-headlines {
    padding: 1.875rem 0;
  }
}
.section-header-anim .header-headlines .headline {
  position: relative;
  max-width: 620px;
  margin-left: 0.9375rem;
  align-self: flex-start;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 3rem;
  letter-spacing: 0.075rem;
  line-height: 4.375rem;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .section-header-anim .header-headlines .headline {
    margin-left: 0.625rem;
    font-size: 2.125rem;
    letter-spacing: 0.03125rem;
    line-height: 2.75rem;
  }
}
.section-header-anim .header-headlines .headline.aos-animate:before {
  position: absolute;
  left: -0.9375rem;
  top: 0.3125rem;
  max-width: 65px;
  height: 60px;
  z-index: -1;
  content: "";
  animation: grow 0.5s forwards;
  animation-delay: 0.8s;
  background-color: #E63214;
}
@media (max-width: 768px) {
  .section-header-anim .header-headlines .headline.aos-animate:before {
    left: -0.625rem;
    top: 0.125rem;
    max-width: 46px;
    height: 42px;
  }
}
.section-header-anim .header-headlines .subline {
  position: relative;
  max-width: 630px;
  align-self: flex-end;
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  letter-spacing: 0.063rem;
  text-align: right;
  text-transform: uppercase;
}
.section-header-anim .header-headlines .subline .color {
  color: #FFFFFF;
  font-size: 3rem;
  line-height: 5rem;
}
@media (max-width: 768px) {
  .section-header-anim .header-headlines .subline .color {
    font-size: 2.125rem;
    line-height: 3.125rem;
    letter-spacing: 0.03125rem;
  }
}
.section-header-anim .header-headlines .subline.aos-animate .color div {
  position: relative;
  animation: change 0.8s linear 1s forwards;
  border: 0.125rem solid transparent;
  background: linear-gradient(#E63214, #E63214) left no-repeat;
  background-size: 0% 100%;
  display: inline;
  padding: 0.4375rem 0.6875rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.875rem;
}
@media (max-width: 768px) {
  .section-header-anim .header-headlines .subline.aos-animate .color div {
    padding: 0.125rem 0.4375rem;
  }
}
@media (max-width: 1024px) {
  .is-mac .section-header-anim .desktop-img_background, .is-mac .section-header-anim .mobile-img_background {
    background-attachment: scroll;
  }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .is-mac .section-header-anim .desktop-img_background, .is-mac .section-header-anim .mobile-img_background {
    background-attachment: scroll;
  }
}
/*Animate width to 100%*/
@keyframes grow {
  from {
    width: 0;
  }
  to {
    width: 65px;
  }
}
@keyframes change {
  100% {
    background-size: 100% 100%;
  }
}
.effektStatement {
  padding: 5.625rem 0;
}
@media (max-width: 768px) {
  .effektStatement {
    padding: 3.75rem 0;
  }
}
.effektStatement .icon {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: 0 0 1.875rem;
}
.effektStatement h2 {
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 1.75rem;
  font-weight: 300;
  letter-spacing: 0.021875rem;
  line-height: 2.125rem;
  text-align: center;
  margin: 0 0 0.3125rem;
}
.effektStatement h2.highlight {
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.contenance-gutex-content-parallaxjumpnavitem:last-child .row.effektStatement:last-child {
  padding-bottom: 0;
}
.introText {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.75rem;
  letter-spacing: 0.03125rem;
  line-height: 2.625rem;
  margin: 0;
  padding: 5.625rem 0 3.75rem;
}
@media (max-width: 768px) {
  .introText {
    padding: 3.75rem 0 1.875rem;
  }
}
@media (max-width: 576px) {
  .introText {
    font-size: 1.375rem;
    letter-spacing: 0.024375rem;
    line-height: 2.3125rem;
  }
}
.introText .introText_highlight {
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.nav-container-icons {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: sticky;
  top: 32%;
  z-index: 9;
  height: 0;
}
.nav-container-icons .clone-nav {
  display: none;
  position: absolute !important;
  left: 1vw !important;
}
.nav-container-icons .clone-nav ul li img {
  filter: brightness(600%);
  opacity: 1;
}
.nav-container-icons .clone-nav ul li:hover img {
  filter: none;
}
.nav-container-icons ul {
  list-style: none;
  padding-left: 0;
}
.nav-container-icons ul li {
  margin-bottom: 1.5625rem;
}
.nav-container-icons ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nav-container-icons ul li a.active img {
  filter: none;
  opacity: 1;
}
.nav-container-icons ul li a.active .nav-container-icons-button {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  transition: width 0.4s ease-in-out;
}
.nav-container-icons ul li .nav-container-icons-button {
  opacity: 0;
  width: 0;
  height: 0;
  margin-left: 1.25rem;
  background-color: #E63214;
  color: white;
  font-size: 0.75rem;
  line-height: 1.25rem;
  overflow: hidden;
  transition: width 0.4s ease-in-out;
}
@media (max-width: 768px) {
  .nav-container-icons ul li .nav-container-icons-button {
    opacity: 1;
    width: auto;
    height: auto;
    margin-left: 0.3125rem;
    background-color: transparent;
    color: #E63214;
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.625rem;
  }
}
.nav-container-icons ul li img {
  width: 24px;
  filter: grayscale(100%);
  opacity: 0.26;
}
@media (max-width: 768px) {
  .nav-container-icons ul li img {
    filter: none !important;
  }
}
.nav-container-icons.fixed {
  position: fixed;
  top: 32%;
  left: 0;
  height: auto;
  margin-left: 0;
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .nav-container-icons.fixed nav {
    display: block !important;
  }
}
.nav-container-icons.fixed.hide-on-footer {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.nav-container-icons.fixed li.white .icon-jump-nav img {
  filter: brightness(600%);
  opacity: 0.8;
}
.nav-container-icons.fixed li.white .icon-jump-nav.active img, .nav-container-icons.fixed li.white .icon-jump-nav:hover img {
  opacity: 1;
  filter: none;
}
.nav-container-icons:hover .nav-container-icons-button {
  opacity: 1;
}
@media (max-width: 768px) {
  .nav-container-icons nav {
    padding: 2.8125rem 2.8125rem 1.875rem;
  }
  .nav-container-icons nav ul {
    padding: 0;
  }
  .nav-container-icons nav ul li a:before {
    display: none;
  }
}
@media (min-width: 768px) {
  .icon-jump-nav:hover img {
    filter: none;
  }
  .icon-jump-nav:hover .nav-container-icons-button {
    position: absolute;
    left: 2.5rem;
    width: auto;
    height: auto;
    padding: 0.125rem 0.3125rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
  }
}
.nav-container-icons.clone-nav ul li img {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .nav-container-icons.clone-nav ul li img {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-duration: 2s;
}
.hide-el {
  opacity: 0;
}
.default-nav li {
  padding-left: 0;
}
.quote {
  max-width: 45.625rem;
  margin: 0 auto;
  padding: 2.8125rem;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
  background: white;
}
.quote i {
  font-size: 1.6875rem;
  color: #E63214;
}
.quote .quote-title {
  margin: 1.25rem 0 1.875rem;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #63524E;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 2.0625rem;
}
.quote .name {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.01875rem;
  line-height: 1.375rem;
}
.quote .jobtitle {
  margin-bottom: 0;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
@media (max-width: 575px) {
  .quote {
    padding: 1.25rem;
  }
  .quote .quote-title {
    margin: 0.9375rem 0;
    font-size: 1.375rem;
  }
}
/*Quote with image*/
.quote-image {
  position: relative;
  z-index: 0;
}
.quote-image .quotes-img {
  position: absolute;
  right: 1.875rem;
  height: 100%;
  width: 50%;
  z-index: -1;
}
.quote-image .quote-box {
  width: 58%;
  padding: 4.0625rem 0;
}
.quote-image.reverse .quote-box {
  margin: 0 0 0 auto;
}
.quote-image.reverse .quotes-img {
  left: 1.875rem;
  right: auto;
}
@media (max-width: 768px) {
  .quote-image.reverse .quotes-img {
    left: 0px;
  }
}
.quote-image.reverse .quotes-img:before {
  left: -1.875rem;
  width: 125px;
  height: 125px;
}
@media (max-width: 767px) {
  .quote-image .quotes-img {
    right: 3.75rem;
    height: 448px;
    width: 90%;
  }
  .quote-image .quotes-img:before {
    right: -3.75rem;
    bottom: 6.125rem;
  }
  .quote-image .quote-box {
    width: 70%;
    float: right;
    padding: 350px 0 0;
  }
  .quote-image.reverse .quotes-img {
    left: 3.75rem;
  }
  .quote-image.reverse .quotes-img:before {
    left: -3.75rem;
  }
  .quote-image.reverse .quote-box {
    float: left;
  }
}
@media (max-width: 575px) {
  .quote-image .quotes-img {
    right: 0;
    width: 100%;
    height: 300px;
  }
  .quote-image .quotes-img:before {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    width: 95px;
    height: 95px;
  }
  .quote-image .quote-box {
    width: 100%;
    padding: 18.75rem 0 0;
  }
  .quote-image.reverse .quotes-img {
    left: 0;
  }
  .quote-image.reverse .quotes-img:before {
    left: 0;
    width: 95px;
    height: 95px;
  }
}
/*Quote slider*/
.quote-slider .quote img {
  width: 27px;
}
.quote-slider .slider-nav .swiper-pagination-fraction {
  bottom: 0.3125rem;
}
.quote-slider .slider-nav .swiper-button-prev {
  right: calc(10% + 3.75rem);
}
.quote-slider .slider-nav .swiper-button-prev:before {
  content: " " !important;
  height: 0.75rem;
  width: 0.75rem;
  border-color: #E63214;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transition: all 0.3s ease-in-out;
  transform: rotate(222deg);
  position: static;
  background: none;
  order: 2;
  margin-right: -0.75rem;
}
.quote-slider .slider-nav .swiper-button-prev:after {
  transition: all 0.3s ease-in-out;
  content: "";
  height: 0.125rem;
  width: 0.875rem;
  background: #E63214;
  order: 3;
  margin-right: auto;
}
.quote-slider .slider-nav .swiper-button-prev:hover:after {
  width: 1.5rem;
}
.quote-slider .slider-nav .swiper-button-next {
  right: calc(10% - 1.875rem);
}
.quote-slider .slider-nav .swiper-button-next:before {
  transition: all 0.3s ease-in-out;
  content: " ";
  height: 0.125rem;
  width: 0.875rem;
  background: #E63214;
  order: 2;
  margin-left: auto;
}
.quote-slider .slider-nav .swiper-button-next:after {
  content: " " !important;
  height: 0.75rem;
  width: 0.75rem;
  border-color: #E63214;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transition: all 0.3s ease-in-out;
  transform: rotate(45deg);
  position: static;
  background: none;
  order: 3;
  margin-left: -0.75rem;
}
.quote-slider .slider-nav .swiper-button-next:hover:before {
  width: 1.5rem;
}
@media (max-width: 576px) {
  .quote-slider .slider-nav {
    display: none;
  }
}
.quote-slider .reverse .quote-box .quote {
  margin: 0;
}
@media (max-width: 576px) {
  .quote-slider {
    margin-right: -0.9375rem;
  }
}
@media (max-width: 767px) {
  .quote-slider .reverse .quote-box {
    float: right;
  }
  .quote-slider .reverse .quote-box .quote {
    margin: 0;
  }
  .quote-slider .reverse .quotes-img {
    left: auto;
    right: 3.75rem;
  }
  .quote-slider .reverse .quotes-img:before {
    left: auto;
  }
}
@media (max-width: 575px) {
  .quote-slider .reverse .quotes-img {
    left: auto;
    right: 0;
  }
  .quote-slider .quote {
    margin: 0.3125rem;
  }
  .quote-slider .reverse {
    margin: 0.3125rem;
  }
  .quote-slider .slider-nav .swiper-button-prev {
    right: calc(10% + 5.625rem);
  }
  .quote-slider .slider-nav .swiper-pagination {
    right: calc(10% + 1.875rem);
  }
  .quote-slider .slider-nav .swiper-button-next {
    right: 10%;
  }
}
.contenance-gutex-content-quoteslider {
  max-width: 895px;
  margin: auto;
}
.quote-slider .slider-nav .swiper-button-prev {
  right: calc(10% + 3.75rem);
}
.quote-slider .slider-nav .swiper-button-next {
  right: calc(10% - 1.875rem);
}
.quote-slider .reverse {
  margin: 0;
}
.quote-slider .reverse .quote-box {
  margin: 0 0.9375rem 0 auto;
}
@media (max-width: 576px) {
  .quote-slider .reverse .quote-box {
    margin: 0 auto;
  }
}
.quote-slider .reverse .quote-box .quote {
  margin: 0;
}
.quote-slider .reverse .quotes-img {
  left: 0;
}
@media (max-width: 767px) {
  .quote-slider .reverse .quote-box {
    float: right;
  }
  .quote-slider .reverse .quote-box .quote {
    margin: 0;
  }
  .quote-slider .reverse .quotes-img {
    right: 3.75rem;
  }
  .quote-slider .reverse .quotes-img:before {
    left: auto;
  }
}
@media (max-width: 575px) {
  .quote-slider .reverse .quotes-img {
    left: auto;
    right: 0;
  }
  .quote-slider .quote {
    margin: 0.3125rem;
  }
  .quote-slider .reverse {
    margin: 0.3125rem;
  }
  .quote-slider .slider-nav .swiper-button-prev {
    right: calc(10% + 5.625rem);
  }
  .quote-slider .slider-nav .swiper-pagination {
    right: calc(10% + 1.875rem);
  }
  .quote-slider .slider-nav .swiper-button-next {
    right: 10%;
  }
}
/*Animated List*/
.slide .list-row {
  flex-direction: column;
  margin: 0 auto;
  color: white;
  text-align: center;
  max-width: 47.5rem;
  padding-bottom: 2.5rem;
}
@media (max-width: 1200px) {
  .slide .list-row {
    max-width: 66.666667%;
  }
}
@media (max-width: 992px) {
  .slide .list-row {
    max-width: 83.333333%;
  }
}
@media (max-width: 576px) {
  .slide .list-row {
    max-width: 100%;
  }
}
.slide .list-row ul {
  list-style: none;
}
.slide .list-row a {
  height: 75px;
}
@media (max-width: 768px) {
  .slide .list-row a {
    width: 100%;
  }
}
.parallax-list {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1200px) {
  .parallax-list {
    padding-left: 0;
  }
}
.jump-cont.row.aos-animate .navbar {
  animation: fadeIn 0.7s forwards;
  animation-delay: 0.3s;
}
.jump-cont.row .navbar {
  opacity: 0;
}
.icon-col {
  padding: 0;
}
.icon-col .dom-explosion-item {
  position: relative;
  top: 0;
  width: 45px;
  height: 45px !important;
  margin: 0;
  padding-bottom: 0;
}
@media (max-width: 1200px) {
  .icon-col .dom-explosion-item {
    display: flex;
  }
}
.icon-col .dom-explosion-item img {
  max-width: 45px;
  max-height: 45px;
  width: auto;
  height: auto;
  object-fit: contain;
}
@media (max-width: 576px) {
  .icon-col .dom-explosion-item img {
    width: 45px;
    height: 45px;
  }
}
.line-col {
  padding: 0 4.6875rem 0 4.0625rem;
}
@media (max-width: 768px) {
  .line-col {
    padding: 0 3.6875rem 0 3.875rem;
  }
}
.line-col .line {
  position: relative;
  top: 1rem;
  width: 2.1875rem;
  height: 100%;
  margin: 0;
  padding-bottom: 1.875rem;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.01875rem;
  line-height: 2.8125rem;
}
.line-col .line:before {
  content: "";
  display: flex;
  align-items: center;
  align-self: center;
  box-sizing: border-box;
  width: 100%;
  height: 0.0625rem;
  background: #E63214;
}
.text-col {
  justify-content: center;
}
.text-col .explosion-byline {
  position: relative;
  top: 0;
  margin: 0;
  padding-bottom: 0;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.01875rem;
  line-height: 1.875rem;
  text-align: left;
}
@media (max-width: 768px) {
  .text-col .explosion-byline {
    overflow-wrap: anywhere;
  }
}
#opacity {
  width: fit-content;
  max-width: 33.75rem;
  padding: 0 0.9375rem;
}
@media (max-width: 1200px) {
  .icon-col, .line-col {
    min-width: 4.6875rem;
  }
}
@media (max-width: 576px) {
  .icon-col, .line-col {
    min-width: 3rem;
  }
}
@media (max-width: 768px) {
  .text-col .explosion-byline {
    line-height: 1.875rem;
  }
  #opacity {
    max-width: 650px;
  }
}
hr.list-animation {
  visibility: hidden;
  margin: 0;
}
.parallax-content .padding-inner-95 .col-md-6:nth-child(2) {
  padding: 2.375rem 5.9375rem 0 5.9375rem;
}
.parallax-content .cols-6-6 .col-md-6:nth-of-type(2) {
  padding-left: 4.0625rem;
}
@media (min-width: 576px) and (max-width: 800px) {
  .parallax-content .cols-6-6 .col-md-6:nth-of-type(2) {
    padding-left: 1.875rem;
  }
  .parallax-content .cols-6-6 .col-md-6:nth-of-type(2) div {
    padding-top: 0;
  }
}
@media (max-width: 576px) {
  .parallax-content .cols-6-6 .col-md-6:nth-of-type(2) {
    padding: 0.9375rem;
  }
}
/* ---- isotope ---- */
.grid {
  max-width: 75rem;
}
.grid:after {
  content: "";
  display: block;
  clear: both;
}
.detail-katalog {
  margin: -5.9375rem auto 0;
  background: white;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.detail-katalog .detail-katalog-container {
  padding: 2.8125rem 5.9375rem;
}
.detail-katalog .detail-katalog-container .detail-katalog-title {
  margin: 0;
  word-break: break-word;
}
.detail-katalog .detail-katalog-container .detail-katalog-title div {
  margin: 0;
  padding-bottom: 0.9375rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2.1875rem;
  letter-spacing: 0.03125rem;
  line-height: 2.8125rem;
}
@media (max-width: 768px) {
  .detail-katalog .detail-katalog-container .detail-katalog-title div {
    font-size: 1.625rem;
    letter-spacing: 0.023125rem;
    line-height: 2.5rem;
  }
}
.detail-katalog .detail-katalog-container .detail-katalog-intro div {
  margin: 0;
  padding-bottom: 1.875rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.detail-katalog .detail-katalog-container .filter-docs .detail-filters {
  display: flex;
  width: 100%;
  padding-bottom: 1.875rem;
}
.detail-katalog .detail-katalog-container .filter-docs .display-height-zero {
  height: 0 !important;
  transition: 0.4s;
}
.detail-katalog .detail-katalog-container .filter-docs .display-height-full {
  height: 100% !important;
  overflow: visible !important;
  transition: 0.4s;
}
.detail-katalog .detail-katalog-container .filter-docs .display-height-full table tr:first-of-type {
  display: table-row !important;
}
.detail-katalog .detail-katalog-container .filter-docs .display-height-full table tr:first-of-type td {
  padding: 0.125rem 0;
}
.detail-katalog .detail-katalog-container .filter-docs .display-height-full table tr:first-of-type td .neos-nodetypes-text p {
  line-height: 1.625rem;
  letter-spacing: 0.0125rem;
  font-weight: 400;
  font-size: 0.75rem !important;
}
.detail-katalog .detail-katalog-container .filter-docs .detail-results {
  padding-bottom: 0.9375rem;
  float: right;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.detail-katalog .detail-katalog-container .filter-docs .detail-results span {
  padding-left: 0.625rem;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.01875rem;
  line-height: 2.0625rem;
}
.detail-katalog .detail-katalog-container .filter-docs .download-item {
  margin-bottom: 0.9375rem;
}
.detail-katalog .detail-katalog-container .filter-docs .row:last-of-type {
  padding-bottom: 2.8125rem;
}
.detail-katalog .detail-katalog-container .detail-doc {
  padding-top: 2.8125rem;
  border-top: 0.0625rem solid #DEDCD9;
}
.detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.875rem;
}
.detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-title h3 {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.01875rem;
  line-height: 1.375rem;
  margin: 0;
  padding-right: 0.625rem;
}
.detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-title button {
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  letter-spacing: 0.075rem;
  line-height: 0.9375rem;
  background: none;
  margin-left: auto;
  padding: 1.0625rem 1.875rem;
  border: 0.125rem solid #E63214;
}
.detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-title button i {
  margin-left: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-text {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.detail-katalog .detail-katalog-container .filter-item {
  display: contents;
}
.ui-group {
  width: calc(100% / 3);
  display: flex;
  padding-right: 1.25rem;
  flex-direction: column;
}
.ui-group:last-of-type {
  padding-right: 0;
}
@media (max-width: 1024px) {
  .ui-group .form-group {
    padding-right: 0;
  }
}
.ui-group .dropdown-toggle {
  height: 100%;
}
.ui-group select {
  border: 0.0625rem solid #DEDCD9;
  background-color: #FFFFFF;
  padding: 0.625rem;
}
.ui-group select:focus {
  outline: none;
}
.ui-group h3 {
  margin: 0;
  padding-bottom: 0.3125rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.ui-group.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.ui-group.enabled {
  pointer-events: auto;
  opacity: 1;
}
.ui-group .button-group {
  display: inline-block;
  margin-right: 1.25rem;
}
.imgBackground {
  width: 90%;
  height: 330px;
  margin: auto;
  padding: 0;
}
.imgBackground img {
  width: 100%;
  height: 100%;
}
.detailzeichnungskatalog-filter {
  height: auto !important;
}
.imgTxtBig {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.detail-katalog-element {
  margin: 0;
}
.detail-katalog-element .square-red {
  position: relative;
}
.detail-katalog-element .square-red:before {
  top: -1.875rem;
  right: -1.875rem;
  background-color: #E63214;
  mix-blend-mode: multiply;
}
.detail-katalog-element .primary-button a:hover {
  padding: 1.0625rem 1.875rem !important;
}
.detail-katalog-element .primary-button a:hover:before {
  content: "";
  display: none;
}
.detail-katalog-element .detail-katalog {
  padding: 0;
}
.square-red:before {
  content: "";
  position: absolute;
  right: 2.1875rem;
  top: -1.25rem;
  width: 180px;
  height: 180px;
  background-color: rgba(202, 61, 48, 0.8);
}
@media (max-width: 1024px) {
  .detail-filters {
    flex-wrap: wrap;
  }
  .detail-filters .ui-group {
    width: calc(100% / 2);
    display: flex;
    margin-right: 0;
  }
  .detail-filters .ui-group:last-child:not(:nth-child(even)) {
    width: 100%;
  }
  .detail-filters .ui-group:nth-of-type(2) {
    padding-right: 0;
  }
  .detail-katalog .detail-katalog-container {
    padding: 2.8125rem 1.875rem;
  }
  .form-group {
    padding-right: 2.5rem;
  }
}
@media (max-width: 767px) {
  .detail-katalog-element .imgBackground {
    position: relative;
    width: 100%;
    max-height: 210px;
  }
  .detail-katalog-element .imgBackground:before {
    width: 125px;
    height: 125px;
    top: -0.9375rem;
    right: -0.9375rem;
  }
  .detail-katalog {
    margin: -1.3125rem auto 0;
  }
  .detail-katalog .detail-katalog-container {
    padding: 2.8125rem 1.25rem;
  }
  .detail-katalog .detail-katalog-container .detail-katalog-title {
    font-size: 1.625rem;
    letter-spacing: 0.023125rem;
    line-height: 2.5rem;
  }
  .detail-katalog .detail-katalog-container .detail-katalog-intro {
    word-break: break-word;
  }
  .detail-katalog .detail-katalog-container .detail-doc-text p {
    font-size: 0.75rem;
    line-height: 1.25rem;
    word-break: break-word;
  }
  .detail-katalog .detail-katalog-container .detail-doc-title button {
    padding: 0.9375rem 1.25rem;
  }
  .detail-katalog .filter-docs .detail-filters {
    display: block;
  }
  .ui-group {
    width: 100%;
  }
  .ui-group:nth-of-type(2) .form-group {
    padding-right: 0;
  }
  .ui-group:nth-of-type(3) .form-group {
    padding-right: 0;
  }
}
@media (max-width: 576px) {
  .detail-katalog-element .imgBackground {
    position: relative;
    width: 100%;
    max-height: 180px;
  }
  .detail-katalog-element .imgBackground:before {
    width: 95px;
    height: 95px;
    right: 0;
  }
  .detail-katalog {
    margin: 0;
  }
  .detail-katalog .detail-katalog-container {
    padding: 2.375rem 0.9375rem;
  }
  .detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-katalog-intro {
    word-break: break-word;
  }
  .detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-text p {
    font-size: 0.75rem;
    line-height: 1.25rem;
    word-break: break-word;
  }
  .detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-title {
    flex-direction: column;
    align-items: baseline;
    padding-bottom: 0;
  }
  .detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-title h3 {
    padding-bottom: 0.9375rem;
  }
  .detail-katalog .detail-katalog-container .detail-doc .detail-doc-container .detail-doc-title button {
    margin: 0.9375rem auto 0 0;
    padding: 0.9375rem 1.25rem;
  }
  .detail-katalog .detail-katalog-container .filter-docs .detail-filters {
    display: block;
  }
  .detail-filters .ui-group {
    width: 100%;
    padding-right: 0;
  }
  .detail-filters .ui-group .form-group {
    width: 100%;
    padding-right: 0;
  }
}
/*konstruktionsfinder*/
.konstruktionsfinder {
  height: auto !important;
}
.new-acc {
  padding: 0;
}
.new-acc .accordion-image {
  max-height: 144px;
}
.new-acc .accordion-image img {
  height: 100%;
}
.new-acc .card {
  margin-bottom: 0.9375rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.new-acc .card .accordion-head {
  flex-direction: column;
  padding: 0.9375rem 0.9375rem 1.875rem 1.875rem !important;
  border-bottom: none !important;
}
.new-acc .card .accordion-head .acc-heading-image {
  display: flex;
}
.new-acc .card .accordion-head .acc-heading-image .title-sub {
  display: flex;
  flex-direction: column;
  padding: 0 0.9375rem 0 0;
}
.new-acc .card .accordion-head .acc-heading-image .title-sub h3 {
  margin: 0;
  padding-bottom: 0.9375rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: 0.01875rem;
  line-height: 1.875rem;
}
.new-acc .card .accordion-head .acc-heading-image .title-sub .subtitle {
  padding-bottom: 0.3125rem;
  color: #C7BCBA;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.new-acc .card .accordion-head .acc-heading-image .title-sub .acc-link {
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.new-acc .card .accordion-head .acc-heading-image .title-sub .acc-link:hover {
  text-decoration: none;
}
.new-acc .card .accordion-head .acc-heading-image .accordion-image {
  padding: 0;
  padding-right: 0.9375rem;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  height: 144px !important;
  display: flex;
  justify-content: flex-end;
}
.new-acc .card .accordion-head .acc-heading-image .accordion-image figure {
  width: 100%;
}
.new-acc .card .accordion-head .acc-heading-image .accordion-image figure img {
  max-height: 144px;
}
@media (max-width: 768px) {
  .new-acc .card .accordion-head .acc-heading-image .accordion-image {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 576px) {
  .new-acc .card .accordion-head .acc-heading-image .accordion-image {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.new-acc .card .accordion-head .title .acc-title {
  width: 100%;
  margin-bottom: 0;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.01875rem;
  line-height: 1.375rem;
}
.new-acc .card .accordion-head .title .acc-title i {
  float: right;
}
.new-acc .card .accordion-head .title.collapsed {
  padding: 1.75rem 0 !important;
  border-bottom: 0.0625rem solid #dedcd9;
}
.new-acc .card .accordion-head .title.collapsed .acc-title {
  margin: 0;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.01875rem;
  line-height: 1.375rem;
}
.new-acc .card table th:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 0.9375rem);
  bottom: 0;
  border-bottom: 0.0625rem solid #63524E;
}
.new-acc .card table td {
  position: relative;
}
.new-acc .card table td:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 0.9375rem);
  bottom: 0;
  border-bottom: 0.0625rem solid #DEDCD9;
}
.new-acc .card-body {
  padding: 0 1.875rem !important;
  float: none !important;
}
.new-acc .card-body .acc-list {
  padding-bottom: 1.875rem;
}
.new-acc .card-body .acc-list ul {
  padding-inline-start: 0;
  margin: 0;
  list-style-type: none;
}
.new-acc .card-body .acc-list ul li {
  color: #63524E;
  font-family: #F3F3F3;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.new-acc .card-body .acc-list ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  margin-right: 1.875rem;
  vertical-align: middle;
  background-color: #E63214;
}
.new-acc .card-body .simple-text p {
  margin: 0;
  padding-bottom: 3.75rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.new-acc .card-body .acc-table {
  padding-bottom: 4rem;
}
.new-acc .card-body .acc-table table {
  width: 100%;
}
.new-acc .card-body .acc-table table th {
  position: relative;
  padding-right: 0.9375rem;
  padding-bottom: 0.3125rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.new-acc .card-body .acc-table table td {
  padding: 0.9375rem 0.9375rem 0.9375rem 0;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.new-acc .card-body .acc-table-headline h4 {
  margin: 0;
  padding-bottom: 1.875rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.01875rem;
  line-height: 1.625rem;
}
.new-acc .card-body .acc-table-headline table th {
  position: relative;
  width: calc(100% / 3);
  padding-right: 0;
  padding-top: 0.9375rem;
  padding-bottom: 0.3125rem;
  vertical-align: baseline;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0;
}
.new-acc .card-body .acc-table-headline table th:after {
  border-bottom: 0.0625rem solid #DEDCD9;
}
.new-acc .card-body .acc-table-headline table td {
  width: calc(100% / 3);
}
.new-acc .card-body .acc-filter {
  padding-bottom: 3.5625rem;
}
.new-acc .card-body .acc-filter:last-of-type {
  padding-bottom: 0;
}
.new-acc .card-body .acc-filter .detail-filters .ui-group {
  width: 100%;
}
.new-acc .card-body .acc-filter .detail-filters .ui-group .acc-dropdown .acc-dropdown-select {
  border: none !important;
  border-bottom: 0.0625rem solid #63524E !important;
}
.new-acc .card-body .acc-filter .detail-filters.filter-header .filter-header-parts {
  padding-right: 1.875rem;
}
.new-acc .card-body .acc-filter .detail-filters.filter-header .filter-header-parts:last-of-type {
  padding-right: 0;
}
.new-acc .card-body .acc-filter .detail-filters.filter-header .filter-header-parts p {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin: 0;
  padding-bottom: 0.3125rem;
}
@media (max-width: 768px) {
  .new-acc .card-body .acc-filter .detail-filters.filter-header .filter-header-parts {
    padding-right: 0;
  }
}
.new-acc .card-body .acc-filter .grid-konst {
  height: auto !important;
}
.new-acc .card-body .acc-filter .grid-konst .filter-content {
  padding: 1.875rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.new-acc .card-body .acc-filter .grid-konst .filter-content table {
  width: 100%;
  margin: 0;
}
.new-acc .card-body .acc-filter .grid-konst .filter-content table td {
  padding: 1rem 0;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.new-acc .card-body .acc-filter .grid-konst .filter-content table th {
  position: relative;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.new-acc .card-body .acc-filter .grid-konst .filter-content .konst-filter-item {
  position: relative !important;
  top: 0 !important;
}
.new-acc .card-body .acc-filter .grid-konst .info-text-table {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-top: 0.9375rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  line-height: 1.25rem;
  font-size: 0.75rem;
}
.new-acc .card-body hr.red-line {
  height: 0.25rem;
  margin: 1.875rem 0;
  background-color: #E63214;
  border-top: none;
}
.new-acc .card-body .style-4 table td:after {
  display: none;
}
.detail-katalog .detail-katalog-container .filter-docs .acc-filter .detail-filters {
  padding-bottom: 0.75rem;
}
.detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .acc-heading-image {
  padding-bottom: 0;
}
.detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .acc-heading-image .accordion-image img {
  object-fit: contain;
}
@media (max-width: 576px) {
  .detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .acc-heading-image .accordion-image {
    display: flex;
    justify-content: center;
    max-height: 180px !important;
    height: 180px !important;
  }
  .detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .acc-heading-image .accordion-image img {
    max-height: 180px;
  }
}
@media (max-width: 576px) {
  .detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .acc-heading-image .accordion-image .modal-content .img-responsive.modal-body {
    max-height: 280px;
    height: 100%;
  }
}
.detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .acc-heading-image .action-link a:after {
  margin-left: 0;
}
@media (max-width: 576px) {
  .detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .acc-heading-image a[data-toggle="collapse"] {
    padding-top: 0 !important;
  }
}
.detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .title {
  color: #63524E;
}
.detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .title .acc-title:hover {
  color: #E63214;
}
.detail-katalog .detail-katalog-container .filter-docs .konst-katalog-filter .title:hover {
  color: #E63214;
}
.detail-katalog-container {
  height: auto !important;
}
.card {
  position: initial !important;
  left: unset;
  top: unset;
}
.card .accordion-body .acc-filter .grid-konst {
  height: auto !important;
}
.acc-filter {
  height: auto !important;
}
.konstruktionsfinder {
  height: max-content !important;
}
/* Filter table backend */
div[data-__neos-node-contextpath] .filter-content {
  display: block;
  position: relative;
  height: 100%;
}
div[data-__neos-node-contextpath] .filter-content table tr {
  width: 100%;
  display: table-row;
  position: relative !important;
  top: auto !important;
}
div[data-__neos-node-contextpath] .filter-content table tr td {
  display: table-cell;
  border-bottom: 0.0625rem solid #dedcd9;
  padding: 0.75rem 0;
}
div[data-__neos-node-contextpath] .filter-content table tr:first-child th, div[data-__neos-node-contextpath] .filter-content table tr:first-child td {
  border-bottom: 0.0625rem solid #63524E;
  padding: 0.125rem 0;
  font-weight: 400;
}
div[data-__neos-node-contextpath] p.info-text-table {
  padding: 0 !important;
  height: 100%;
  position: relative;
  display: block;
}
.konstruktionsfinder .grid-konst {
  padding-bottom: 1.875rem;
}
.konstruktionsfinder .ui-group button:focus {
  outline: none !important;
}
.konstruktionsfinder .acc-dropdown-select button {
  border: none !important;
  padding-left: 0;
}
.konstruktionsfinder .acc-dropdown-select button .filter-option-inner-inner {
  font-weight: 400;
}
.konstruktionsfinder .row {
  margin: 0;
}
.konstruktionsfinder .row .col-12 {
  padding: 0;
}
#queryDiv {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  height: 7.5rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
}
#queryDiv #landQuery {
  min-width: 15rem;
  margin-bottom: 0;
  margin-left: 1.875rem;
  padding-right: 0.9375rem;
}
#queryDiv #landQuery .dealerDropdownInput {
  width: 100%;
  min-width: 15rem;
  height: 2.8125rem;
  display: block;
  padding: 0.375rem 0.75rem;
  border: 0.0625rem solid #DEDCD9;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-clip: padding-box;
  background-color: #fff;
  color: #495057;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
#queryDiv #landQuery .dealerDropdownInput select {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
#queryDiv #landQuery button {
  height: 45px;
}
@media (max-width: 992px) {
  #queryDiv #landQuery {
    width: 25%;
    min-width: auto;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  #queryDiv #landQuery {
    min-width: auto;
  }
}
@media (max-width: 992px) {
  #queryDiv #landQuery {
    margin-left: 0;
  }
}
#queryDiv #plzQuery #placeZip {
  height: 2.8125rem;
  width: 100%;
  min-width: 15rem;
  display: block;
  padding: 0.375rem 0.75rem;
  border-radius: 0;
  border: 0.0625rem solid #DEDCD9;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-clip: padding-box;
  background-color: #fff;
  color: #63524E;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
#queryDiv #plzQuery #placeZip:focus {
  border: 0.0625rem solid #C7BCBA !important;
}
#queryDiv #plzQuery #placeZip::placeholder {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
@media (min-width: 768px) and (max-width: 1140px) {
  #queryDiv #plzQuery #placeZip {
    min-width: auto;
  }
}
@media (max-width: 768px) {
  #queryDiv #plzQuery #placeZip {
    min-width: auto;
  }
}
@media (max-width: 992px) {
  #queryDiv #plzQuery {
    width: 25%;
  }
}
#queryDiv #rangePick {
  position: relative;
  width: 100%;
  max-width: 16.875rem;
  margin-left: 1.875rem;
  margin: 0 1.875rem;
}
#queryDiv #rangePick #rangeV {
  width: 3.25rem;
  background-color: #E63214;
  text-align: center;
  line-height: 1;
  margin-left: 30%;
  margin-bottom: 1.0625rem;
  margin-top: -0.875rem;
}
#queryDiv #rangePick #rangeV span {
  position: relative;
  height: 1.375rem;
  vertical-align: text-bottom;
  color: #FFFFFF;
  font-family: "Lato-Light", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.375rem;
}
#queryDiv #rangePick #rangeV span:after {
  content: "";
  position: absolute;
  left: 0.3125rem;
  top: 1.125rem;
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #E63214;
  clear: both;
}
@media (max-width: 1200px) {
  #queryDiv #rangePick #rangeV {
    margin-left: 28%;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  #queryDiv #rangePick #rangeV {
    margin-left: 26%;
    margin-top: -0.5rem;
  }
}
@media (max-width: 768px) {
  #queryDiv #rangePick #rangeV {
    margin-left: 29%;
  }
}
@media (max-width: 576px) {
  #queryDiv #rangePick #rangeV {
    margin-left: 31%;
  }
}
#queryDiv #rangePick #myRange {
  width: 100%;
  height: 0.25rem;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
  background: linear-gradient(to right, #E63214 0%, #E63214 37%, #DEDCD9 37%, #DEDCD9 100%);
  transition: background 450ms ease-in;
}
@media (max-width: 992px) {
  #queryDiv #rangePick {
    width: 25%;
    margin-right: 1.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  #queryDiv #rangePick {
    max-width: 9.375rem;
  }
}
#queryDiv input[type="range"]::-webkit-slider-thumb {
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  -webkit-appearance: none;
  background: #E63214;
}
#queryDiv #actionlink {
  margin-left: auto;
  height: 100%;
}
#queryDiv #actionlink button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1.875rem;
  border: none;
  background-color: #E63214;
  color: white;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
  transition: all 0.4s ease-in-out;
}
#queryDiv #actionlink button .icon-search {
  font-size: 1.5rem;
  margin-right: 0.3125rem;
}
#queryDiv #actionlink button:hover {
  background-color: white;
  color: #E63214;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
  #queryDiv #actionlink button {
    padding: 0 0.875rem;
  }
}
@media (max-width: 992px) {
  #queryDiv #actionlink {
    width: 25%;
  }
}
@media (max-width: 768px) {
  #queryDiv #actionlink {
    width: auto;
    height: 100%;
  }
  #queryDiv #actionlink button {
    padding: 5px 30px;
    height: 100%;
  }
}
@media (max-width: 576px) {
  #queryDiv #actionlink {
    width: 100%;
  }
  #queryDiv #actionlink button {
    width: 100%;
    justify-content: center;
    padding: 0.9375rem 1.875rem;
  }
}
#queryDiv label {
  margin: 0;
  padding-bottom: 0.3125rem;
  color: #63524E !important;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
#dealerMap {
  width: 100%;
  height: 25.625rem;
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#dealerMap ::-webkit-scrollbar {
  width: 0.25rem;
}
#dealerMap ::-webkit-scrollbar-track {
  background: white;
}
#dealerMap ::-webkit-scrollbar-thumb {
  height: 8.125rem;
  background: #63524E;
}
#dealerMap ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#dealerMap #dealerOnMap {
  width: 70%;
  height: 100%;
}
@media (max-width: 1200px) {
  #dealerMap #dealerOnMap {
    width: 50%;
  }
}
#dealerMap #map_canvas {
  width: 100%;
  height: 100%;
}
#dealerMap #dealerAccordions {
  width: 30%;
  height: 100%;
  padding: 1.625rem 2.125rem 0 1.875rem;
  background-color: white;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
  overflow-y: scroll;
}
#dealerMap #dealerAccordions .title-sub h3 {
  margin-bottom: 0.3125rem;
}
#dealerMap #dealerAccordions small.subtitle {
  background: #f3f3f3;
  padding: 0.3125rem;
}
#dealerMap #dealerAccordions .ce_accordion {
  display: none;
}
#dealerMap #dealerAccordions .ce_accordion.search_toggler {
  display: block !important;
  padding-top: 0;
}
#dealerMap #dealerAccordions .ce_accordion.search_toggler a.action-link {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #e94739, #e94739, #e94739);
  background-size: 100% 0.125em, 0 0.125em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.25s;
}
#dealerMap #dealerAccordions .ce_accordion.search_toggler a.action-link:hover, #dealerMap #dealerAccordions .ce_accordion.search_toggler a.action-link:focus {
  background-size: 0 0.125em, 100% 0.125em;
}
@media (max-width: 1200px) {
  #dealerMap #dealerAccordions {
    width: 50%;
    padding: 1.25rem;
  }
}
#dealerMap #dealerAccordions small.subtitle {
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  #dealerAccordions {
    width: 50%;
    padding: 1.25rem;
  }
  #queryDiv {
    height: auto;
    padding: 1.25rem;
    flex-wrap: wrap;
  }
  #queryDiv #landQuery {
    width: calc(50% - 0.9375rem);
    min-width: auto;
    margin: 0 0.9375rem 1.875rem 0;
    padding: 0;
  }
  #queryDiv #plzQuery {
    width: calc(50% - 0.9375rem);
    margin: 0 0 1.875rem 0.9375rem;
    padding: 0;
  }
  #queryDiv #rangePick {
    width: calc(50% - 0.9375rem);
    max-width: none;
    margin: 0;
  }
  #actionlink {
    height: 100%;
  }
  #actionlink button {
    padding: 0.3125rem 1.875rem;
    height: 100%;
  }
}
@media (max-width: 576px) {
  #dealerMap {
    height: auto;
    flex-direction: column;
  }
  #dealerMap #dealerOnMap {
    width: 100%;
    height: 30rem;
  }
  #dealerMap #dealerAccordions {
    width: 100%;
  }
  #queryDiv {
    height: auto;
    padding: 1.25rem;
    flex-wrap: wrap;
  }
  #queryDiv #landQuery {
    width: 100%;
    margin: 0 0 0.9375rem;
  }
  #queryDiv #plzQuery {
    width: 100%;
    margin: 0 0 1.875rem;
  }
  #queryDiv #rangePick {
    width: 100%;
    margin: 0 0 1.5625rem;
  }
}
input[type=range]::-moz-range-thumb {
  border: none;
  background: #E63214;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50px;
}
.is-mac input[type=range]::-moz-range-thumb {
  border: none;
  background: #E63214;
}
.is-mac input[type="range"] {
  color: #E63214 !important;
}
.zipError {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: white;
  min-width: 480px;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
  .zipError {
    min-width: 300px;
  }
}
.zipError .errorCont {
  position: relative;
  padding: 2.5rem;
}
@media (max-width: 576px) {
  .zipError .errorCont {
    padding: 1.25rem;
  }
}
.zipError .errorCont button.close {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
}
.zipError .errorCont .closeError {
  display: flex;
  flex-direction: row;
  width: auto;
  margin-left: auto;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  padding: 0.75rem 1.5625rem;
  box-shadow: inset 0 0 0 0.125rem #E63214;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  border: none;
  border-radius: 0 !important;
}
.zipError .errorCont .closeError:hover {
  color: #ffffff;
  background-color: #E63214;
  transition: background-color 0.5s ease-in-out;
}
.zipError .errorCont .noDealer {
  display: none;
}
/*Article teaser */
.gutex-teaser {
  max-width: 45.625rem;
  margin: auto;
}
.gutex-teaser img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}
.gutex-teaser > div {
  -moz-user-select: text !important;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.gutex-teaser > div a {
  -moz-user-select: text !important;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.gutex-teaser .box-link {
  -moz-user-select: text !important;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.gutex-teaser > a:hover .secondary-button span::before {
  width: 0.75rem;
  margin-right: 0.625rem;
  opacity: 1;
  transform: translateX(0);
}
.gutex-teaser-content {
  display: inline-flex;
  flex-direction: column;
  background: white;
  margin-left: 1.875rem;
  margin-bottom: -6.25rem;
  top: -6.25rem;
  max-width: 320px;
  width: calc(100% - 1.875rem);
  position: relative;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #63524E;
  word-break: break-word;
  -moz-user-select: text !important;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.gutex-teaser-content p:last-of-type {
  margin-bottom: 0 !important;
}
.gutex-teaser-content:hover .secondary-button a:last-child::before {
  width: 0.75rem;
  margin-right: 0.625rem;
  opacity: 1;
  transform: translateX(0);
}
.gutex-teaser-content > * {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
.gutex-teaser-content > *.article-category {
  margin: 0;
}
.gutex-teaser-content > *:first-child {
  margin-top: 1.875rem;
}
.gutex-teaser-content a {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  line-height: 0.75rem;
}
.gutex-teaser-content .secondary-button {
  margin: 0;
  margin-top: auto;
  cursor: pointer;
}
.gutex-teaser-content .secondary-button a {
  padding: 0.625rem 1.875rem 1.875rem 1.875rem;
  display: inline-flex !important;
  width: 100%;
  border: none;
}
.gutex-teaser-content .secondary-button a::before {
  content: none;
}
.gutex-teaser-content .secondary-button p {
  margin-bottom: 0;
  line-height: initial;
}
.gutex-teaser-content p {
  word-break: break-word;
  margin-bottom: 0.4375rem;
  letter-spacing: normal;
}
.gutex-teaser-overlay {
  width: 1.875rem;
  height: 150px;
  background: #e94839a6;
  position: absolute;
}
.gutex-teaser .gutex-teaser-icon {
  display: none;
}
.article-category {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: -1.875rem;
  right: 0;
  max-height: 1.875rem;
}
.article-category p {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.875rem;
  letter-spacing: 0.075rem;
  height: 1.875rem;
  color: white;
  padding: 0 0.9375rem;
  text-transform: uppercase;
}
.article-category p:first-child {
  background-color: #E63214;
}
.article-category .property-dena {
  background-color: #E63214 !important;
}
.article-category .property-status {
  background-color: #313544 !important;
}
.article-category p:last-child {
  background-color: #313544;
}
.article-category p:last-child span:last-child:before {
  content: " - ";
}
.gutex-teaser-content h3 {
  color: #63524E;
  word-break: break-word;
}
.gutex-teaser-content-latest-article h3 {
  color: #63524E;
  word-break: break-word;
}
.hover-effect-article {
  color: white;
  height: 100%;
  background-color: #E63214;
}
.hover-effect-article .style-11 {
  height: 100%;
}
.hover-effect-article .gutex-teaser {
  height: 100%;
}
.hover-effect-article .gutex-teaser-content-hover {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: white;
  font-weight: 300;
  line-height: 1.625rem;
}
.hover-effect-article .gutex-teaser-content-hover > * {
  margin: 0 2.8125rem;
}
.hover-effect-article .gutex-teaser-content-hover > *:first-child {
  margin-top: 2.8125rem;
}
@media (max-width: 768px) {
  .hover-effect-article .gutex-teaser-content-hover > *:first-child {
    margin-top: 1.25rem;
  }
}
@media (max-width: 768px) {
  .hover-effect-article .gutex-teaser-content-hover > * {
    margin: 0 1.25rem;
  }
}
.hover-effect-article .gutex-teaser-content-hover h1, .hover-effect-article .gutex-teaser-content-hover h2, .hover-effect-article .gutex-teaser-content-hover h3, .hover-effect-article .gutex-teaser-content-hover h4, .hover-effect-article .gutex-teaser-content-hover h5, .hover-effect-article .gutex-teaser-content-hover h6 {
  margin-bottom: 0.4375rem;
}
.hover-effect-article .gutex-teaser-content-hover a {
  display: inline-flex !important;
  width: 100%;
  border: none;
  color: #fff;
  padding: 0.9375rem 2.8125rem 2.8125rem;
}
@media (max-width: 768px) {
  .hover-effect-article .gutex-teaser-content-hover a {
    padding: 0.9375rem 1.25rem 1.25rem;
  }
}
.hover-effect-article .gutex-teaser-content-hover a span {
  color: #fff;
  border-bottom-color: #fff;
}
.hover-effect-article .gutex-teaser-content-hover a:before {
  content: none;
}
.hover-effect-article .gutex-teaser-content-hover .headline-simple {
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0.03125rem;
}
@media (max-width: 768px) {
  .hover-effect-article .gutex-teaser-content-hover .headline-simple {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: 0.02625rem;
  }
}
.hover-effect-article .gutex-teaser-content-hover .subtitle-simple {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  letter-spacing: 0.01875rem;
}
@media (max-width: 768px) {
  .hover-effect-article .gutex-teaser-content-hover .subtitle-simple {
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: 0.015625rem;
  }
}
.hover-effect-article .secondary-button {
  margin-top: auto;
  margin-left: 0;
  margin-right: 0;
}
.hover-effect-article .secondary-button a:hover {
  border-color: white;
}
.hover-effect-article .secondary-button a:hover:before {
  color: white;
}
.hover-effect-article .secondary-button p {
  margin-bottom: 0;
}
.hover-effect-article img {
  width: auto !important;
  height: 2.5rem !important;
  filter: brightness(600%);
  margin-bottom: 1.875rem;
  margin-left: -0.1875rem;
}
.hover-effect-article .gutex-teaser-image {
  display: none;
}
.hover-effect-article .article-category {
  display: none;
}
.hover-effect-article .gutex-teaser-icon {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  object-fit: cover;
  margin-bottom: 1.875rem;
}
.hover-effect-article .gutex-teaser-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #E63214;
  padding: 2.8125rem;
  margin: 0;
  max-width: 45.625rem;
  position: relative;
  box-shadow: none;
  color: white;
}
.hover-effect-article .gutex-teaser-content:before {
  width: 0;
  height: 0;
}
.hover-effect-article .gutex-teaser-content p {
  color: white;
}
.hover-effect-article .gutex-teaser-content h1, .hover-effect-article .gutex-teaser-content h2, .hover-effect-article .gutex-teaser-content h3, .hover-effect-article .gutex-teaser-content h4, .hover-effect-article .gutex-teaser-content h5, .hover-effect-article .gutex-teaser-content h6 {
  color: white;
}
.hover-effect-article .gutex-teaser-content a:last-child {
  color: white;
  border-bottom: 0.0625rem solid white;
  width: fit-content;
}
.gutex-teaser-content figure {
  margin: 0;
}
@media (max-width: 768px) {
  .style-11 .gutex-teaser-content {
    max-width: 267px;
    margin-left: 1.875rem;
  }
  .style-11 .gutex-teaser-content:before {
    left: -1.875rem;
    width: 1.875rem;
  }
  .style-11 .gutex-teaser-content h3 {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: 0.02625rem;
  }
  .style-11 .gutex-teaser-content > * {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .style-11 .gutex-teaser-content .secondary-button a {
    padding: 0.9375rem 1.875rem 1.25rem 0;
  }
}
@media (max-width: 576px) {
  .style-11 .gutex-teaser-content {
    max-width: 100%;
    width: calc(100% - 0.9375rem);
    margin-left: 0.9375rem;
  }
  .style-11 .gutex-teaser-content:before {
    left: -0.9375rem;
    width: 0.9375rem;
  }
}
@media (max-width: 575px) {
  .style-11 .gutex-teaser-content {
    height: 100% !important;
  }
}
@media (max-width: 768px) {
  .style-11 .gutex-teaser img.gutex-teaser-image {
    height: 250px;
  }
}
@media (max-width: 576px) {
  .style-11 .gutex-teaser img.gutex-teaser-image {
    height: 250px;
  }
}
/* Multi teaser 2 columns - style11*/
.neos-nodetypes-columnlayouts-twocolumn .col-sm-6.neos-contentcollection .contenance-gutex-content-imagetextbutton .style-11 .gutex-teaser .gutex-teaser-content {
  flex-flow: column nowrap;
}
.neos-nodetypes-columnlayouts-twocolumn .col-sm-6.neos-contentcollection .contenance-gutex-content-imagetextbutton .style-11 .gutex-teaser .gutex-teaser-content .secondary-button {
  margin-top: auto;
  width: auto;
}
.neos-nodetypes-columnlayouts-twocolumn .col-sm-6.neos-contentcollection .contenance-gutex-content-imagetextbutton .style-11 .gutex-teaser .gutex-teaser-content .secondary-button a span {
  line-height: 1.4rem;
  word-break: break-word;
}
/* Multi teaser 3 columns - style11 */
.col-md-4 .style-11 .gutex-teaser-content {
  max-width: 100%;
}
@media (max-width: 992px) {
  .col-md-4 .style-11 .gutex-teaser-content {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .col-md-4 .style-11 .gutex-teaser-content {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .contenance-gutex-content-imagetextbutton .style-11 {
    padding: 0;
  }
}
/*Training - details tile*/
.gutex-event {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: self-start;
  width: 100%;
  margin: 0 auto 0.9375rem;
  padding: 1.875rem 2.5rem;
  background-color: white;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.gutex-event .gutex-event-detail {
  width: 45%;
}
.gutex-event .gutex-event-detail:first-child {
  width: 25%;
}
@media (max-width: 576px) {
  .gutex-event .gutex-event-detail:first-child {
    padding-bottom: 0.625rem;
  }
}
.gutex-event .gutex-event-detail p {
  line-height: 1.25rem;
}
.gutex-event .gutex-event-detail p:first-child {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #E63214;
}
.gutex-event a {
  width: auto;
  margin-left: auto;
  color: #E63214;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 400;
}
.gutex-event a i {
  vertical-align: middle;
  margin-right: 0.3125rem;
  font-size: 1.5rem;
  font-weight: 400;
}
.gutex-event a:after {
  content: "";
  height: 0.125rem;
  width: 0;
  display: block;
  transition: all ease-in-out 0.2s;
  background: none repeat scroll 0 0 #E63214;
}
.gutex-event a:hover:after {
  width: 100%;
}
.gutex-event p {
  margin-bottom: 0;
}
.gutex-event .event-btn-modal {
  width: auto;
  margin-left: auto;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 400;
  align-self: self-start;
}
.gutex-event .event-btn-modal:after {
  content: "";
  height: 0.125rem;
  width: 0;
  display: block;
  transition: all ease-in-out 0.2s;
  background: none repeat scroll 0 0 #E63214;
}
.gutex-event .event-btn-modal:hover:after {
  width: 100%;
}
.gutex-event .event-btn-modal i {
  vertical-align: middle;
  margin-right: 0.3125rem;
  font-size: 1.5rem;
  font-weight: 400;
}
@media (max-width: 576px) {
  .gutex-event .event-btn-modal {
    position: absolute;
    right: 1.25rem;
    padding-right: 0;
  }
}
@media (max-width: 576px) {
  .gutex-event {
    flex-wrap: wrap;
    flex-direction: column;
    padding: 1.0625rem 1.25rem;
  }
  .gutex-event a {
    position: absolute;
    right: 1.25rem;
  }
  .gutex-event .gutex-event-detail {
    width: 60%;
  }
}
.event-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.event-data .gutex-event-container {
  max-width: 67%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .event-data .gutex-event-container {
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
  }
}
.event-data .gutex-event-detail p {
  line-height: 1.25rem;
}
.event-data .gutex-event-detail p:first-child {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #E63214;
}
@media (max-width: 768px) {
  .event-data .gutex-event-detail h6 {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.125rem;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .event-data .gutex-event-detail:nth-of-type(2) p:nth-of-type(2) {
    margin-left: 0.3125rem;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}
.event-data .contenance-gutex-content-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 33%;
}
.event-data p {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .event-data {
    width: 100%;
    align-items: center;
  }
}
@media (max-width: 576px) {
  .event-data {
    justify-content: space-between;
  }
}
.event-container .event-data {
  margin: 5rem -0.9375rem 0 -0.9375rem;
}
.event-container .row {
  margin-right: 0;
  margin-left: 0;
}
/*Training modal*/
.modal-body .event-container {
  margin: 1.875rem 0;
}
.modal-body .event-data {
  margin: 0;
}
.event-info {
  width: 33%;
}
.event-info p {
  font-size: 0.75rem;
  letter-spacing: 0.009375rem;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: white;
  background-color: #E63214;
  width: fit-content;
  padding: 0 0.625rem;
  cursor: pointer;
}
.event-info .event-arrow-down {
  width: 0;
  height: 0;
  border-left: 0.4375rem solid transparent;
  border-right: 0.4375rem solid transparent;
  border-top: 0.4375rem solid #E63214;
  margin-left: 0.75rem;
}
@media (max-width: 576px) {
  .event-info {
    display: none;
  }
}
.event-sticky-container {
  height: 0;
  overflow: hidden;
}
.event-sticky-container.show {
  position: fixed;
  display: flex;
  top: 4.6875rem;
  left: 0;
  width: calc(100% - 4.75rem);
  background: white;
  height: 4.75rem;
  padding-top: 0.9375rem;
  box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1);
  overflow: visible;
  transition: all 0.5s ease-in-out;
  z-index: 4;
}
@media (min-width: 768px) and (max-width: 768px) {
  .event-sticky-container.show {
    width: calc(100% - 3.75rem) !important;
    height: 3.75rem !important;
    top: 3.75rem !important;
  }
  .event-sticky-container.show.scroll-down {
    top: 0 !important;
  }
}
@media (max-width: 768px) {
  .event-sticky-container.show {
    align-items: center;
    top: 3.75rem;
    width: calc(100% - 3.125rem);
    height: 3.75rem;
    padding-top: 0;
  }
}
@media (max-width: 576px) {
  .event-sticky-container.show {
    top: 3.125rem;
    height: 3.125rem;
  }
}
.event-sticky-container.show .gutex-event-detail {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .event-sticky-container.show .gutex-event-detail p {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 400;
  }
}
.event-sticky-container.show .gutex-event-detail p:first-of-type {
  color: #E63214;
}
.event-sticky-container.show .gutex-event-detail p:nth-of-type(2) {
  margin-left: 0.3125rem;
}
.event-sticky-container.show .gutex-event-detail:first-of-type {
  margin-right: 2.5rem;
}
@media (max-width: 576px) {
  .event-sticky-container.show .gutex-event-detail:first-of-type {
    width: 100%;
  }
}
.event-sticky-container.scroll-down {
  top: 0;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 768px) {
  .event-sticky-container .event-data .gutex-event-link a {
    min-height: 2.8125rem;
  }
}
@media (max-width: 576px) {
  .event-sticky-container .event-data .gutex-event-link a {
    min-height: auto;
    padding: 0;
    box-shadow: none;
    border-bottom: 0.125rem solid #E63214;
  }
  .event-sticky-container .event-data .gutex-event-link a:hover {
    padding: 0;
    box-shadow: none;
    border-bottom: 0.125rem solid #E63214;
    background-color: #ffffff;
    color: #E63214;
    transition: none;
  }
  .event-sticky-container .event-data .gutex-event-link a:before {
    display: none;
  }
}
.contenance-gutex-content-articles .ce_teaser.gutex-teaser figure {
  margin-bottom: 0;
}
.contenance-gutex-content-articles .ce_teaser.gutex-teaser .gutex-teaser-content {
  text-align: left;
}
.contenance-gutex-content-articles .simplebar-content {
  display: flex;
}
@media (min-width: 576px) and (max-width: 992px) {
  .contenance-gutex-content-articles[data-simplebar]::-webkit-scrollbar {
    display: none;
  }
  .contenance-gutex-content-articles .simplebar-content-wrapper {
    height: 100% !important;
  }
  .contenance-gutex-content-articles .simplebar-content {
    display: flex;
  }
  .contenance-gutex-content-articles .simplebar-track.simplebar-horizontal {
    display: block;
    height: 0.25rem;
    background: #dedcd9;
    border-radius: 0.125rem;
    position: relative;
    left: 0;
    right: 0;
    margin-top: 1.875rem;
    width: 100%;
  }
  .contenance-gutex-content-articles .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    height: 0.25rem;
    background: #313544;
    border-radius: 0.125rem;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .is-mac .contenance-gutex-content-articles[data-simplebar] {
    margin-bottom: 0;
  }
  .is-mac .contenance-gutex-content-articles[data-simplebar]::-webkit-scrollbar {
    width: 0;
  }
  .is-mac .contenance-gutex-content-articles .simplebar-track.simplebar-horizontal {
    position: absolute;
    top: calc(100% - 76px);
    margin-top: 0;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .row.neos-nodetypes-columnlayouts-threecolumn[data-simplebar]::-webkit-scrollbar {
    display: none;
  }
  .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-content-wrapper {
    height: 100% !important;
  }
  .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-content {
    display: flex;
    height: auto;
  }
  .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-track.simplebar-horizontal {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin-top: 1.875rem;
    width: 100%;
    height: 0.25rem;
    background: #dedcd9;
    border-radius: 0.125rem;
  }
  .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    height: 0.25rem;
    background: #313544;
    border-radius: 0.125rem;
  }
}
.row.neos-nodetypes-columnlayouts-threecolumn .simplebar-wrapper .simplebar-mask {
  overflow: visible;
}
@media (min-width: 992px) {
  .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper {
    overflow: visible !important;
  }
}
.row.neos-nodetypes-columnlayouts-threecolumn .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
  display: flex;
}
@media (max-width: 576px) {
  .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content {
    flex-direction: column;
  }
  .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content .neos-contentcollection {
    padding-bottom: 1.875rem;
  }
  .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content .neos-contentcollection:last-of-type {
    padding-bottom: 0;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .is-mac .row.neos-nodetypes-columnlayouts-threecolumn[data-simplebar] {
    margin-bottom: 0;
  }
  .is-mac .row.neos-nodetypes-columnlayouts-threecolumn[data-simplebar]::-webkit-scrollbar {
    width: 0;
  }
  .is-mac .row.neos-nodetypes-columnlayouts-threecolumn .simplebar-track.simplebar-horizontal {
    position: absolute;
    top: calc(100% - 76px);
    margin-top: 0;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .contenance-gutex-content-articles {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 0.9375rem;
    margin-right: -4.6875rem;
  }
  .contenance-gutex-content-articles article.col-md-4 {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .contenance-gutex-content-articles article .gutex-teaser-content {
    max-width: 100%;
  }
  .row.neos-nodetypes-columnlayouts-threecolumn .col-md-4 {
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .cols-4-4-4.row.neos-nodetypes-columnlayouts-threecolumn {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: -4.6875rem;
  }
  .cols-4-4-4.row.neos-nodetypes-columnlayouts-threecolumn.padding-bottom-100 {
    margin-bottom: 3.75rem;
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .cols-4-4-4 {
    padding-bottom: 1.875rem !important;
  }
}
@media (min-width: 576px) and (max-width: 992px) and (min-width: 576px) and (max-width: 768px) {
  .row.neos-nodetypes-columnlayouts-threecolumn .col-md-4 {
    margin-top: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .contenance-gutex-content-articles {
    margin-right: -2.4375rem;
  }
  .contenance-gutex-content-articles article .gutex-teaser .gutex-teaser-image {
    height: 250px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .cols-4-4-4.row.neos-nodetypes-columnlayouts-threecolumn {
    margin-right: -2.4375rem;
  }
}
@media (max-width: 575px) {
  .contenance-gutex-content-articles {
    padding: 0 0.9375rem;
  }
  .contenance-gutex-content-articles article {
    padding: 1.875rem 0 0;
  }
  .contenance-gutex-content-articles article.col-md-4:first-of-type {
    padding: 0;
  }
  .contenance-gutex-content-articles article .gutex-teaser .gutex-teaser-image {
    height: 250px;
  }
  .contenance-gutex-content-articles article .gutex-teaser-content {
    margin-left: 0.9375rem;
    max-width: 100%;
    width: calc(100% - 0.9375rem);
  }
  .contenance-gutex-content-articles article .gutex-teaser-content::before {
    left: -0.9375rem;
    width: 0.9375rem;
  }
  .contenance-gutex-content-articles article:last-of-type .ce_teaser.gutex-teaser {
    margin-bottom: 0 !important;
  }
  .style-11 {
    padding: 0.9375rem 0;
  }
}
.container.event-container {
  max-width: 920px !important;
  margin: 0 auto;
  position: relative;
  padding: 0;
}
.container.event-container .event-data {
  margin: 4.75rem 0 0 0;
}
.job-item {
  width: 100% !important;
  padding: 1.875rem;
  background-color: white;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.job-item .job-header {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.job-item .job-header h2 {
  padding-bottom: 0.9375rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: 0.01875rem;
  line-height: 1.875rem;
}
.job-item .job-header button {
  margin-left: auto;
  border: none;
  background: none;
}
.job-item .job-header button i {
  font-size: 1.4375rem;
}
.job-item .job {
  display: flex;
  flex-direction: row;
}
.job-item .job-desc {
  display: flex;
  justify-content: space-between;
}
.job-item .job-desc > div {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0.009375rem;
}
.job-item .job-desc > div .title {
  margin-bottom: 0;
  text-align: inherit;
  color: #C7BCBA;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0.009375rem;
}
.job-item .job-desc > div div {
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0;
}
.job-item .job-desc .job-link {
  align-self: flex-end;
  align-items: flex-end;
  float: right;
}
@media (max-width: 576px) {
  .job-item .job-desc .job-link {
    width: 100%;
  }
}
.job-item .job-desc .job-link .secondary-button .job-link {
  float: none;
}
.job-item .job-desc .job-link .secondary-button .job-link span::before {
  display: none;
}
.linkCopyText {
  display: none;
  padding: 0.9375rem;
  align-items: center;
  justify-content: center;
  background-color: #F3F3F3;
  text-align: center;
}
.linkCopyText p {
  display: inline-block;
  margin: 0;
  color: #E63214;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0;
}
.linkCopyText i {
  display: inline-block;
  padding-right: 0.4375rem;
  color: #E63214;
}
@media (max-width: 576px) {
  .job-item {
    padding: 1.25rem !important;
  }
  .job-item .job-header h2 {
    margin: 0;
    font-size: 1.25rem;
    letter-spacing: 0.016875rem;
  }
  .job-item .job-desc {
    width: 100%;
    flex-wrap: wrap;
  }
  .job-item .job-desc > div:nth-of-type(1) {
    width: 50%;
  }
  .job-item .job-desc > div:nth-of-type(2) {
    width: 50%;
  }
  .job-item .job-desc > div:nth-of-type(3) {
    width: 100%;
    margin-top: 0.9375rem;
  }
  .job-item .job {
    flex-direction: column;
  }
  .job-item .job .job-btn {
    width: 100%;
  }
}
/*Job highlight*/
.job-highlight {
  background-color: #E63214;
}
.job-highlight-container {
  padding: 1.875rem;
  color: white;
}
@media (max-width: 576px) {
  .job-highlight-container {
    padding: 1.25rem;
  }
}
.job-highlight-container .job-highlight-title {
  margin: 0;
  padding-bottom: 0.3125rem;
  color: white;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: 0.023125rem;
}
@media (max-width: 576px) {
  .job-highlight-container .job-highlight-title {
    font-size: 1.25rem;
    letter-spacing: 0.016875rem;
  }
}
.job-highlight-container .job-highlight-text {
  margin: 0;
  padding: 0;
  color: white;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: normal;
}
.job-highlight-container .job-highlight-text + a {
  margin: auto -1.875rem -1.875rem;
  padding: 0.9375rem 1.875rem 1.875rem;
}
@media (max-width: 576px) {
  .job-highlight-container .job-highlight-text + a {
    margin: auto -1.25rem -1.25rem;
    padding: 0.9375rem 1.25rem 1.25rem;
  }
}
.job-highlight-container a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: white;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0125rem;
}
.job-highlight-container a:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.3125rem;
  color: white;
  font-size: 1.25rem;
  line-height: 1;
  text-transform: none;
}
.job-highlight-container a > div:after {
  display: block;
  content: "";
  border-bottom: 0.125rem solid #fff;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  transform-origin: 100% 50%;
  margin-left: -1.5625rem;
}
.job-highlight-container a:hover > div:after {
  transform: scaleX(1);
  transform-origin: 0 50%;
}
@media (max-width: 1024px) {
  .job-highlight-section {
    justify-content: center;
  }
}
.scroll-trigger {
  min-height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  min-height: calc(var(--vh, 1vh) * 100);
  padding: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.scroll-trigger.is-active {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  position: fixed;
}
.scroll-trigger .slide-container {
  width: 100vw;
}
.scroll-trigger.is-active .slide-container {
  width: calc(100vw - 160px);
}
.scroll-trigger .slide-container .slide {
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: auto;
  position: relative;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  grid-row: 1;
  grid-column: 1;
}
.scroll-trigger.is-active .slide-container .slide:not([style="opacity: 1;"]) {
  opacity: 0;
}
.scroll-trigger .slide-container .slide.section-active {
  opacity: 1 !important;
}
.scroll-trigger .slick-dots {
  opacity: 0;
}
.scroll-trigger.is-active .slick-dots {
  display: flex;
  opacity: 1;
}
.scroll-trigger .gutex-cluster, .scroll-trigger.is-active .gutex-cluster {
  width: calc(100vw - 160px);
}
.scroll-trigger.is-active .gutex-cluster .swiper-slide.first:not(.swiper-slide-active) .slider-image .image-block figure {
  height: calc(100% - 180px);
}
.scroll-trigger .gutex-cluster .swiper-slide.first:not(.swiper-slide-active) .slider-image .image-block figure {
  height: 100%;
}
.slide-container {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  margin-left: 0;
}
nav.cluster-section-nav {
  position: relative;
  margin: 0;
  width: 175px;
  height: auto;
  padding: 0;
}
nav.cluster-section-nav .slick-dots {
  position: absolute;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: auto;
  width: calc(100% - 15px);
  margin-left: 15px;
  padding: 0;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
nav.cluster-section-nav .slick-dots .slick-slide .slick-nav:hover::after {
  content: attr(data-title);
  display: block;
  position: absolute;
  height: auto;
  -webkit-align-self: center;
  align-self: center;
  left: 50px;
  padding: 0.3125rem 0.625rem;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1;
  text-transform: capitalize;
  visibility: visible;
  transition: opacity 1s ease;
}
nav.cluster-section-nav .slick-dots .slick-slide .slick-nav.dach::after {
  background: #FF8C00;
}
nav.cluster-section-nav .slick-dots .slick-slide .slick-nav.fassade::after {
  background: #82B43C;
}
nav.cluster-section-nav .slick-dots .slick-slide .slick-nav.ausbau::after {
  background: #FFCD00;
}
nav.cluster-section-nav .slick-dots li {
  list-style: none;
  position: relative;
  transition: opacity 600ms ease;
}
nav.cluster-section-nav .slick-dots .slick-slide.active-nav {
  opacity: 1 !important;
}
nav.cluster-section-nav .slick-dots .slick-slide.active-nav .pointer-image {
  filter: none !important;
  opacity: 1 !important;
}
nav.cluster-section-nav .slick-dots .slick-slide .slick-nav {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  text-transform: none;
  text-decoration: none;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
}
nav.cluster-section-nav .slick-dots .slick-slide .slick-nav .pointer-image {
  width: 24px;
  height: 24px;
}
nav.cluster-section-nav .slick-dots .slick-slide + .slick-slide {
  margin-top: 25px;
}
@media (max-width: 576px) {
  nav.cluster-section-nav .slick-dots .slick-slide + .slick-slide {
    margin-top: 0.9375rem;
  }
}
nav.cluster-section-nav .slick-dots .slick-slide[style="opacity: 0;"] {
  opacity: 1 !important;
}
nav.cluster-section-nav .slick-dots .slick-slide[style="opacity: 0;"] .pointer-image {
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
}
nav.cluster-section-nav .slick-dots .slick-slide[style="opacity: 0;"]:hover .pointer-image {
  filter: none;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.gutex-cluster {
  overflow-x: hidden;
  overflow-y: hidden;
}
body.page-level-2.modal-open .modal-backdrop.show {
  z-index: -1;
}
body.page-level-2.modal-open #header {
  z-index: 0;
}
.swiper-pagination-cluster {
  position: relative;
  bottom: 0 !important;
  right: 0 !important;
  left: 0 !important;
  top: auto !important;
  width: auto;
  margin: 0 0.9375rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
.swiper-pagination-cluster .swiper-pagination-current {
  color: #63524E;
  font-size: 1.5rem;
  line-height: 2.0625rem;
  letter-spacing: 0.01875rem;
}
.sliders-variant.dach .progress-bar {
  background-color: #FF8C00;
}
.sliders-variant.fassade .progress-bar {
  background-color: #82B43C;
}
.sliders-variant.ausbau .progress-bar {
  background-color: #FFCD00;
}
.sliders-variant .swiper-slide {
  margin-right: 5.9375rem;
  transition: all 0.2s ease-in-out;
}
.sliders-variant .swiper-slide:not(.swiper-slide-active) {
  height: calc(100% - 190px) !important;
}
.sliders-variant .swiper-slide:not(.swiper-slide-active) .slider-image .image-block figure {
  height: calc(100% - 180px);
  margin: auto;
  transition: 0.3s;
}
.sliders-variant .swiper-slide-active {
  height: 100% !important;
}
.sliders-variant .swiper-slide-active .slider-image .image-block .title-block h1:before {
  content: " ";
  width: 80px;
  height: 70px;
  position: absolute;
  z-index: -1;
  left: -0.75rem;
}
.sliders-variant .swiper-slide-active .slider-image .image-block .title-block h1.dach:before {
  background-color: #FF8C00;
}
.sliders-variant .swiper-slide-active .slider-image .image-block .title-block h1.fassade:before {
  background-color: #82B43C;
}
.sliders-variant .swiper-slide-active .slider-image .image-block .title-block h1.ausbau:before {
  background-color: #FFCD00;
}
.sliders-variant .swiper-slide-active .slider-square:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5.9375rem;
  height: 255px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  animation: growbig 1s forwards;
  animation-delay: 1s;
  transform-origin: left;
  mix-blend-mode: multiply;
}
.sliders-variant .swiper-slide-active .slider-square.dach:after {
  background-color: #FF8C00;
}
.sliders-variant .swiper-slide-active .slider-square.fassade:after {
  background-color: #82B43C;
}
.sliders-variant .swiper-slide-active .slider-square.ausbau:after {
  background-color: #FFCD00;
}
.sliders-variant .swiper-slide.first .image-block figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(99, 82, 78, 0) 0%, rgba(99, 82, 78, 0.4) 100%);
}
.sliders-variant .swiper-slide .slider-image .image-block {
  position: relative;
  max-height: 560px;
  min-height: 560px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  /* Landscape */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {
  .sliders-variant .swiper-slide .slider-image .image-block {
    max-height: 300px;
    min-height: 300px;
  }
}
@media (max-width: 576px) {
  .sliders-variant .swiper-slide .slider-image .image-block {
    max-height: 395px;
    min-height: 395px;
  }
}
.sliders-variant .swiper-slide .slider-image .image-block .title-block {
  position: absolute;
  bottom: 4rem;
  left: 3.75rem;
}
.sliders-variant .swiper-slide .slider-image .image-block .title-block .title-animate {
  display: none;
  position: relative;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 3.75rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  color: #FFFFFF;
  animation-delay: 0s;
  animation-duration: 1s;
  opacity: 0;
}
.sliders-variant .swiper-slide .slider-image .image-block .title-block .title-animate:before {
  width: 0;
}
.sliders-variant .swiper-slide .slider-image .image-block .title-block .title-animate.dach:not(.animate__fadeInUp) {
  opacity: 0;
}
.sliders-variant .swiper-slide .slider-image .image-block .title-block .title-animate.animate__fadeInUp {
  display: block;
  opacity: 1;
}
.sliders-variant .swiper-slide .slider-image .image-block .title-block .title-animate.animate__fadeInUp:before {
  animation: grow 0.5s forwards;
  animation-delay: 0.8s;
}
.sliders-variant .swiper-slide .slider-image .image-block figure {
  position: relative;
  max-height: 630px;
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  transition: 0.3s;
}
.sliders-variant .swiper-slide .slider-image .slider-info {
  display: none;
  position: absolute;
  right: 0;
  bottom: -2.1875rem;
  padding: 2.8125rem 0 0;
  background-color: #FFFFFF;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  animation-delay: 0s;
  animation-duration: 1s;
}
.sliders-variant .swiper-slide .slider-image .slider-info:before {
  content: "";
  position: absolute;
  right: 0;
  top: -158px;
  height: 158px;
  width: 158px;
  max-width: 158px;
}
.sliders-variant .swiper-slide .slider-image .slider-info.animate__fadeInUp {
  display: block !important;
}
.sliders-variant .swiper-slide .slider-image .slider-info.animate__fadeInUp:before {
  left: calc(100% - 160px);
  animation: growbig 1s forwards;
  animation-delay: 1s;
  transform-origin: left;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  transform-origin: left;
}
.sliders-variant .swiper-slide .slider-image .slider-info.square-slider.dach:before {
  background-color: rgba(255, 140, 0, 0.8);
}
.sliders-variant .swiper-slide .slider-image .slider-info.square-slider.fassade:before {
  background-color: rgba(130, 180, 60, 0.8);
}
.sliders-variant .swiper-slide .slider-image .slider-info.square-slider.ausbau:before {
  background-color: rgba(255, 205, 0, 0.8);
}
.sliders-variant .swiper-slide .slider-image .slider-info h2 {
  padding: 0 2.8125rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2.1875rem;
  line-height: 2.8125rem;
  letter-spacing: 0.025rem;
  text-align: left;
}
.sliders-variant .swiper-slide .slider-image .slider-info .secondary-button {
  margin: auto -2.8125rem -2.8125rem;
  padding: 0;
  width: -webkit-fill-available;
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.075rem;
  color: #E63214;
  border: none;
  background: transparent;
  text-transform: uppercase;
}
@media (max-width: 576px) {
  .sliders-variant .swiper-slide .slider-image .slider-info .secondary-button {
    margin: auto -1.875rem -1.875rem;
  }
}
.sliders-variant .swiper-slide .slider-image .slider-info .secondary-button > div {
  width: 100%;
  padding: 0 2.8125rem 2.8125rem;
  display: block;
  text-align: left;
}
.sliders-variant .swiper-slide .slider-image .slider-info .secondary-button > div:hover span:before {
  width: 0.75rem;
  margin-right: 0.625rem;
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 576px) {
  .sliders-variant .swiper-slide .slider-image .slider-info .secondary-button > div {
    padding: 0 1.875rem 1.875rem;
  }
}
.sliders-variant .swiper-slide .progress {
  height: 0.3125rem;
  border-radius: 0;
  background: #fff;
  overflow: visible;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.sliders-variant .slider-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 4.0625rem;
  padding: 0 !important;
}
.sliders-variant .slider-nav .swiper-button-prev {
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
  width: auto;
  height: 33px;
  background-image: none;
  line-height: 1;
  outline: none;
}
.sliders-variant .slider-nav .swiper-button-prev:before {
  content: "" !important;
  height: 0.55rem;
  width: 0.55rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(222deg);
  transform: rotate(222deg);
  position: static;
  background: none;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-right: -0.55rem;
  border-color: #63524E;
}
.sliders-variant .slider-nav .swiper-button-prev:after {
  background: #63524E;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  height: 0.125rem;
  width: 0.875rem;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-right: auto;
}
.sliders-variant .slider-nav .swiper-button-prev:hover:after {
  width: 1.5rem;
}
.sliders-variant .slider-nav .swiper-button-next {
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
  width: auto;
  height: 33px;
  background-image: none;
  line-height: 1;
  outline: none;
}
.sliders-variant .slider-nav .swiper-button-next:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  height: 0.125rem;
  width: 0.875rem;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-left: auto;
  background: #63524E;
}
.sliders-variant .slider-nav .swiper-button-next:after {
  content: "" !important;
  height: 0.55rem;
  width: 0.55rem;
  border-color: #63524E;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: static;
  background: none;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-left: -0.55rem;
}
.sliders-variant .slider-nav .swiper-button-next:hover:before {
  width: 1.5rem;
}
.sliders-variant .slider-nav .swiper-pagination-cluster {
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  top: auto;
  width: auto;
  margin: 0 0.9375rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  transform: translateX(0);
}
.sliders-variant .slider-nav .swiper-pagination-cluster .swiper-pagination-current {
  color: #63524E;
  font-size: 1.5rem;
  line-height: 2.0625rem;
  letter-spacing: 0.01875rem;
}
.sliders-variant .slider-nav .swiper-pagination-cluster .swiper-pagination-total {
  color: #63524E;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0;
}
.modal-open .modal.sliders-variant {
  overflow: hidden;
}
.modal.sliders-variant {
  position: fixed;
  top: 0;
  bottom: 0;
  padding: 0 !important;
  overflow: hidden;
}
.modal.sliders-variant .modal-dialog {
  margin: 0;
}
.modal.sliders-variant .modal-dialog.modal-lg {
  max-width: 100%;
}
.modal.sliders-variant .modal-dialog .modal-content {
  border: none;
  border-radius: 0;
  background: #ffffff;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container {
  max-width: 100% !important;
  height: 100%;
  padding: 0;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .modal-close {
  width: 49px;
  height: 49px;
  position: absolute;
  left: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  z-index: 2;
  opacity: 1;
  line-height: 1;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .modal-close.dach {
  background: #FF8C00;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .modal-close.fassade {
  background: #82B43C;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .modal-close.ausbau {
  background: #FFCD00;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .modal-close .close {
  opacity: 1;
  color: #fff;
  font-size: 1.4375rem;
  text-shadow: none;
  line-height: 1;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .modal-close .close i:before {
  background-color: transparent;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row {
  margin: 0;
  width: 100%;
  height: 100%;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-accordion-content {
  height: auto;
  width: 100%;
  transition: all 0.5s linear;
  animation-delay: 0s;
  animation-duration: 1s;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-accordion-content img {
  height: 480px;
  width: 100%;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-content-hidden {
  height: 0;
  opacity: 0;
  transition: all 0.5s linear;
  animation-delay: 0s;
  animation-duration: 1s;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion {
  height: 100%;
  padding: 5.625rem 3.75rem 8.125rem;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card {
  border: 0;
  padding: 0 0.9375rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header {
  background-color: #FFFFFF;
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link {
  position: relative;
  width: 100%;
  color: #63524E;
  font-size: 1rem;
  text-decoration: none;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link:not(.collapsed) .accordion-h2-text {
  border-bottom: none;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link:not(.collapsed) .accordion-h2-text .icon-plus {
  font-size: 1.5rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link .accordion-h2-title {
  display: block;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2.1875rem;
  letter-spacing: 0.025rem;
  text-align: left;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link .accordion-h2-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.625rem 0 1.75rem;
  border-bottom: 0.0625rem solid #DEDCD9;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.025rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link .accordion-h2-text .icon-minus, .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link .accordion-h2-text .icon-plus {
  font-size: 1.5rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header:hover {
  text-decoration: none;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header:visited {
  text-decoration: none;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card-body {
  padding: 0;
  border-bottom: 0.25rem solid #E63214;
  transition: 0.1s ease-in-out;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card-body .col-12 {
  max-width: 100%;
  flex: 100%;
  padding: 0;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card-body .image-container {
  padding-bottom: 4.375rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card-body .image-container .img-responsive-h {
  width: 100%;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card-body .active-hotspot-text {
  padding: 1.875rem 1.875rem 2.1875rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0125rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card-body .textbox-container {
  background-color: #FFFFFF;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-accordion-content[style="display: none;"] + .accordion {
  height: 100vh;
  overflow-y: scroll;
  /* Works on Firefox */
  scrollbar-width: thin;
  scrollbar-color: #63524E #ffffff;
  /* Works on Chrome, Edge, and Safari */
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-accordion-content[style="display: none;"] + .accordion::-webkit-scrollbar {
  width: 5px;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-accordion-content[style="display: none;"] + .accordion::-webkit-scrollbar-track {
  background: #fff;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-accordion-content[style="display: none;"] + .accordion::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #63524E;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section {
  height: 100vh;
  padding: 6.125rem;
  overflow-y: scroll;
  /* Works on Firefox */
  scrollbar-width: thin;
  scrollbar-color: #FF8C00 #ffffff;
  /* Works on Chrome, Edge, and Safari */
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section > div {
  height: auto;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section > div .contenace-gutex-image {
  margin-bottom: 5.625rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section > div figure {
  margin: 0;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section.dach::-webkit-scrollbar-thumb {
  background-color: #FF8C00;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section.fassade::-webkit-scrollbar-thumb {
  background-color: #82B43C;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section.ausbau::-webkit-scrollbar-thumb {
  background-color: #FFCD00;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section::-webkit-scrollbar {
  width: 5px;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section::-webkit-scrollbar-track {
  background: #fff;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img {
  height: auto;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img figure {
  position: relative;
  width: 90%;
  margin: 0;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img figure .modal-img {
  height: 470px;
  width: 100%;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img .modal-info-content {
  position: relative;
  width: 65%;
  margin-top: -6.25rem;
  margin-left: auto;
  padding: 1.875rem;
  box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img .modal-info-content .modal-overlay {
  position: absolute;
  top: -158px;
  right: 0;
  left: auto;
  width: 158px;
  height: 158px;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img .modal-info-content .modal-overlay.dach {
  background-color: #FF8C00;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img .modal-info-content .headline-simple h3 {
  margin-bottom: 0.9375rem;
  color: #63524E;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  letter-spacing: 0.01875rem;
  line-height: 1.875rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img .modal-info-content p {
  margin: 0 0 0.3125rem;
  color: #63524E;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .modal-info-img .modal-info-content .headline-light {
  margin: 0;
  padding-bottom: 0.9375rem;
  color: #63524e;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.3125rem;
  letter-spacing: 0.01875rem;
}
/*Animate width to 100%*/
@media (min-width: 768.01px) {
  @keyframes grow {
    from {
      width: 0;
    }
    to {
      width: 5rem;
    }
  }
}
@media (max-width: 768px) {
  @keyframes grow {
    from {
      width: 0;
    }
    to {
      width: 3rem;
    }
  }
}
@keyframes growbig {
  from {
    width: 0;
  }
  to {
    width: 255px;
  }
}
@keyframes example {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.animated-first {
  animation-name: example;
  animation-duration: 5s;
  animation-delay: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;
  /* FF 5+ */
  -o-animation-fill-mode: forwards;
  /* Not implemented yet */
  /*-ms-animation-fill-mode: forwards;     !* IE 10+ *!*/
  animation-fill-mode: forwards;
  /* When the spec is finished */
}
.animated-second {
  animation-name: example;
  animation-delay: 2s;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;
  /* FF 5+ */
  -o-animation-fill-mode: forwards;
  /* Not implemented yet */
  /*-ms-animation-fill-mode: forwards;     !* IE 10+ *!*/
  animation-fill-mode: forwards;
  /* When the spec is finished */
}
@media (max-width: 1440px) {
  .sliders-variant .swiper-slide .slider-image .image-block {
    height: calc(85vh - 145px);
  }
  .pp-tableCell .container-gutex {
    margin: 2.5rem auto;
  }
  .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion {
    padding: 10%;
    box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
  }
  .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-accordion-content {
    height: 60vh;
  }
  .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .modal-accordion-content img {
    height: 100%;
  }
}
.title-block h1:before {
  content: " ";
  width: 80px;
  height: 70px;
  position: absolute;
  z-index: -1;
  left: -0.75rem;
}
.swiper-slide .modal-content {
  width: 100vw;
  height: 100vh;
  padding: 0;
}
.slide .swiper-slide .slider-image {
  margin: 0;
}
.slide .modal-trigger {
  background: none;
  border: none;
  color: #E63214;
  font-family: Lato;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  line-height: 15px;
  border-bottom: 2px solid #E63214;
  padding: 0;
}
@media (max-width: 1440px) {
  .sliders-variant .swiper-slide .slider-image .image-block {
    height: calc(85vh - 145px);
  }
}
@media (max-width: 992px) {
  .modal-open .modal.sliders-variant .modal-accordion-content {
    display: none !important;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section {
    height: calc(100vh - 237px);
    height: calc(calc(var(--vh, 1vh) * 100) - 237px);
    margin-top: 0;
    padding: 3.75rem 5.4375rem 0;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section .contenace-gutex-image {
    margin-bottom: 3.75rem;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion {
    padding: 3.75rem;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header {
    padding: 0;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link {
    padding: 0;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card .card-header .btn.btn-link .accordion-h2-title {
    font-size: 1.625rem;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion .card-body .image-container {
    padding-bottom: 0;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion.full {
    height: 100vh;
  }
}
@media (max-width: 767px) {
  .sliders-variant .swiper-slide-active {
    margin-right: 2.5rem !important;
  }
  .sliders-variant .swiper-slide-active .slider-square:after {
    height: 158px;
    max-width: 158px;
    animation: growbig 3s forwards;
    right: -3.875rem;
  }
  .sliders-variant .swiper-slide .slider-image .slider-info h2 {
    font-size: 1.625rem;
    line-height: 2.5rem;
    letter-spacing: 0.023125rem;
    margin-bottom: 0;
  }
  .sliders-variant .swiper-slide .slider-image .image-block .title-block {
    bottom: 2.1875rem;
    left: 2.0625rem;
  }
  .sliders-variant .swiper-slide .slider-image .image-block .title-block .title-animate {
    font-size: 2.125rem;
    letter-spacing: 0.03125rem;
    line-height: 2.8125rem;
  }
  .sliders-variant .swiper-slide .slider-image .image-block .title-block h1:before {
    width: 48px;
    height: 42px;
  }
}
@media (max-width: 768px) {
  .slick-dots .slick-slide .slick-nav:hover::after {
    transform: rotate(-90deg);
    margin-top: -0.5rem;
  }
  .slick-dots .slick-slide .slick-nav:hover::before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 40px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: rotate(-90deg);
  }
  .slick-dots .slick-slide .slick-nav.dach::before {
    border-bottom: 5px solid #FF8C00;
  }
  .slick-dots .slick-slide .slick-nav.fassade::before {
    border-bottom: 5px solid #82B43C;
  }
  .slick-dots .slick-slide .slick-nav.ausbau::before {
    border-bottom: 5px solid #FFCD00;
  }
  .slick-dots .slick-slide .slick-nav.ausbau::after {
    background: #FFCD00;
    margin-left: -1.5rem;
  }
  .slick-dots .slick-slide .slick-nav.fassade::after {
    background: #82B43C;
    margin-left: -1.6rem;
  }
  .slick-dots .slick-slide .slick-nav.dach::after {
    background: #FF8C00;
    margin-left: -1.05rem;
  }
}
@media (min-width: 577px) {
  .scroll-trigger {
    width: 100vw !important;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
  }
  .scroll-trigger .cluster-section-nav .toggle-fixed-mobile {
    display: none;
  }
}
@media (max-width: 576px) {
  .cluster-section-nav {
    display: none;
  }
  .scroll-trigger {
    width: calc(100vw - 15px) !important;
    margin-left: calc(-(100vw - 15px) / 2 + 100% / 2);
    margin-right: calc(-(100vw - 15px) / 2 + 100% / 2);
  }
  .scroll-trigger.is-active .cluster-section-nav {
    display: block;
    position: fixed;
    width: 100vw;
    max-width: 100vw;
    height: fit-content;
    bottom: 0;
    padding-bottom: 30px;
    left: -15px;
    background: #ffffff;
    z-index: 2;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots {
    width: 100%;
    margin: 0;
    padding: 2.8125rem 15px 1.875rem;
    display: none !important;
    position: relative;
    top: auto;
    -ms-transform: none;
    transform: none;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots.active {
    display: flex !important;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li {
    padding-left: 0;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li a:hover::before {
    display: none;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li a:hover::after {
    position: relative;
    transform: none;
    margin: 0 0 0 0.625rem;
    left: auto;
    font-size: 1rem;
    line-height: 1.625rem;
    background: none;
    padding: 0;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li a::after {
    content: attr(data-title);
    margin-left: 0.625rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    text-transform: capitalize;
    color: #999999;
    background: none !important;
    padding: 0;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li.dach a:hover::after {
    color: #FF8C00;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li.fassade a:hover::after {
    color: #82B43C;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li.ausbau a:hover::after {
    color: #FFCD00;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li.active-nav.dach a::after {
    color: #FF8C00;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li.active-nav.fassade a::after {
    color: #82B43C;
  }
  .scroll-trigger.is-active .cluster-section-nav .slick-dots li.active-nav.ausbau a::after {
    color: #FFCD00;
  }
  .scroll-trigger.is-active .cluster-section-nav .toggle-fixed-mobile {
    display: block;
    width: 100%;
    padding: 0.75rem 0.9375rem;
    border-top: 0.0625rem solid #F3F3F3;
    border-bottom: 0.0625rem solid #F3F3F3;
  }
  .scroll-trigger.is-active .cluster-section-nav .toggle-fixed-mobile .btn-toggle-nav {
    display: block;
    color: #E63214;
    font-family: "Lato", sans-serif !important;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.625rem;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 2;
    padding: 0;
  }
  .scroll-trigger.is-active .cluster-section-nav .toggle-fixed-mobile .btn-toggle-nav.icon-close-x::after {
    content: attr(data-close);
  }
  .scroll-trigger.is-active .cluster-section-nav .toggle-fixed-mobile .btn-toggle-nav.icon-open-x::after {
    content: attr(data-open);
  }
  .scroll-trigger:not(.is-active) .swiper-slide.swiper-slide-next {
    margin-left: -80px !important;
  }
  .slide-container {
    width: calc(100vw - 15px) !important;
  }
  .slide-container .container {
    max-width: 100% !important;
    padding: 0;
  }
  .slide-container .gutex-cluster {
    width: calc(100vw - 15px) !important;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section {
    height: calc(100vh - 207px);
    padding: 1.875rem 0.9375rem 0;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-scroll-section > div {
    margin-bottom: 1.875rem;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .row .modal-fixed-section .accordion {
    padding: 3.75rem 0.9375rem 1.875rem;
  }
  .modal-open .modal.sliders-variant .modal-dialog .modal-content .modal-body .container .modal-close .close {
    padding: 0.6875rem 0.75rem;
  }
  .sliders-variant .swiper-slide .slider-image .slider-info {
    bottom: 0.3125rem;
    padding: 1.875rem 0 0;
  }
  .sliders-variant .swiper-slide .slider-image .slider-info.animate__fadeInUp:before {
    top: -5.9375rem;
    left: calc(100% - 5.9375rem);
    height: 95px;
    width: 95px;
    max-width: 95px;
  }
  .sliders-variant .swiper-slide .slider-image .slider-info h2 {
    font-size: 1.375rem;
    line-height: 1.6875rem;
    padding: 0 1.875rem;
  }
  .sliders-variant .swiper-slide .slider-image .slider-info .modal-trigger {
    padding: 0.9375rem 1.875rem 1.875rem;
  }
  .sliders-variant .swiper-slide .slider-image .image-block .title-block {
    left: 2.5rem;
  }
  .sliders-variant .swiper-slide .progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .sliders-variant .swiper-slide-active {
    width: calc(100% - 35px) !important;
    margin: 0 15px 0 0 !important;
  }
  .sliders-variant .swiper-slide-active .slider-square:after {
    height: 95px;
    max-width: 95px;
    right: -25px;
  }
  .sliders-variant .swiper-slide:not(.swiper-slide-active) {
    margin: 0 95px 0 0 !important;
  }
  .sliders-variant .swiper-slide:not(.swiper-slide-active) .slider-image .image-block figure {
    height: calc(100% - 99px);
    margin: 45px auto auto;
  }
  .sliders-variant .swiper-slide:not(.first) .progress {
    width: calc(100% + 27px);
  }
  .sliders-variant .slider-nav {
    display: none;
  }
  .scroll-trigger:not(.is-active) .swiper-slide.first, .scroll-trigger:not(.is-active) .swiper-slide.swiper-slide-active {
    width: calc(100% - 35px) !important;
    margin: 0 15px 0 0 !important;
  }
  .scroll-trigger:not(.is-active) .swiper-slide.first .slider-image .image-block figure, .scroll-trigger:not(.is-active) .swiper-slide.swiper-slide-active .slider-image .image-block figure {
    margin: 0;
  }
  .scroll-trigger:not(.is-active) .swiper-slide.swiper-slide-next {
    margin: 0 95px 0 0 !important;
  }
  .scroll-trigger:not(.is-active) .swiper-slide.swiper-slide-next .slider-image .image-block figure {
    height: calc(100% - 99px);
    margin: 45px auto auto;
  }
  .container-gutex-cluster {
    max-width: 100vw !important;
  }
  .gutex-cluster .swiper-slide .row.slider-image {
    position: relative;
    margin: 0;
  }
  .sliders-variant .swiper-slide .slider-image .image-block .title-block {
    left: 2.1875rem;
  }
  .sliders-variant .swiper-slide .slider-image .image-block {
    height: 395px;
  }
  .sliders-variant .swiper-slide .slider-image .image-block .title-block .title-animate {
    line-height: 2.75rem;
  }
  body.modal-open .modal.sliders-variant {
    width: 100vw;
    right: 0;
    left: -0.9375rem;
  }
}
.title-block h1:before {
  content: " ";
  width: 80px;
  height: 70px;
  position: absolute;
  z-index: -1;
  left: -0.75rem;
}
.title-block h1.animate__fadeInUp:before {
  animation: grow 0.5 forwards;
  animation-delay: 0s;
}
.swiper-slide .modal-content {
  width: 100vw;
  height: 100vh;
  padding: 0;
}
.slide .swiper-slide .slider-image {
  margin: 0;
}
.slide .modal-trigger {
  display: block !important;
  width: 100%;
  border: none;
  background: none;
  padding: 0.9375rem 2.8125rem 2.8125rem;
}
.slide .modal-trigger span {
  width: fit-content;
  justify-items: center;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0.075rem;
  color: #E63214;
  border-bottom: 0.125rem solid #E63214;
  text-transform: uppercase;
  display: flex;
  line-height: initial;
  align-items: center;
}
.slide .modal-trigger span:before {
  content: "";
  font-family: "gutex-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 0;
  font-size: 1rem;
  opacity: 0;
  transition: all 0.25s ease;
  transform: translateX(-1.875rem);
  vertical-align: text-top;
}
.slide .modal-trigger:hover span:before {
  width: 0.75rem;
  margin-right: 0.625rem;
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 1440px) {
  .sliders-variant .swiper-slide .slider-image .image-block {
    height: calc(85vh - 145px);
  }
}
.box-shadow-margin-top-30 {
  margin-top: 30px;
}
.modal.sliders-variant .modal-dialog .neos-contentcollection {
  width: 100%;
}
@media (min-width: 577px) {
  html[style*="--scrollbar-width:17px"] body.page-level-2.modal-open .modal.sliders-variant {
    left: 8px;
  }
}
.tab-content > .neos-contentcollection {
  display: flex;
  flex-direction: column-reverse;
}
body.modal-open .scroll-to-top {
  display: none !important;
}
/* ------------------
   SIZES
------------------ */
/* 1px */
/* 2px */
/* 5px */
/* 8px */
/* 10px */
/* 12px */
/* 14px */
/* 16px */
/* 18px */
/* 20px */
/* 22px */
/* 24px */
/* 28px */
/* 30px */
/* 32px */
/* 36px */
/* 38px */
/* 40px */
/* 50px */
/* 60px */
/* 15px */
/* 30px */
/* 45px */
/* 60px */
/* 75px */
/* 90px */
p:last-child {
  margin-bottom: 0;
}
/* ### LANDING PAGE TABS ### */
@media (max-width: 767.98px) {
  .tab-horizontal .tabs::before {
    content: none;
  }
}
@media (max-width: 767.98px) {
  .tab-horizontal .tab-pane.active.show {
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .tab-vertical .active.nav-item .nav-link {
    color: #E63214 !important;
  }
  .tab-vertical .active.nav-item .nav-link::after {
    content: "" !important;
    transform: rotate(90deg);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .tab-vertical .tabs .nav-tabs {
    border-bottom-color: #DEDCD9;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .tab-vertical .tabs .nav-item {
    width: auto;
  }
  .tab-vertical .tabs .nav-item.active {
    transition: none;
  }
}
@media (max-width: 576px) {
  .tab-vertical .tabs .nav-item {
    max-width: none !important;
  }
}
@media (max-width: 767.98px) {
  .nav-tabs .nav-item.show .nav-link {
    background: none;
  }
}
@media (max-width: 767.98px) {
  .nav-tabs .nav-link.active {
    background: none;
  }
}
@media (max-width: 991.98px) {
  .gutex-support-tabs {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .gutex-support-tabs {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .gutex-support-tabs .tab-horizontal .tabs .nav.nav-tabs li {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0;
    border-bottom-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .gutex-support-tabs .tab-horizontal .tabs .nav.nav-tabs a {
    text-align: center !important;
    padding: 0 1.25rem !important;
    height: 100%;
    width: 100%;
    font-size: 16px !important;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  .gutex-support-tabs .tab-horizontal .tab-content {
    position: relative;
  }
}
@media (max-width: 991.98px) {
  .gutex-support-tabs .nav.nav-tabs {
    margin: 0;
    height: 100%;
    padding: 0;
    width: calc(100% - 3.75rem);
  }
}
@media (max-width: 575.98px) {
  .gutex-support-tabs form .form-group {
    padding: 0 0.9375rem;
  }
}
.contenance-gutex-content-button .primary-button a, .contenance-gutex-content-button .primary-button button {
  hyphens: auto;
  height: auto;
  min-height: 3.125rem;
}
.contenance-gutex-content-button .primary-button a:hover, .contenance-gutex-content-button .primary-button button:hover {
  height: auto;
  padding: 0.9rem 1rem;
}
.contenance-gutex-content-button .primary-button .button-icon:hover {
  padding: 1.0625rem 1.875rem;
}
@media (max-width: 767.98px) {
  .inside-content:not(.content-block) {
    margin: 0 !important;
  }
  .inside-content.gray {
    margin-top: 1.875rem !important;
  }
  .inside-content img {
    height: auto;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .inside-content.white {
    padding: 1.25rem !important;
  }
}
@media (max-width: 576px) {
  div + .inside-content.white {
    margin: 3.75rem auto 0 !important;
  }
}
@media (max-width: 767.98px) {
  .ce_list.horizontal {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .ce_list.horizontal ul {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .ce_list.horizontal ul li {
    font-size: 1.125rem;
    padding-bottom: 1.875rem;
    padding-right: 0;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .neos-nodetypes-text ul {
    margin: 0;
  }
}
.neos-nodetypes-text ol li {
  padding-left: 0.938rem;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.625rem;
}
.neos-nodetypes-text ol li strong {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.019rem;
  color: #63524E;
}
@media (max-width: 768px) {
  .neos-nodetypes-text ol li strong {
    font-size: 1.063rem;
    letter-spacing: 0.018rem;
  }
}
.neos-nodetypes-text ol li::marker {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.625rem;
}
.icon-list ul li:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contenance-gutex-background .container {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .contenance-gutex-background.background-1 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-2 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-3 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-4 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-5 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-6 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-7 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-8 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-9 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-10 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-11 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background.background-12 {
    padding: 3.75rem 0;
  }
  .contenance-gutex-background .container {
    padding: 0;
  }
}
@media (max-width: 575.98px) {
  .ce_teaser-imagetextbutton .gutex-teaser-content, .ce_teaser .gutex-teaser-content {
    height: auto !important;
  }
}
.ce_teaser-imagetextbutton .gutex-teaser-content div:empty, .ce_teaser-imagetextbutton .gutex-teaser-content p:empty, .ce_teaser .gutex-teaser-content div:empty, .ce_teaser .gutex-teaser-content p:empty {
  display: none;
}
.ce_teaser-imagetextbutton .gutex-teaser-content p:last-of-type, .ce_teaser .gutex-teaser-content p:last-of-type {
  margin-bottom: 15px;
}
.ce_teaser-imagetextbutton .gutex-teaser-content .secondary-button p, .ce_teaser .gutex-teaser-content .secondary-button p {
  margin: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ce_teaser-imagetextbutton .style-4 .tile-content, .ce_teaser .style-4 .tile-content {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ce_teaser-imagetextbutton .style-5, .ce_teaser .style-5 {
    max-width: none;
  }
}
@media (max-width: 575.98px) {
  .ce_teaser-imagetextbutton .style-10, .ce_teaser .style-10 {
    padding: 0;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .ce_teaser-imagetextbutton .style-10, .ce_teaser .style-10 {
    align-items: flex-start;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .ce_teaser-imagetextbutton .style-10 .tile-content, .ce_teaser .style-10 .tile-content {
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  .ce_teaser-imagetextbutton .style-10 .tile-content, .ce_teaser .style-10 .tile-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .ce_teaser-imagetextbutton .style-10 .inside-content-image, .ce_teaser .style-10 .inside-content-image {
    width: 14.0625rem;
    height: 13.125rem;
    flex-shrink: 0;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .ce_teaser-imagetextbutton .style-10 .inside-content-image, .ce_teaser .style-10 .inside-content-image {
    width: 9.875rem;
    height: 9.375rem;
    flex-shrink: 0;
  }
}
.ce_teaser-imagetextbutton .style-10 .inside-content-image img, .ce_teaser .style-10 .inside-content-image img {
  height: 100%;
}
@media (max-width: 575.98px) {
  .ce_teaser-imagetextbutton .style-10 .inside-content-image img, .ce_teaser .style-10 .inside-content-image img {
    width: min-content;
  }
}
.ce_teaser-imagetextbutton .style-11 .gutex-teaser-content .teaser-article-category + div, .ce_teaser .style-11 .gutex-teaser-content .teaser-article-category + div {
  margin-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 575.98px) {
  .container .info-container.slider-image-text .slide-content {
    width: 52.75%;
    margin-top: -5.625rem;
    position: relative;
    top: auto;
  }
}
@media (min-width: 768px) and (max-width: 575.98px) {
  .container .info-container.slider-image-text .slider-nav {
    display: flex;
    align-content: center;
    width: auto;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) and (max-width: 575.98px) {
  .container .info-container.slider-image-text .slider-nav .swiper-button-prev, .container .info-container.slider-image-text .slider-nav .swiper-button-next {
    position: static;
    margin: 0;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 575.98px) {
  .container .info-container.slider-image-text .slider-nav .swiper-pagination {
    position: static;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 575.98px) {
  .gutex-slider-wrapper {
    padding-bottom: 0;
  }
}
@media (min-width: 576px) {
  .sortiment-element + .contenance-gutex-content-button {
    margin-top: 1.875rem !important;
  }
}
@media (max-width: 767.98px) {
  .table {
    overflow-x: auto;
  }
}
@media (max-width: 767.98px) {
  .table table {
    min-width: 100vw;
  }
}
@media (max-width: 767.98px) {
  .table td, .table th {
    min-width: 40vw;
    word-break: break-word;
  }
}
/* ### FOOTER ### */
@media (max-width: 767.98px) {
  footer#footer {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}
@media (max-width: 767.98px) {
  footer#footer .gutex-teaser-content {
    top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  main .container .neos-contentcollection > .content-block + .container-gutex {
    margin-top: 3.75rem;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  main .container .neos-contentcollection > .content-block.contenance-gutex-content-imagetextbutton + .content-block[class*="-columnlayouts"] {
    margin-top: 1.875rem;
    padding-top: 0 !important;
  }
}
@media (max-width: 576px) {
  main .container .neos-contentcollection > .neos-nodetypes-columnlayouts-twocolumn > [class*="col"]:not(:empty) + [class*="col"]:not(:empty), main .container .neos-contentcollection > .neos-nodetypes-columnlayouts-threecolumn > [class*="col"]:not(:empty) + [class*="col"]:not(:empty) {
    margin-top: 1.875rem;
    padding-top: 0 !important;
  }
}
@media (max-width: 991.98px) {
  .faq-section > .neos-contentcollection > .neos-nodetypes-text {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 991.98px) {
  .faq-section .ce_accordion .card {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .faq-section-step {
    margin-bottom: 0.625rem;
  }
}
.faq-sidebar-element-extract p {
  margin-bottom: 0;
}
/* ### JUMP TO NAV ### */
@media (max-width: 768px) {
  .mod_jumptonav.navigation_jumpto.fixed-list {
    top: auto !important;
    z-index: 4;
    left: 0;
  }
  .mod_jumptonav.navigation_jumpto.fixed-list nav {
    position: relative;
    z-index: 2;
    background: #fff;
  }
  .mod_jumptonav.navigation_jumpto.fixed-list::after {
    content: "";
    position: fixed;
    height: calc(100vh - 3.125rem);
    width: 100vw;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(49, 53, 68, 0.75);
  }
}
@media (max-width: 768px) {
  .mod_jumptonav.fixed nav ul li, .mod_jumptonav.jump-fixed nav ul li {
    width: auto;
    transition: none;
  }
  .mod_jumptonav.fixed nav ul li a, .mod_jumptonav.jump-fixed nav ul li a {
    color: #E63214;
  }
  .mod_jumptonav.fixed nav ul li a span, .mod_jumptonav.jump-fixed nav ul li a span {
    background: none;
    color: inherit;
  }
}
@media (max-width: 1399.98px) {
  .mod_jumptonav.fixed nav ul li.current a, .mod_jumptonav.jump-fixed nav ul li.current a {
    transform: none !important;
    position: static;
  }
}
@media (max-width: 991.98px) {
  .mod_jumptonav.fixed nav ul li.current a, .mod_jumptonav.jump-fixed nav ul li.current a {
    flex-direction: column;
    transform: rotate(-90deg) translate(-50%, 0.9375rem) !important;
    transform-origin: 0 center;
  }
}
@media (max-width: 768px) {
  .mod_jumptonav.fixed nav ul li.current a, .mod_jumptonav.jump-fixed nav ul li.current a {
    transform: none !important;
    flex-direction: row;
    color: #E63214;
  }
}
@media (max-width: 992px) {
  .mod_jumptonav.fixed nav ul li.current a span, .mod_jumptonav.jump-fixed nav ul li.current a span {
    display: flex;
    background-color: #E63214;
    color: white;
    position: relative;
  }
  .mod_jumptonav.fixed nav ul li.current a span:after, .mod_jumptonav.jump-fixed nav ul li.current a span:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: calc(50% - 5px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #E63214;
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .mod_jumptonav.fixed nav ul li.current a span:after, .mod_jumptonav.jump-fixed nav ul li.current a span:after {
    display: none;
  }
}
@media (max-width: 768px) {
  .mod_jumptonav nav ul li {
    height: auto;
    transition: none;
  }
  .mod_jumptonav nav ul li + li {
    margin-top: 0.9375rem;
  }
}
.mod_jumptonav nav ul li.current {
  overflow: visible;
}
@media (max-width: 991.98px) {
  .mod_jumptonav nav ul li a {
    flex-direction: column;
    transform: rotate(-90deg) translate(-50%, 0.9375rem) !important;
    transform-origin: 0 center;
  }
}
@media (max-width: 768px) {
  .mod_jumptonav nav ul li a {
    transform: none !important;
    flex-direction: row;
    position: static !important;
    height: auto !important;
  }
}
@media (max-width: 768px) {
  .mod_jumptonav nav ul li a:before {
    margin-right: 0.625rem;
  }
}
.mod_jumptonav nav ul li a span {
  transition: all 0.1s linear;
}
@media (max-width: 991.98px) {
  .mod_jumptonav nav ul li a span {
    margin-left: 0;
    margin-top: 0.625rem;
  }
}
@media (max-width: 768px) {
  .mod_jumptonav nav ul li a span {
    margin-left: 0;
    margin-top: 0;
    font-size: 1rem;
    background-color: transparent;
  }
}
@media (max-width: 992px) {
  .mod_jumptonav nav ul li a span {
    display: none;
  }
}
@media (max-width: 768px) {
  .mod_jumptonav nav ul li a span {
    display: flex;
  }
}
.mod_jumptonav nav ul li a:hover span {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .mod_jumptonav nav ul {
    padding: 0 12px;
  }
}
@media (max-width: 768px) {
  .toggle-fixed-mob.fixed-nav .btn-toggle-nav {
    position: relative;
    z-index: 2;
    padding: 0 6px;
  }
}
@media (min-width: 768.01px) {
  .toggle-fixed-mob {
    display: none;
  }
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
  .toggle-fixed-mob {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .search-block.open {
    min-height: 3.125rem;
  }
}
@media (max-width: 767.98px) {
  .search-form {
    padding-top: 0.625rem;
  }
}
@media (max-width: 767.98px) {
  .search-content {
    max-width: 90%;
  }
}
@media (max-width: 991.98px) {
  .search-link {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  #search-results {
    align-items: flex-start;
    max-width: calc(100% - 45px);
  }
}
html {
  height: -webkit-fill-available;
}
body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}
@media (max-width: 767.98px) {
  .padding-top-25 {
    padding-top: 0;
  }
  .padding-bottom-25 {
    padding-bottom: 0;
  }
  .padding-top-30 {
    padding-top: 0;
  }
  .padding-bottom-30 {
    padding-bottom: 0;
  }
  .padding-top-40 {
    padding-top: 0;
  }
  .padding-bottom-40 {
    padding-bottom: 0;
  }
  .padding-top-50 {
    padding-top: 0;
  }
  .padding-bottom-50 {
    padding-bottom: 0;
  }
  .padding-top-60 {
    padding-top: 0;
  }
  .padding-bottom-60 {
    padding-bottom: 0;
  }
  .padding-top-75 {
    padding-top: 0;
  }
  .padding-bottom-75 {
    padding-bottom: 0;
  }
  .padding-top-90 {
    padding-top: 0;
  }
  .padding-bottom-90 {
    padding-bottom: 0;
  }
  .padding-top-100 {
    padding-top: 0;
  }
  .padding-bottom-100 {
    padding-bottom: 0;
  }
  .padding-top-110 {
    padding-top: 0;
  }
  .padding-bottom-110 {
    padding-bottom: 0;
  }
  .padding-top-120 {
    padding-top: 0;
  }
  .padding-bottom-120 {
    padding-bottom: 0;
  }
  .padding-top-120 {
    padding-top: 5.625rem;
  }
  .padding-top-90, .padding-top-100, .padding-top-110 {
    padding-top: 3.75rem;
  }
  .padding-btop-40, .padding-top-50, .padding-top-60, .padding-top-75 {
    padding-top: 1.875rem;
  }
  .padding-top-25, .padding-top-30 {
    padding-top: 1.875rem;
  }
  .padding-bottom-120 {
    padding-bottom: 5.625rem;
  }
  .padding-bottom-90, .padding-bottom-100, .padding-bottom-110 {
    padding-bottom: 3.75rem;
  }
  .padding-bottom-40, .padding-bottom-50, .padding-bottom-60, .padding-bottom-75 {
    padding-bottom: 1.875rem;
  }
  .padding-bottom-25, .padding-bottom-30 {
    padding-bottom: 1.875rem;
  }
}
/* REMOVONG PADDING FROM GRID CONTAINER */
@media (max-width: 767.98px) {
  .padding-inner-50 .col-md-7:nth-child(2) {
    padding-left: 0.9375rem;
  }
}