/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* Stickysidebar */
.stickysidebar {
  z-index: 100 !important;
}
/* Header */
.header-top {
  background-color: #f3f3f3 !important;
}
header.header {
  border-bottom: 1px solid #232E3A !important;
}
/* Temporär Ausschalten Sprachumschalter */


.header__language-switcher--label-current {
    color: #222222 !important;
}
a.headerlink-top, a.srch_tigger {
  color: #222222 !important;
}
a.toplinks {
  color: #222222 !important;
}
.header-logo a {
  display: block;
  max-width: 350px;
  padding: 18px 10px 13px;
  position: relative;
  width: 100%;
  z-index: 100;
}
.header-wrapper {
  padding-top: 0 !important;
}
.header-main {
  border-bottom: none !important;
}
.hs-menu-wrapper > ul {
  margin-top: 10px !important;
}
.srch_tigger .magnify {
  background-position: 0px -24px !important;
}
.header__language-switcher--label-current:before {
  color: #222222 !important;
  font-size: 16px !important;
}
.srch-active .h_srch {
  background: rgba(0, 0, 0, 0.8) !important;
}
.h_srch .hs-search-field form {
  background: #777777 !important;
}
/* Anchor */
html {
  scroll-padding-top: 140px;
}
/* Multi Box */
.teaser_box-boxmain {
  margin-top: 0px;
}
/* MA Hero */
.hs-hero__content {
  margin-top: 0px !important;
  padding: 0 0;
}
.hs-hero h1 {
  font-size: 22px !important;
  line-height: 120%x !important;
  font-weight: normal !important;
  text-shadow: none !important;
  text-transform: none !important;
}
.hs-hero h2 {
  font-size: 35px !important;
  line-height: 120%;
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: normal !important;
}
.hs-hero h2 + .hs-hero h3 {
  font-weight: normal !important;
  text-transform: none;
   !important;
}
.hs-hero h2 + p {
  font-weight: normal !important;
  text-transform: none;
   !important;
}
.button.hero_button {
  margin-top: 0px !important;
}
.hs-hero .button_wrapper {
  margin-top: 35px !important;
}
.hs-hero__content div.content {
  padding: 0px 20px 40px 20px !important;
}
.hs-hero__content div.image_container {
  padding: 20px 20px 20px 0px !important;
}
/* Button */
.card .back a {
  background-color: #65922D !important;
  color: #fff !important;
  text-decoration: none;
  border-radius: 8px;
  font-size: 18px;
}
/* Content*/
.row-fluid-wrapper.row-depth-1 {
  padding-top: 25px;
  padding-bottom: 25px;
}
h1 {
  font-size: 50px;
  line-height: 120% !important;
  color: #004E86;
  font-weight: 500 !important;
  padding-bottom: 20px;
  text-transform: uppercase;
}
h1 + h2 {
  font-size: 30px;
  line-height: 120% !important;
  color: #777777;
  font-weight: 500 !important;
  padding-bottom: 20px;
  text-transform: none;
}
h2 {
  font-size: 40px;
  line-height: 120% !important;
  color: #004E86;
  font-weight: 500 !important;
  text-transform: uppercase;
}
h3 {
  font-size: 30px;
  line-height: 120% !important;
  color: #004E86;
  font-weight: 500 !important;
}
h2 + h3 {
  font-size: 30px;
  line-height: 130% !important;
  color: #777777 !important;
  font-weight: normal !important;
}
h3 + h6 {
  font-size: 22px;
  line-height: 130% !important;
  color: #777777 !important;
}
h3 + h4 {
  font-size: 22px !important;
  line-height: 130% !important;
  color: #777777 !important;
}
h4 {
  font-size: 26px;
  line-height: 130% !important;
  color: #004E86;
  font-weight: 500 !important;
}
h5 {
  font-size: 22px;
  line-height: 130% !important;
  color: #777777;
  font-weight: 500 !important;
}
p, li {
  font-size: 18px;
  line-height: 150% !important;
}
.teaser_box-content p {
  line-height: 150% !important;
}
.cardBox {
  margin: 2% 0 0 2%;
  width: 22.7%;
}
.testimonial-slider__inner-slide::before {
  color: #004E86 !important;
}
a, a:link, li a {
  color: #2699d6;
  text-decoration: underline;
}
.header-link ul > li > a, a.srch_tigger:link {
  color: #222222;
  text-decoration: none;
}
.header-link ul > li > a:hover, a.srch_tigger:hover {
  color: #222222;
  text-decoration: underline;
}
.teaser_box-boxmain a {
  color: #2699d6 !important
}
.reverse {
  color: #ffffff !important
}
/* Schatten deaktiviert */
.teaser_box-box:hover, .inner:hover {
  box-shadow: none !important;
}
/**** BUTTON für Firefox */
a.hs-button.large.primary, .btn, .hs-button, .button--primary, .cta_button, a.button, .button, .button.hero_button {
  background-color: #d36601;
  border-color: #d36601;
  font-size: 20px !important;
  text-decoration: none !important;
}
.hs-hero__content div.form .hs-button {
  background-color: #d36601 !important;
  color: #FFFFFF !important;
  font-size: 20px !important;
}
.hs-hero__content div.form .hs-button:hover, .hs-button.primary.large:hover, .button.hero_button:hover {
  background-color: #f18700 !important;
  color: #FFFFFF !important;
  font-size: 20px !important;
  text-decoration: none;
  border: 1px solid #f18700 !important;
}
a.button-teaser-link.btn-no1:hover, a.button-teaser-link.btn-no2:hover, a.button-teaser-link.btn-no3:hover, a.button-teaser-link.btn-no4:hover, .btn:hover, a.button:hover, .button:hover, .thumbnail-link__actions-more.button:hover {
  background-color: #f18700 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  font-size: 20px !important;
  text-decoration: none;
}
.alert_sec .hs_cos_wrapper_type_rich_text p a {
  font-size: 100%;
}
.btn, .hs-button {
  font-size: 20px !important;
}
a.hs-button.large.primary, .btn, .hs-button, .button--primary, a.button, .button, .thumbnail-link__actions-more.button {
  background-color: #d36601;
  border-color: #d36601;
  border-radius: 8px;
  border-width: 0px;
  color: #FFFFFF !important;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 25px;
  text-decoration: none;
}
.button-teaser-link-text {
  color: #ffffff !important;
}
select.selectpicker.form-control {
  background-color: #d36601 !important;
  border-color: #d36601 !important;
}
.anchor-bar-container a, .anchor-bar-container a:link {
  text-decoration: none !important;
}
.footer {
  background-color: #232E3A;
  text-align: center;
  color: #ffffff !important;
}
/* Modales Fensters */
.modal-content {
  background-color: hsla(0, 0%, 100%, .5) !important;
}
.modal-content .embed-responsive {
  border: none !important;
}
.modal.fade .modal-dialog {
  max-width: 1200px;
}
/* Multi Box */
.teaser_box-content img {
  border-radius: 0px !important;
}
/* Referenz-Detaiseite */
.span3.paylist {
  display: none
}
.span3.branchenlist .form-group {
  background-color: #d36601;
  border-radius: 6px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}
