/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* --- Blog --- */

[data-hs-icon-hubl] svg {
  height: revert-layer;
}

.hs_cos_wrapper_type_icon svg {
  height: revert-layer;
}

.sasa-accent-darkfont h3,
.sasa-accent-darkfont ul {
  color: rgb(34, 47, 61);
}

/* --- Header --- */ 

.nav--dark .nav__list--flyout .nav__item--active-branch>a,
.nav--dark .nav__list--flyout .nav__item--active>a,
.nav--dark .nav__list--flyout li:hover>a {
  background-color: transparent!important;
}

.nav--dark .nav__list--flyout .nav__item--active-branch>a:hover,
.nav--dark .nav__list--flyout .nav__item--active>a:hover,
.nav--dark .nav__list--flyout li:hover>a:hover {
  color: #fbba00!important;
}

/* --- Footer --- */

#hs_cos_wrapper_widget_1697546192870 .contact-box__item {
  margin-bottom: 0;
  padding: 0;
}

#hs_cos_wrapper_widget_1697546192870 .contact-box__icon {
  float: left;
  margin-right: 20px;
}

#hs_cos_wrapper_widget_1697546192870 .icon--medium .icon__glyph {
  font-size: 1.52rem;
  height: 1.52rem;
  line-height: 1.52rem;
  width: 1.52rem;
}

.footer__center {
  border-top: 1px solid white;
  padding-top: 20px;
}

/* --- Portfolio Zusätze --- */

.SaSa-leistungskacheln-link a:hover {
  transform: scale(1.1);
  transition: .5s ease-in-out;
}


.SaSa-leistungskacheln-link a:hover .icon--extra-large.icon--disc,
.SaSa-leistungskacheln-link a:hover .icon--extra-large.icon--square {
  height: 7.56rem;
  width: 7.56rem;
}


.module--featshow .featshow--nav-bg-dark:before {
  background: rgba(34, 47, 61, 1) !important;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 0;
}

.featshow__nav--dark .featshow__btn--active,
.featshow__nav--dark .featshow__btn:hover {
  color: #fbba00!important;
}

.featshow--nav-bg-accent  .featshow__nav--dark .featshow__btn--active,
.featshow--nav-bg-accent  .featshow__nav--dark .featshow__btn:hover {
  color: #222f3d!important;
}


/* HOME */
  
  /* Header */

.icon--extra-large .icon__glyph {
  height: 7.46rem;
  width: 7.46rem;
}

.SaSa-leistungskacheln .icon--extra-large.icon--disc, .icon--extra-large.icon--square {
  height: 7.46rem;
  width: 7.46rem;
  margin-top: -100px;
}

.SaSa-leistungskacheln .feature-card {
  padding: 15px;
  min-height: 470px;
  margin-bottom: 0;
  margin-top: 30px;
}

.SaSa-leistungskacheln-button {
  margin-top: -20px;
}

.module--1697526703085 .inline-items {
  justify-content: center;
}

.icon--footer_icons-1 .icon__glyph {
  width: 10rem;
  height: 4rem;
}

.review--boxed {
  padding: 30px;
  text-align: left;
}

.hs-content-id-140416465416 .footer__section {
  padding-top: 0px;
  padding-bottom: 50px;
}

.customer-background-white {
  background-color: white;
}

/* Portfolio */

.icon--extra-large.icon--disc, .icon--extra-large.icon--square {
  height: 7.46rem;
  width: 7.46rem;
}

.accordion__title {
  font-size: 1.11rem;
}

.site-portfolio.SaSa-leistungskacheln .feature-card {
  min-height: auto;
}

/* Kontakt */

.SaSa-Contaktbox .contact-box__item {
  box-shadow: 0 16px 32px rgba(34,47,61,.05),0 8px 16px rgba(34,47,61,.05);
}

.SaSa-Contaktbox .contact-box__icon {
  margin-top: -55px;
}

.SaSa-Contaktbox .contact-box .s4 {
  margin-top: 30px;
}

