.block.header   { height:200px;  position:absolute;width:100%;  padding:0;overflow:hidden; top:0; left:0;}

 



.anim {
position:absolute;
/*border:1px solid #fff;*/
display:block;
width:30vw;
height:30vw;
max-width:500px;
max-height:500px;
background-repeat:no-repeat;
background-position:center center;/* background-position:left top; */
background-size:0px 0px; 
animation-name: scale;                 
animation-duration: 59s;               
animation-iteration-count: infinite;  

}

@media all and (max-width: 768px){
.anim {
width:40vw;
height:40vw;}

}


@media all and (max-width: 520px){
.anim {
width:50vw;
height:50vw;}

}



.bild1 {
bottom:-15vw; left:18vw;  	
background-image:url('../images/animation/kreis_petrol.svg');
animation-delay: 0s; 
}

.bild2 {
top:-9vw; right:20vw;  	
background-image:url('../images/animation/01_cloud.svg');
animation-delay: 3s; 
}


.bild3 {
top:-15vw; right:-8vw;  	
background-image:url('../images/animation/kreis_petrol.svg');
/*background-position:right center;*/
animation-delay: 6s; 
}


.bild4 {
top:-10vw; left:-9vw;  	
background-image:url('../images/animation/02_schiff.svg');
/*background-position:left top;*/
animation-delay: 9s; 
}

.bild5 {
bottom:-10vw; left:30vw;  	
background-image:url('../images/animation/09_handy.svg');
animation-delay: 12s; 
}

.bild6 {
bottom:-12vw; left:60vw;  	
background-image:url('../images/animation/kreis_magenta.svg');
animation-delay: 17s; 
}



.bild7 {
top:-11vw; right:10vw;  	
background-image:url('../images/animation/03_flugzeug.svg');
animation-delay: 22s
}

.bild8 {
top:4vw; left:5vw;  	
background-image:url('../images/animation/kreis_petrol.svg');
animation-delay: 27s; 
}


.bild9 {
top:8vw; right:-11vw;  	
background-image:url('../images/animation/08_laptop.svg');
animation-delay: 30s; 
}

.bild10 {
bottom:-10vw; left:-12vw;  	
background-image:url('../images/animation/06_palette.svg');
animation-delay: 33s; 
}



.bild11 {
top:-5vw; right:16vw; 	
background-image:url('../images/animation/kreis_grau.svg');
animation-delay: 37s; 
}


.bild12 {
top:-15vw; left:10vw; 	
background-image:url('../images/animation/07_zug.svg');
animation-delay: 40s; 
}

.bild13 {
bottom:-10vw; right:-10vw; 	
background-image:url('../images/animation/04_satellit.svg');
animation-delay: 43s; 
}


.bild14 {
top:4vw; right:10vw; 	
background-image:url('../images/animation/kreis_petrol.svg');
animation-delay: 48s; 
}


.bild15 {
top:-9vw; left:0vw; 	
background-image:url('../images/animation/05_lkw.svg');
animation-delay: 53s; 
}




 
@keyframes scale {
0% {  background-size:0px;  opacity:0;  }
1% {  background-size:0px;  opacity:1;  }
20%   { background-size:100%;  opacity:1;  }
25%   { background-size:100%;  opacity:0.7;  }
28%   { background-size:100%;  opacity:0;  }
100%   { background-size:100%;  opacity:0;  }
}