@keyframes btnArrowBounce {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
.ce_herosection {
  position: relative;
  padding: clamp(3.125rem, 2.5436rem + 1.938vw, 4.375rem) 0;
  z-index: 1;
  z-index: 0;
}
.ce_herosection.neon-left-blue-right:not(.mediabackground):before {
  content: "";
  position: absolute;
  width: 440px;
  height: 630px;
  background: url() right top/100% 100% no-repeat;
  top: 43%;
  right: 89%;
  background-image: url("../../bundles/agorumbasic/images/background-elements/shape-neon.svg");
  transform: rotate(-15deg);
  z-index: -1;
}
@media only screen and (min-width: 1513px) {
  .ce_herosection.neon-left-blue-right:not(.mediabackground):before {
    width: clamp(27.5rem, 5.3722rem + 23.4002vw, 42.8125rem);
    height: clamp(39.375rem, 7.7638rem + 33.4288vw, 61.25rem);
  }
}
@media only screen and (min-width: 1941px) {
  .ce_herosection.neon-left-blue-right:not(.mediabackground):before {
    width: 685px;
    height: 980px;
  }
}
.ce_herosection.neon-left-blue-right:not(.mediabackground):after {
  content: "";
  position: absolute;
  width: 440px;
  height: 630px;
  background: url() right top/100% 100% no-repeat;
  top: 10%;
  left: 86%;
  background-image: url("../../bundles/agorumbasic/images/background-elements/shape-blue.svg");
  transform: rotate(180deg);
  z-index: -1;
}
@media only screen and (min-width: 1513px) {
  .ce_herosection.neon-left-blue-right:not(.mediabackground):after {
    width: clamp(27.5rem, 5.3722rem + 23.4002vw, 42.8125rem);
    height: clamp(39.375rem, 7.7638rem + 33.4288vw, 61.25rem);
  }
}
@media only screen and (min-width: 1941px) {
  .ce_herosection.neon-left-blue-right:not(.mediabackground):after {
    width: 685px;
    height: 980px;
  }
}
.ce_herosection .hero-inside {
  width: 86%;
  max-width: 1702px;
  max-width: 106.375rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
@media only screen and (max-width: 1279.98px) {
  .ce_herosection .hero-inside {
    width: 90%;
  }
}
.ce_herosection .hero-content > *:last-child {
  margin-bottom: 0;
}
.ce_herosection .hero-heading {
  font-family: "New Science", sans-serif;
  font-size: clamp(2.5rem, 1.9186rem + 1.938vw, 3.75rem);
  line-height: 1.1;
  color: #3B3B3B;
  margin-bottom: 0.4em;
}
@media only screen and (min-width: 1513px) {
  .ce_herosection .hero-heading {
    font-size: clamp(3.75rem, -1.9907rem + 6.0748vw, 5.375rem);
    line-height: 1.2;
  }
}
.ce_herosection .hero-heading:last-child {
  margin-bottom: 0;
}
.ce_herosection .hero-heading:has(+ .hero-button) {
  margin-bottom: 0.6em;
}
.ce_herosection .hero-heading .overline {
  font-family: "New Science", sans-serif;
  font-size: clamp(1rem, 0.8837rem + 0.3876vw, 1.25rem);
  line-height: 1.3;
  letter-spacing: 0.01rem;
  color: #3B3B3B;
  font-weight: 600;
  display: block;
  margin-bottom: 0.6em;
}
@media only screen and (min-width: 1513px) {
  .ce_herosection .hero-heading .overline {
    font-size: clamp(1.25rem, 0.3668rem + 0.9346vw, 1.5rem);
  }
}
.ce_herosection .hero-text {
  margin-bottom: 3em;
}
.ce_herosection .hero-text p {
  font-family: "New Science", sans-serif;
  font-size: clamp(1rem, 0.8837rem + 0.3876vw, 1.25rem);
  line-height: 1.4;
  letter-spacing: 0.01rem;
  color: #3B3B3B;
  max-width: 48ch;
}
@media only screen and (min-width: 1513px) {
  .ce_herosection .hero-text p {
    font-size: clamp(1.25rem, 0.3668rem + 0.9346vw, 1.5rem);
  }
}
.ce_herosection .hero-text a {
  font: inherit;
  font-weight: 600;
  color: #EB4D27;
  text-decoration: underline;
}
.ce_herosection .hero-text a:hover {
  opacity: 0.5;
}
.ce_herosection .hero-button {
  font-family: "New Science", sans-serif;
  font-size: clamp(1rem, 0.8837rem + 0.3876vw, 1.25rem);
  line-height: 1.4;
  letter-spacing: 0.01rem;
  color: #3B3B3B;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 1em;
  width: fit-content;
  padding: 0.8em 1.3em;
  border: 0.125rem solid transparent;
  background-color: #EB4D27;
  color: white;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms ease;
}
@media only screen and (min-width: 1513px) {
  .ce_herosection .hero-button {
    font-size: clamp(1.25rem, 0.3668rem + 0.9346vw, 1.5rem);
  }
}
.ce_herosection .hero-button svg path {
  fill: #FFFFFF;
}
.ce_herosection .hero-button:hover {
  border-color: #EB4D27;
  background-color: transparent;
  color: #EB4D27;
}
.ce_herosection .hero-button:hover svg {
  animation: btnArrowBounce 0.6s linear;
}
.ce_herosection .hero-button:hover svg path {
  fill: #EB4D27;
}
.ce_herosection .hero-button svg {
  position: relative;
  top: -0.05em;
  width: auto;
  height: 0.95em;
  vertical-align: middle;
}
.ce_herosection .hero-media-wrapper {
  position: relative;
  height: 100%;
}
.ce_herosection .hero-media figure,
.ce_herosection .hero-media video {
  width: 100%;
  height: 100%;
}
.ce_herosection .hero-media figure {
  display: flex;
  justify-content: flex-end;
}
.ce_herosection .hero-media picture {
  display: flex;
  width: 100%;
}
.ce_herosection .hero-media picture:has(+ video) {
  display: none;
}
.ce_herosection .hero-media img {
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.ce_herosection .hero-media video {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  background-color: #FFFFFF;
}
.ce_herosection .hero-media .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(5.25rem, 4.6336rem + 2.0548vw, 7.125rem);
  height: clamp(5.25rem, 4.6336rem + 2.0548vw, 7.125rem);
  max-width: 7rem;
  max-height: 7rem;
  background-color: #FFFFFF;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 12px rgba(0, 107, 255, 0.042);
  cursor: pointer;
  transition: all 0.2s linear;
}
.ce_herosection .hero-media .play-button .icon-play {
  display: block;
  width: 35%;
  max-width: 2rem;
  height: auto;
  margin: auto;
}
.ce_herosection .hero-media .play-button:hover {
  transform: translate(-50%, -50%) scale(1.05);
}
.ce_herosection .hero-media .play-button:active {
  transform: translate(-50%, -50%) scale(0.95);
}
.ce_herosection .hero-media-wrapper.hide-video video {
  display: none;
}
.ce_herosection .hero-media-wrapper.hide-video picture:has(+ video) {
  display: block;
}
.ce_herosection.slim {
  min-height: 34.375rem;
  padding: clamp(3.375rem, 2.6773rem + 2.3256vw, 4.875rem) 0 clamp(2.125rem, 1.5436rem + 1.938vw, 3.375rem);
}
@media only screen and (min-width: 1280px) {
  .ce_herosection.slim {
    min-height: auto;
    aspect-ratio: 11/4;
  }
}
.ce_herosection.mediabackground {
  display: flex;
  min-height: calc(100vh - 83px);
  min-height: calc(100svh - 83px);
  min-height: calc(100svh - var(--header-height));
}
.ce_herosection.mediabackground::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(244deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.6) 80%);
  z-index: 2;
}
.ce_herosection.mediabackground .hero-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ce_herosection.mediabackground .hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ce_herosection.mediabackground .hero-inside {
  justify-content: flex-end;
  z-index: 3;
}
.ce_herosection.mediabackground .hero-heading {
  max-width: 17ch;
}
.ce_herosection.mediabackground .hero-content {
  width: 100%;
}
.ce_herosection.slim.mediabackground {
  min-height: 34.375rem;
}
.ce_herosection.text-white.mediabackground::after, .ce_herosection.with-video.mediabackground::after {
  background: linear-gradient(248deg, rgba(0, 0, 0, 0.14) 30.81%, rgba(0, 0, 0, 0.6) 74.93%);
}
.ce_herosection.text-white.mediabackground .hero-heading, .ce_herosection.with-video.mediabackground .hero-heading {
  color: #FFFFFF;
}
.ce_herosection.text-white.mediabackground .hero-heading .overline, .ce_herosection.with-video.mediabackground .hero-heading .overline {
  color: #FFFFFF;
}
.ce_herosection.text-white.mediabackground .hero-text p, .ce_herosection.with-video.mediabackground .hero-text p {
  color: #FFFFFF;
}
.ce_herosection.text-white.mediabackground .hero-button, .ce_herosection.with-video.mediabackground .hero-button {
  color: #FFFFFF;
}
.ce_herosection.text-white.mediabackground .hero-button svg path, .ce_herosection.with-video.mediabackground .hero-button svg path {
  fill: #FFFFFF;
}
@media only screen and (min-width: 820px) {
  .ce_herosection.neon-left-blue-right:not(.mediabackground):before {
    top: 29%;
    right: 88%;
  }
  .ce_herosection.neon-left-blue-right:not(.mediabackground):after {
    top: -18%;
    left: 86.5%;
  }
  .ce_herosection:not(.mediabackground) .hero-inside {
    flex-direction: row;
    align-items: center;
    gap: 2%;
  }
  .ce_herosection:not(.mediabackground) .hero-content {
    width: 43%;
  }
  .ce_herosection:not(.mediabackground) .hero-media {
    width: 55%;
  }
  .ce_herosection:not(.mediabackground) .hero-media picture {
    justify-content: flex-end;
  }
  .ce_herosection:not(.mediabackground).slim .hero-inside {
    gap: 6%;
  }
  .ce_herosection:not(.mediabackground).slim .hero-content {
    width: 44%;
  }
  .ce_herosection:not(.mediabackground).slim .hero-media {
    width: 50%;
  }
  .ce_herosection.mediabackground .hero-inside {
    justify-content: center;
  }
}
@media only screen and (min-width: 1513px) {
  .ce_herosection.slim {
    padding: clamp(5rem, -3.8318rem + 9.3458vw, 7.5rem) 0 clamp(3.375rem, -2.8072rem + 6.5421vw, 5.125rem);
  }
}
@media only screen and (min-width: 1941px) {
  .ce_herosection.neon-left-blue-right:not(.mediabackground):before {
    right: 87%;
  }
  .ce_herosection.neon-left-blue-right:not(.mediabackground):after {
    top: -23%;
    left: 85%;
  }
}