form .hs-input {
  box-shadow: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

form input.hs-button {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Projekte */ 

.SaSa-Projekte-logos .logos__logo__img {
  filter: grayscale(80%);
}

.SaSa-Projekte-logos .logos__logo__img:hover {
  filter: grayscale(0%);
}

.site-projekte.SaSa-leistungskacheln .feature-card {
  min-height: auto;
}

.Quickfact-image-px .icon__glyph {
  height: 2.73rem;
  width: 2.73rem;
}

/* Agentur */

.hs-content-id-142673428294 .timeline__text {
  width: 100%;
}

.team-contact-socialmedia a span {
  width: 20px;
  height: 20px;
}

.hs-content-id-142673428294 .accordion__title {
  font-size: 1rem;
}

/* Blog */

.hs-content-id-153197955099 .properties__item:not(:last-child) {
  border-right: none;
}



/* RWD */

@media (max-width: 1139px) {
  
  .hs-content-id-152576280197 .cell_17011757774682-row-1-vertical-alignment .row-fluid,
  .hs-content-id-145535016528 .cell_17012924143143-row-0-vertical-alignment .row-fluid {
    flex-wrap: wrap;
  }
  
  .hs-content-id-152576280197 .span3,
  .hs-content-id-145535016528 .span3 {
    width: calc(50% - 18px);
  }
  
  .hs-content-id-152576280197 .span3,
  .hs-content-id-145535016528 .span3 {
    margin-inline-start: 0;
  }
  
  .hs-content-id-152576280197 .cell_17011757774687-vertical-alignment,
  .hs-content-id-152576280197 .cell_17011757774689-vertical-alignment,
  .hs-content-id-145535016528 .cell_17012924143148-vertical-alignment,
  .hs-content-id-145535016528 .cell_170129241431410-vertical-alignment {
    margin-inline-start: 13px;
  }
  
  .SaSa-leistungskacheln .feature-card {
    min-height: 400px;
  }
  
  .featshow__wrapper {
    flex-direction: column;
  }
  
  .featshow--nav-right .featshow__content {
    order: 2!important;
  }
  
  .featshow--nav-right .featshow__nav {
    order: 1!important;
  }
  
  .featshow__nav {
    padding-top: 0!important;
  }
  
  .featshow__content, .featshow__nav {
    width: 100%!important;
  }
  
  .featshow__nav__wrapper {
    max-width: 100%!important;
    padding-bottom: 48px;
    width: 500px;
   }

  .featshow:before {
    bottom: auto!important;
    height: 50%!important;
    width: 100%!important;
  }
  
  .hs-content-id-145535016528 .content_bucket-row-24-vertical-alignment {
    padding-left: 24px!important;
    padding-right: 24px!important;
  }
}

@media (max-width: 767px) {

  
  h2, .h2 {
    font-size: 1.3rem!important;
  }
  
  h3, .h3 {
    font-size: 1.2rem!important;
  }
  
  .hs-content-id-152576280197 .span3,
  .hs-content-id-145535016528 .span3 {
    width: 100%;
  }
  
  .hs-content-id-152576280197 .cell_17011757774687-vertical-alignment,
  .hs-content-id-152576280197 .cell_17011757774689-vertical-alignment,
  .hs-content-id-145535016528 .cell_17012924143148-vertical-alignment,
  .hs-content-id-145535016528 .cell_170129241431410-vertical-alignment {
    margin-inline-start: 0;
  }
  
  .CTA-Kennelernen .inline-items--right,
  .Banner-Buttons .inline-items {
    justify-content: flex-start;
    margin-top: 30px;
  }
  
  .featshow {
    padding: 75px 24px 50px 24px!important;
  }
  
  .featshow__nav {
    padding: 15px!important;
  }
  
  .featshow__btn {
    font-size: 1.3rem!important;
  }
  
  /* Agentur */
  
  .hs-content-id-144849411912 .module--content_bucket-module-1 .splide__slide--1 .section {
    background-position: top;
  }
  
  .cell_16986725057073-vertical-alignment,
  .cell_16986732759822-vertical-alignment {
    order: 2;
  }
  
  .timeline__img img {
    width: 250px;
  }
  
  .above-footer .module--text-right {
    text-align: left;
  }
  
  .module--1697542588758 {
    margin-bottom: 20px;
  }
  
  .rtext__content img {
    float: unset!important;
    margin-bottom: 20px;
    margin-left: 0!important;
  }
  
  .Header-RWD .splide__list .section {
    background-position: 75%;
  }
  
  /* Referenzen */
  
  .hs-content-id-144853141661 .cover-card__labels {
    align-items: flex-start!important;
    display: flex!important;
    flex-direction: column!important;
    flex-wrap: unset!important;
  }
  
  .hs-content-id-144853141661 .cover-card__labels .cover-card__info {
    margin-inline-start: 0!important;
    margin-top: 5px;
  }
  
}

@media (max-width: 500px) {

  .featshow__btn {
    font-size: 1rem!important;
  }
  
  .featshow__nav li+li {
    margin-top: 15px!important;
  }
}


  
  .mnav--light .mnav__open, .mnav--light .mnav__open:hover {
    color: white!important;
  }