/** ANIMATIONS **/
.animated:not(.block-editor-block-list__block) {
  opacity: 0;
  transform: translateY(60px);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-duration: 1s;
  will-change: opacity, transform;
  transition-property: opacity, transform;
}

.animated.in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-property: opacity, transform;
}

@media (max-width: 576px) {
  .not-animated-mobile {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ---- */

@keyframes bounce-X {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-5px);
  }

  60% {
    transform: translateX(-15px);
  }

  75% {
    transform: translateX(0);
  }

  85% {
    transform: translateX(-5px);
  }

  100% {
    transform: translateX(-0px);
  }
}

@keyframes bounce-Y {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(-5px);
  }

  60% {
    transform: translateY(-15px);
  }

  75% {
    transform: translateY(0);
  }

  85% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(-0px);
  }
}

@keyframes Rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 1200px) {
  .lottie-kleiner {
    scale: 0.85;
  }
}

/*
#marken-dna,
#marken-architektur,
#marken-stories,
#mehrwert-kommunikation {
  scroll-margin-top: calc(var(--gap-l) * 10 * -1);
}
*/