.schlange{
  overflow: hidden;
  width: 100%;
  height: 640px;
  background-image: url(06%20Die%20Schlange%20-%20camilla%20charles%20rabbit.png), url(05%20Die%20Schlange%20-%20mutti%20dino%20bambi%20britney.png), url(04%20Die%20Schlange%20-%20bellydancer%20hunq%20sailormoon.png), url(03%20Die%20Schlange%20-%20gorilla%20ronald%20girl.png), url(02%20Die%20Schlange%20-%20bouncer.png), url(01%20Die%20Schlange%20-%20background.jpg);
   background-position: 0px 0px, 60px 0px, 0px -15px, 0px -20px, 0px 3px, 0px 0px;
   background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}

@keyframes animated {
    from { background-position: 0px 0px, 60px 0px, 0px -15px, 0px -20px, -20px 3px, 0px 0px; }
    to { background-position: -1841px 0px, -1781px 0px, -1801px -15px, -1781px -20px, -1761px 3px, -1761px 0px; }
}

@media only screen and (min-width: 768px){
    @keyframes animated {
        from { background-position: 0px 0px, 60px 0px, 0px -15px, 0px -20px, -20px 3px, 0px 0px; }
        to { background-position: -1241px 0px, -1181px 0px, -1201px -15px, -1181px -20px, -1161px 3px, -1161px 0px; }
    }
}


@keyframes animated2 {
    from { background-image: url(06%20Die%20Schlange%20-%20camilla%20charles%20rabbit.png), url(05%20Die%20Schlange%20-%20mutti%20dino%20bambi%20britney.png), url(04%20Die%20Schlange%20-%20bellydancer%20hunq%20sailormoon.png), url(03%20Die%20Schlange%20-%20gorilla%20ronald%20girl.png), url(02%20Die%20Schlange%20-%20bouncer.png), url(01%20Die%20Schlange%20-%20background.jpg); }
    to { background-image: url(06%20Die%20Schlange%20-%20camilla%20charles%20rabbit.png), url(05%20Die%20Schlange%20-%20mutti%20dino%20bambi%20britney.png), url(04%20Die%20Schlange%20-%20bellydancer%20hunq%20sailormoon.png), url(03%20Die%20Schlange%20-%20gorilla%20ronald%20girl.png), url(02%20Die%20Schlange%20-%20bouncer.png), url(01%20Die%20Schlange%20-%20background2.jpg); }
}

.schlange:active,  .schlange:hover	{ 
    animation: animated 6s linear alternate infinite, animated2 1s ease infinite;
}