.ce_herosection:has(+ .ce_logowall) {
  overflow: hidden;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fagorum.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fagorumbasic%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fagorum.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fagorumbasic%5C%2Fcss%5C%2Felements%5C%2Fce_herosection.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fagorum.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fagorumbasic%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fagorum.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fagorumbasic%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAiTA%3BAAAA%2CEACI%3BAAAA%2CIACI%3BAAAA%3BAAAA%2CEAGJ%3BAAAA%2CIACI%3BAAAA%3BAAAA%2CEAGJ%3BAAAA%2CIACI%3BAAAA%3BAAAA%2CEAGJ%3BAAAA%2CIACI%3BAAAA%3BAAAA%3BAC7TR%3BEACI%3BEACA%3BEACA%3BEAGA%3B%3BAAGI%3BEC2CJ%3BEACA%3BEACA%3BEACA%3BEACA%3BED7CQ%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BACdR%3BEDQI%3BICkDA%3BIACA%3B%3B%3BAA3DJ%3BEDQI%3BICuDA%3BIACA%3B%3B%3BAD%5C%2FCA%3BECkCJ%3BEACA%3BEACA%3BEACA%3BEACA%3BEDpCQ%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BACvBR%3BEDiBI%3BICyCA%3BIACA%3B%3B%3BAA3DJ%3BEDiBI%3BIC8CA%3BIACA%3B%3B%3BADpCA%3BECRJ%3BEACA%3BEACA%3BEACA%3BEDOQ%3BEACA%3BEACA%3B%3BAC1BR%3BEDsBI%3BICYA%3B%3B%3BADJI%3BEACI%3B%3BAAIR%3BED3CJ%2CaGkBW%3BEHjBX%3BEACA%3BEACA%2COGOc%3BEFmCN%3B%3BAC3CR%3BEDyCI%3BIDrCA%3BIACA%3B%3B%3BACwCI%3BEACI%3B%3BAAGJ%3BEACI%3B%3BAAGJ%3BED8CR%2CaGnFW%3BEHoFX%3BEACA%3BEACA%3BEACA%2COG%5C%2FFc%3BEF%2BCF%2CaElCO%3BEFmCP%3BEACA%3B%3BACzDZ%3BEDqDQ%3BIDqDJ%3B%3B%3BAC7CA%3BEACI%3B%3BAAEA%3BEDcR%2CaG9DW%3BEH%2BDX%3BEACA%3BEACA%3BEACA%2COG1Ec%3BEF0DF%3B%3BAClEZ%3BEDgEQ%3BIDqBJ%3B%3B%3BAChBI%3BEACI%3BEACA%2CaElDO%3BEFmDP%2COEnEG%3BEFoEH%3B%3BAAEA%3BEACI%3B%3BAAKZ%3BEDHJ%2CaG9DW%3BEH%2BDX%3BEACA%3BEACA%3BEACA%2COG1Ec%3BEHiJd%2CaGpImB%3BEHqInB%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CkBG5Je%3BEH6Jf%3BEACA%3BEACA%3BEACA%3B%3BAErKA%3BEDiFI%3BIDIA%3B%3B%3BAAkFJ%3BEACI%2CMGxKA%3B%3BAH2KJ%3BEACI%2CcGvKW%3BEHwKX%3BEACA%2COGzKW%3B%3BAH2KX%3BEACI%3B%3BAAEA%3BEACI%2CMG%5C%2FKG%3B%3BAF%2BEP%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAKJ%3BEACI%3BEACA%3B%3BAAGJ%3BAAAA%3BEAEI%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3B%3BAAEA%3BEACI%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%2CkBElIR%3B%3BAFsII%3BEACI%3BEACA%3BEACA%3BEACA%3BEAGA%3BEACA%3BEACA%3BEACA%3BEACA%2CkBEjJR%3BEFkJQ%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3B%3BAAGJ%3BEACI%3B%3BAAKJ%3BEACI%3B%3BAAIA%3BEACI%3B%3BAASpB%3BEACI%3BEACA%3B%3BAC9LJ%3BED4LA%3BIAKQ%3BIACA%3B%3B%3BAAKR%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAIA%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3B%3BAAIR%3BEACI%3BEACA%3B%3BAAGJ%3BEACI%3B%3BAAGJ%3BEACI%3B%3BAAKZ%3BEACI%3B%3BAAKA%3BEACI%3B%3BAAIA%3BEACI%2COEnQR%3B%3BAFqQQ%3BEACI%2COEtQZ%3B%3BAF0QI%3BEACI%2COE3QR%3B%3BAF8QI%3BEACI%2COE%5C%2FQR%3B%3BAFiRQ%3BEACI%2CMElRZ%3B%3BADAJ%3BED0RQ%3BIACI%3BIACA%3B%3BEAGJ%3BIACI%3BIACA%3B%3BEAMA%3BIACI%3BIACA%3BIACA%3B%3BEAGJ%3BIACI%3B%3BEAGJ%3BIACI%3B%3BEAEA%3BIACI%3B%3BEAOJ%3BIACI%3B%3BEAGJ%3BIACI%3B%3BEAGJ%3BIACI%3B%3BEAQR%3BIACI%3B%3B%3BAC9UhB%3BEDqVI%3BIACI%3B%3B%3BACtVR%3BED4VQ%3BIACI%3B%3BEAGJ%3BIACI%3BIACA%3B%3B%3B%3BAAShB%3BEACI%22%7D */