@keyframes btnArrowBounce {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
.ce_mediaelement {
  position: relative;
  margin: clamp(4.25rem, 3.5514rem + 2.3288vw, 6.375rem) 0;
}
.ce_mediaelement.neon-right {
  margin: 0;
}
.ce_mediaelement.neon-right .inside:after {
  content: "";
  position: absolute;
  width: 440px;
  height: 630px;
  background: url() right top/100% 100% no-repeat;
  top: 26%;
  left: 83%;
  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_mediaelement.neon-right .inside: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_mediaelement.neon-right .inside:after {
    width: 685px;
    height: 980px;
  }
}
@media only screen and (min-width: 1941px) {
  .ce_mediaelement.neon-right .inside:after {
    left: 76%;
  }
}
.ce_mediaelement .inside {
  width: 86%;
  max-width: 1702px;
  max-width: 106.375rem;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 1279.98px) {
  .ce_mediaelement .inside {
    width: 90%;
  }
}
.ce_mediaelement .media-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.ce_mediaelement .image_container {
  width: 100%;
}
.ce_mediaelement .image_container picture {
  display: block;
  width: 100%;
  height: auto;
}
.ce_mediaelement .image_container picture img {
  display: block;
  width: 100%;
  margin: auto;
}
.ce_mediaelement .video_container {
  display: block;
  position: relative;
  width: 100%;
  z-index: -1;
}
.ce_mediaelement .video_container video {
  display: block;
  width: 100%;
  height: auto;
}
.ce_mediaelement .video_container + .image_container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ce_mediaelement .video_container + .image_container picture, .ce_mediaelement .video_container + .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ce_mediaelement .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_mediaelement .play-button .icon-play {
  display: block;
  width: 35%;
  max-width: 2rem;
  height: auto;
  margin: auto;
}
.ce_mediaelement .play-button:hover {
  transform: translate(-50%, -50%) scale(1.05);
}
.ce_mediaelement .play-button:active {
  transform: translate(-50%, -50%) scale(0.95);
}
@media only screen and (min-width: 720px) {
  .ce_mediaelement.slim .media-wrapper {
    max-width: 82%;
  }
  .ce_mediaelement.halfsize .media-wrapper {
    max-width: 48.8%;
  }
}

.cte_preview .ce_mediaelement img {
  max-width: none;
}

/*# 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_media.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%3BAC5TR%3BEACC%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAGA%3BEC2CE%3BEACA%3BEACA%3BEACA%3BEACA%3BED7CK%3BEACH%3BEACG%3BEACA%3BEACA%3B%3BACdL%3BEDQF%3BICkDM%3BIACA%3B%3B%3BAA3DJ%3BEDQF%3BICuDM%3BIACA%3B%3B%3BAAhEJ%3BEDQF%3BIASQ%3B%3B%3BAAKT%3BECFG%3BEACA%3BEACA%3BEACA%3BEDCF%3B%3BAClBE%3BEDgBH%3BICkBO%3B%3B%3BADXP%3BEACC%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3B%3BAAEA%3BEACC%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3BEACA%3BEACA%3B%3BAAKH%3BEACC%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAACA%3BEACC%3BEACA%3BEACA%3B%3BAAKH%3BEACC%3BEACA%3BEACA%3BEACA%3BEAGM%3BEACA%3BEACA%3BEACA%3BEACA%2CkBEzFA%3BEF0FA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEN%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3B%3BAAED%3BEACC%3B%3BAC%5C%2FGC%3BEDwHD%3BIACC%3B%3BEAOD%3BIACC%3B%3B%3B%3BAAUJ%3BEACC%22%7D */