.ce_intro {
  padding-bottom: clamp(8.75rem, 5.9091rem + 7.5758vw, 15rem);
  background-color: #000000;
}
.ce_intro .overline {
  margin-bottom: 0.8em;
}
.ce_intro .scroll-reveal {
  max-width: 51em;
}
.ce_intro .scroll-reveal p {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);
  font-weight: 500;
  line-height: 1.2;
  display: inline;
  color: rgba(255, 255, 255, 0.2);
  background-clip: text;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-image: linear-gradient(90deg, white, white);
  animation: scroll-reveal linear forwards;
  animation-timeline: view(y);
  animation-range-start: cover 20vh;
  animation-range-end: cover 70vh;
}
@media (max-width: 767px) and (orientation: portrait) {
  .ce_intro .scroll-reveal p {
    animation-range-start: cover 15vh;
    animation-range-end: contain 60vh;
  }
}
@media (max-width: 320px) and (orientation: portrait) {
  .ce_intro .scroll-reveal p {
    animation-range-end: contain 100vh;
  }
}
.ce_intro .btn {
  margin-top: 2.4em;
}
@media (max-width: 580px) and (orientation: portrait) {
  .ce_intro .btn {
    margin-inline: auto;
  }
}
@keyframes scroll-reveal {
  to {
    background-size: 100% 100%;
  }
}
.ce_header + .ce_intro {
  padding-top: clamp(8.75rem, 5.9091rem + 7.5758vw, 15rem);
}
/*# 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_intro.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAIF%3BAAAA%3BAAAA%22%7D */