/* ====== DREHUNG  ======  */

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

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

/* ====== SLIDE  TOP ======  */

.slide-top:hover {
-webkit-animation-name: slide-top;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
animation-name: slide-top;
animation-duration: 4s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-delay: 0s;
}


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

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



/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */