@keyframes wobble {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px) rotate(-5deg); }
  50% { transform: translateX(5px) rotate(5deg); }
  75% { transform: translateX(-5px) rotate(-5deg); }
  100% { transform: translateX(5px) rotate(5deg); }
}

.Geschenk {
  animation: wobble 1s infinite;
}



@keyframes float {
0% {

transform: translatey(0px);
}
50% {

transform: translatey(-20px);
}
100% {

transform: translatey(0px);
}
}

.floaty1 {
animation: float 6s ease-in-out infinite;
}

.floaty2 {
animation: float 5s ease-in-out infinite;
animation-delay:.5s;
}

.floaty3 {
animation: float 4s ease-in-out infinite;
animation-delay: 1s;
}

.floaty4 {
animation: float 7s ease-in-out infinite;
animation-delay: 2s;
}

.floaty5 {
animation: float 6.5s ease-in-out infinite;
animation-delay: 1s;
}


.minus3 {
  transform: rotate(-3deg); /* Equal to rotateZ(45deg) */

}

.plus3 {
  transform: rotate(3deg); /* Equal to rotateZ(45deg) */

}

.minus1 {
  transform: rotate(-1deg); /* Equal to rotateZ(45deg) */

}