.references-post-body {
  padding-top: 40px !important;
}
.iconCont_wrap li.icon_list span.icon.img span {
  top: 0;
}
.banner-img {
  height: 500px !important
}
.references-post-top-wrapper .span8 > div * {
  color: #222;
}
#references_hubdb select.selectpicker {
  color: #222 !important;
}
.hs-richtext p a, .submitted-message {
  color: #004E86 !important;
}
.references-post-body {
  margin-bottom: 60px
}
.banner {
  height: 440px;
}
.infobox {
  background: #f1f1f1 !important;
}
.download-form. reference {
  background: #f1f1f1 !important;
}
.references-post-top-wrapper .span8 > div {
  background: #f1f1f1;
  color: #222;
}
.references-post-top-wrapper .span8 .hs-richtext p {
  color: #222 !important;
}
.download-form.reference .hs-richtext p a {
  color: #004E86;
   !important;
}
.download-form.reference h3 {
  color: #222222 !important;
}
/* Fehlerseiten 404 */
.span6.content {
  margin-right: 40px;
}
/* Footer */
footer a {
  text-decoration: none !important
}
footer a:hover {
  text-decoration: underline !important
}
@media (max-width: 950px) {
  /* MA Hero Multi */
  .hs-hero {
    min-height: 50px;
    /*  background-color: #dddddd;*/
  }
  .hs-hero__content.content h1 {
    color: #ffffff !important;
  }
  .hs-hero h1 {
    font-size: 18px !important;
    color: #ffffff !important;
    text-align: center !important
  }
  .hs-hero h2 {
    font-size: 26px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #ffffff !important;
    text-align: center !important
  }
  .hs-hero p {
    font-size: 22px !important;
    color: #ffffff !important;
    text-align: center !important
  }
  .hs-hero__content div.image_container {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 20px;
    min-width: 100% !important;
    margin-left: 10px;
  }
  .hs-hero__content div.image_container img {
    max-width: 50% !important;
  }
  .hs-hero .button_wrapper {
    display: block !important;
    text-align: center !important;
  }
  .hs-hero__content div.content {
    padding: 0px 20px 0px 0px !important;
  }
  /* Content */
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 24px;
  }
  h2 + h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
}
/*. MultiBox */
.teaser_box-content h3 {
  font-size: 22px !important;
  text-decoration: none !important;
}
@media (max-width: 760px) {
  .body-wrapper.hs-site-page.page {
    margin-top: -26px !important;
  }
  .hs-hero__content div.image_container {
    flex-direction: column;
    margin-top: 40px;
  }
  .anchor-bar-container {
    display: none !important;
  }
}
/* Mediathek */
.media-menu a.btn {
  font-weight: 400;
  margin: 8px 10px 0;
}
.slick-dots li button:before {
  color: #d36601 !important;
}
/* .legal-consent-container .hs-richtext p a {
  color: #ffffff; */
}
.hs_cos_wrapper_type_form {
  align-items: center;
}
/* back-to-top button */
.scrollUp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
  cursor: pointer;
  display: none;
}
.scrollUp-circle {
  width: 65px;
  height: 65px;
  background-color: #ffffff;
  border: 3px solid #d36601;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.scrollUp-svg {
  width: 50%;
  height: 50%;
  fill: #d36601;
}

@media (max-width: 768px) {
  .scrollUp-circle {
    width: 52px;
    height: 52px;
  }
  .scrollUp-svg {
    width: 40%;
    height: 40%;
  }
}

@media (min-width: 992px) {
  .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-2 > a {
    color: #222222;
    text-decoration: none;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a {
    color: #222222;
    text-decoration: none;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.active-branch > a {
    color: #2699d6 !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.active > a {
    color: #2699d6 !important;
    text-decoration: none;
  }
  .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-2 > a:hover {
    background-color: #dddddd;
  }
  .custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-2.active > a {
    color: #2699d6 !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > ul {
    background-color: rgba(245, 245, 245, 0.95);
    border-color: rgba(225, 225, 225, 1.0);
  }
}
/* Links im Footer */
.footer_links .header-link ul > li > a > span > div, a.srch_tigger:link {
  color: #fff;
  text-decoration: none;
  font-size: 15px !important;
}