/**
 * Setze die Klasse 'bns-bounce' auf das Element, was bouncen soll
 */

.bns-bounce-icon .elementor-icon-list-item:hover .elementor-icon-list-icon,
.bns-bounce-icon:hover .elementor-icon-box-icon,
.bns-bounce {
  animation: bns-bounce-animation 5s linear 0s infinite;
}

.bns-bounce-down-icon .elementor-icon-list-item:hover .elementor-icon-list-icon,
.bns-bounce-down-icon:hover .elementor-icon-box-icon,
.bns-bounce-down {
  animation: bns-bounce-animation-down 5s linear 0s infinite;
}

@keyframes bns-bounce-animation {
  0%,
  20%,
  100% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(-0.5rem);
  }
  10% {
    transform: translateY(0);
  }
  5% {
    transform: translateY(-1rem);
  }
}

@keyframes bns-bounce-animation-down {
  0%,
  20%,
  100% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(0.5rem);
  }
  10% {
    transform: translateY(0);
  }
  5% {
    transform: translateY(1rem);
  }
}