/*.block.start .blockcontent {  padding-top:70px; max-width:1140px; position:relative;  height: 691px; padding:110px 0px 0px 0px;}*/

.block.start .blockcontent { height:auto; padding-top:70px; padding:70px 20px 0px 20px; position:relative;  }
.block.start {padding:0;}


@media all and (min-width:900px){
	
	
.block.start .blockcontent {  height:550px;height:auto;  max-width:1140px;padding:70px 0px 70px 0px}


.block.start .blockcontent.animation {   max-width:100%; position:absolute; width:100%; height: 550px; padding:0; overflow:hidden; }
}


@media all and (min-width: 1280px){
	
	
.block.start .blockcontent {  height:691px; 
 height:871px; 
width:1140px;padding:110px 0px 0px 0px}


.block.start .blockcontent.animation {   max-width:100%; position:absolute; width:100%; height: 691px; 
 height:871px;   
padding:0; overflow:hidden; }
}


 
 

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

}

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

.bild2 {
top:5vw; 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:-17vw;  	
background-image:url('../images/animation/02_schiff.svg');
/*background-position:left top;*/
animation-delay: 9s; 
}

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

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



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



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


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

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



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


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

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


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


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




 
@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;  }
}