.kundenlogos_container {
  padding: 0px 15px;
  margin-top: 96px;
  margin-bottom: 96px;
}

.kundenlogos_headline, .kundenlogos_content h2 {
  font-weight: 600;
  font-size: 44px;
  line-height: 52px;
  margin-bottom: 32px;
  color: #002E2D;
  letter-spacing: -1%;
  text-align: center;
}

.kundenlogos_infotext {
  font-size: 22px;
  line-height: 34px;
  color: #002E2D;
  margin-bottom: 64px;
}

.kundenlogos_headline p, .kundenlogos_content h2 p {
  margin-bottom: 0;
}

.kundenlogos_anchor {
  margin: 64px auto 94px;
  text-align: center;
}

.kundenlogos_anchor_container {
  display: inline-flex;
  background: #F2F4F4;
  border: 1px solid #BACACA;
  border-radius: 9999px;
  overflow: hidden;
  align-items: center;
}

.kundenlogos_anchor_link.is-active {
  color: #002E2D;
  font-weight: 600;
}

.kundenlogos_anchor_link {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #002E2D;
  text-decoration: none;
  border-right: 1px solid #E3E8E8;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.kundenlogos_anchor_link:hover {
  font-weight: 600;
  color: #002e2d;
}

.kundenlogos_area_heading {
  font-size: 36px;
  line-height: 42px;
  color: #002E2D;
  font-weight: 600;
  margin-bottom: 48px;
  scroll-margin-top: 176px;
}

.kundenlogos_list {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  gap: 16px;
  margin-bottom: 128px;
}

.kundenlogos_list:last-child {
  margin-bottom: 96px;
}

.kundenlogo_item {
  padding: 32px;
  border-radius: 12px;
  background-color: #F6F4F3;
  text-align: center;
  align-content: center;
  filter: grayscale(100%);
  height: 166px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.kundenlogos_is-fixed{
  position: fixed;
  top: 150px;                    /* = STICKY_TOP */
  left: var(--kl-left, 0px);
  width: var(--kl-width, 100%);
  z-index: 20;
  margin: 0 !important;
  background: transparent;
}

.kundenlogo_image {
  max-height: 61px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: grayscale(100%);
}

@media only screen and (max-width: 1150px) {
  .kundenlogos_container {
    padding: 0px;
  }
}

@media only screen and (max-width: 800px) {
  .kundenlogos_container {
    margin-top: 32px;
    margin-bottom: 64px;
  }

  .kundenlogos_headline {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 18px;
  }

  .kundenlogos_infotext {
    font-size: 18px;
    line-height: 28px;
  }

  .kundenlogos_anchor {
    display: none;
  }

  .kundenlogos_spacer {
    display: none !important;
  }

  .kundenlogos_area_heading {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 32px;
  }

  .kundenlogos_list {
    grid-template-columns: 49% 49%;
    margin-bottom: 64px;
  }

  .kundenlogo_item {
    /* padding: 32px; */
    height: 97px;
  }

  .kundenlogo_image {
    max-height: 41px;
  }
}


@media only screen and (max-width: 500px) {
  .kundenlogos_list {
    grid-template-columns: 48% 48%;
  }
}
