@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-moz-keyframes spinback { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spinback { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spinback { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

.zahnrad_rotate_1 {
    -webkit-animation:spin 30s linear infinite;
    -moz-animation:spin 30s linear infinite;
    animation:spin 30s linear infinite;
}
.zahnrad_rotate_2 {
    -webkit-animation:spinback 30s linear infinite;
    -moz-animation:spinback 30s linear infinite;
    animation:spinback 30s linear infinite;
}
.zahnrad_rotate_3 {
    -webkit-animation:spinback 30s linear infinite;
    -moz-animation:spinback 30s linear infinite;
    animation:spinback 30s linear infinite;
}
.zahnrad_rotate_4 {
    -webkit-animation:spin 30s linear infinite;
    -moz-animation:spin 30s linear infinite;
    animation:spin 30s linear infinite;
} 



.iconrotate {
    -webkit-animation:spin 150s linear infinite;
    -moz-animation:spin 150s linear infinite;
    animation:spin 150s linear infinite;
}

.iconrotate_back {
    -webkit-animation:spinback 150s linear infinite;
    -moz-animation:spinback 150s linear infinite;
    animation:spinback 150s linear infinite;
}