.ce_cta_teaser {
  padding-bottom: clamp(8.75rem, 5.9091rem + 7.5758vw, 15rem);
}
.ce_cta_teaser .inside {
  -webkit-backdrop-filter: blur(60px) invert(5%);
  backdrop-filter: blur(60px) invert(5%);
  border-radius: 3.2em;
  gap: 3em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.2em;
  padding: clamp(2.25rem, 1.4545rem + 2.1212vw, 4rem);
}
@media (max-width: 870px) {
  .ce_cta_teaser .inside {
    -webkit-backdrop-filter: blur(10px) invert(5%);
    backdrop-filter: blur(10px) invert(5%);
    flex-direction: column;
    gap: 1.5em;
  }
  .ce_cta_teaser .inside .text-container {
    text-align: center;
  }
}
.ce_cta_teaser .text-container {
  max-width: 46em;
}
.ce_cta_teaser .headline, .ce_cta_teaser h2, .ce_cta_teaser h3 {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);
  font-weight: 500;
  line-height: 1.2;
}
.ce_cta_teaser .headline:not(:last-child), .ce_cta_teaser h2:not(:last-child), .ce_cta_teaser h3:not(:last-child) {
  margin-bottom: 0.5em;
}
.ce_contact_team + .ce_cta_teaser {
  background-color: #000000;
}
.ce_contact_team + .ce_cta_teaser .inside {
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
  background-color: #222222;
}
/*# 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_cta_teaser.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */