drehen, .drehen:hover {
  transition : all 1s ease-in-out;
}

.drehen:hover, .drehen a:hover, .drehen img:hover, .drehen i:hover, .drehen span:hover {
  transform : rotate(2160deg);
}

.slide-top:hover {
  animation-name : slide-top;
  animation-duration : 2s;
  animation-iteration-count : 1;
  animation-timing-function : linear;
}

@keyframes slide-top {
  0% {
    transform : translateY(0);
  }
  50% {
    transform : translateY(-20px);
  }
}

.schwingen:hover {
  animation-name : schwingen;
  animation-duration : 3s;
  animation-timing-function : linear;
  animation-iteration-count : infinite;
  animation-iteration-count : 1;
}


@keyframes schwingen {
  25% {
    transform : rotate3d(0,0,1,15deg);
  }
  45% {
    transform : rotate3d(0,0,1,-10deg);
  }
  65% {
    transform : rotate3d(0,0,1,5deg);
  }
  85% {
    transform : rotate3d(0,0,1,-5deg);
  }
  to {
    transform : rotate3d(0,0,1,0deg);
  }
}