.ce_brands {
  padding-top: clamp(8.75rem, 5.9091rem + 7.5758vw, 15rem);
  padding-bottom: clamp(8.75rem, 5.9091rem + 7.5758vw, 15rem);
  background-color: #000000;
}
.ce_brands .headline {
  font-size: 3.375rem;
  font-size: clamp(3.375rem, 0.3636rem + 8.0303vw, 10rem);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0.75em;
  max-width: 6.7em;
}
.ce_brands .headline:after {
  content: "";
  display: block;
  width: 1.88em;
  height: 0.05em;
  background-color: #00FFD4;
}
.ce_brands .logos-list {
  display: grid;
  gap: 5em;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  place-items: center;
}
@media (max-width: 580px) {
  .ce_brands .logos-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3em;
  }
}
.ce_brands .logos-list img.inverted {
  filter: invert(100%);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fwecodedesign%2Fweb%2Fwecodedesign.de%2Fpublic_html%2Fvendor%2Fvonheldenundgestalten%2Fwecodedesign-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Felements%2Fce_brands.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%22%7D */