:root{
--color1:white;/*--color1:#074891;*/
}

.Terrein{
	font-size:0.8px;/*1px geeft kleinere afbeelding*/
	/*background-color:black;*/
}
.wind-turbine{
	position:absolute;
	top:20px;
	left:49%;/*margin-left:118px;*/
}
/*.pole{
	width:3em;
	margin:2em 0.5em;
	border-bottom:80em solid brown;
	border-right:1em solid transparent;
	border-left:1em solid transparent;
}*/


.cat2{
      	width:300px;
        height:95px;
        background:url('../picture/wind66A300_95B.png');/*background:url('../picture/wind66.png');*/
        display:block;
        position:absolute;
        top:-20px;margin-left:-133px;
        z-index:1;
        background-repeat:repeat-x;    
      }
/*.cat3{
      	width:317px;
        height:95px;
        background:url('../picture/wind55.png');
        display:block;
        position:absolute;
        top:-16px;margin-left:-140px;
        left:55%;z-index:1;
        background-repeat:repeat-x;    
      }*/
/*.cat3{
      	width:168px;
        height:95px;
        background:url('../picture/windleft2.png');
        display:block;
        position:absolute;
        top:-16px;margin-left:-140px;
        left:55%;z-index:1;
        background-repeat:repeat-x;    
      }*/
.rotor{
	width:6em;z-index:3;
height:6em;
background-color:var(--color1);
border-radius:50%;
position:absolute;
animation-name:rotate;
animation-duration:5s;
animation-iteration-count:1000;
animation-timing-function:linear;
}
@keyframes rotate{
from{
	transform:rotate(360deg);	
}
to{
	transform:rotate(0deg);	
}

}

.blade{
	width:32em;
height:1em;
background-color:var(--color1);
position:absolute;
top:2em;
left:3em;
border-radius:0 3em 5em 0;
transform-origin:0 1em;
}
.blade:before{
	content:"";
background-color:var(--color1);
position:absolute;
width:5em;
height:2em;
}
.blade:after{
	content:"";
width:1.5em;
position:absolute;
top:1em;
left:2em;
border-top:2em solid var(--color1);
border-right:22em solid transparent;
border-left:6em solid transparent;
}
.blade1{
	transform:rotate(0deg);
}
.blade2{
	transform:rotate(120deg);
}

.blade3{
	transform:rotate(240deg);
}