/*
	  			<div id="v_holder" class="haeder-animation-basic-block">

					<div class="haeder-animation-block herbst-sonne"></div>
					<div class="haeder-animation-block herbst-sonne-2"></div>
					
					<div class="haeder-animation-block geist"></div>
					<div class="haeder-animation-block geist2"></div>
					
					<div class="haeder-animation-block haus"></div>
					
					
					<div class="haeder-animation-block mond"></div>
					
					<div class="haeder-animation-block feld"></div>
					<div class="haeder-animation-block hexe"></div>
					<div class="haeder-animation-block geist3"></div>
					<div class="haeder-animation-block herbst-front"></div>
					<div class="haeder-animation-block kuerbis"></div>
					<div class="haeder-animation-block kuerbis2"></div>

	  			</div>
*/

.button_header_center::after{
	background-color: #000;
}
.button_header_center_middle::after{
	background-color: #000;
}
.teaser_all{
	background: #000;
}
#under_header{
	background: #000;
}
#v_holder{
	height:100%;
	width:100%;
	position: relative;
	overflow:hidden;
}

.haeder-animation-block{
	height:100%;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
}

.haeder-animation-basic-block{
		/*background-image:	url(../images/ErnteDankFest/silhuette.png);
		background-size:	100% auto;/*6*!/
		background-position:	center bottom;
		background-repeat:no-repeat;*/
}
.silhuette {
    background-image: url("../images/ErnteDankFest/silhuette.png");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto 60%;
}
/*.herbst-sonne{
		background-image:	url(../images/ErnteDankFest/sonne1.png) ;/*7*!/
		background-size:	 30% auto;/*7*!/
		background-position:	19% 3%;		/*7*!/
		background-repeat:no-repeat;
		
		animation:opacity_sonne 25s infinite linear;
		
		-webkit-animation-name: opacity_sonne;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}
.herbst-sonne-2{
		background-image:	url(../images/ErnteDankFest/sonne3.png) ;/*7*!/
		background-size:	 30% auto;/*7*!/
		background-position:	19% 3%;		/*7*!/
		background-repeat:no-repeat;
		
		animation:opacity_sonne_2 25s infinite linear;
		
		-webkit-animation-name: opacity_sonne_2;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}*/

/*.herbst-schatten{
		background-image:		url(../images/ErnteDankFest/baumschatten.png)  ;/*0*!/
		background-size:	 		100% auto;/*0*!/
		background-position:	center bottom;/*0*!/
		background-repeat:	no-repeat;
		animation:					opacity_sonne 25s infinite linear; 
		-webkit-animation-name: opacity_sonne;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}

.herbst-dragon-1{
		background-image: url("../images/herbst/drachen-1.png");
		background-position: 30% 20%;
		background-repeat: no-repeat;
		background-size: contain;
		height: 10vw;
		left: 40%;
		top: 5%;
		-webkit-transform: rotateZ(100deg);
		-ms-transform:rotateZ(100deg);
		transform: rotateZ(100deg);
		width: 10vw;
			
		animation:dragon-1 30s infinite linear forwards; 
		-webkit-animation-name: dragon-1;
		-webkit-animation-duration: 30s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}

.strohmaenner {
    background-image: url("../images/ErnteDankFest/strohmaenner.png");
    background-position: 96% bottom;
    background-repeat: no-repeat;
    background-size: 43% auto;
}
.herbst-blätter{
		background-image:
		url(../images/herbst/blatt_orange_Kopie.png),	/*1*!/
		url(../images/herbst/blatt_orange_Kopie.png),	/*1*!/
		url(../images/herbst/blatt_orange_Kopie.png),	/*1*!/
		url(../images/herbst/blatt_orange_Kopie.png);	/*1*!/
		
		
		animation:herbst-blaetter 25s infinite linear;
		-webkit-animation-name: herbst-blaetter;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
		
		
		background-repeat:no-repeat;
		background-size:2% auto;
		background-position:
			60% 80%,
			100% 60%,
			70% 68%,
			73% 50%;
		
}

.herbst-dragon-3{
		background-image: url("../images/herbst/drachen2.png");
		background-position: 30% 20%;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 10vw;
		width: 10vw;
		left: 10%;
		top: 5%;
		
		-webkit-transform: rotateX(0deg);
		-ms-transform:rotateX(0deg);
		transform: rotateX(0deg);
		
		animation:dragon-3 3s infinite linear forwards; 
		-webkit-animation-name: dragon-3;
		-webkit-animation-duration: 3s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}

.herbst-dragon-2{
		background-image: url("../images/herbst/drachen1.png");
		background-position: 30% 20%;
		background-repeat: no-repeat;
		background-size: 100%;
		height: 10vw;
		width: 10vw;
		left: 40%;
		top: 5%;
		
		-webkit-transform: rotateX(0deg);
		-ms-transform:rotateX(0deg);
		transform: rotateX(0deg);
		
		animation:dragon-3 5s infinite linear forwards; 
		-webkit-animation-name: dragon-3;
		-webkit-animation-duration: 5s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
}*/
#header{
	background: rgb(90, 90, 90) none repeat scroll 0 0;
}
.feld{
	background-image:url(../images/Halloween/hintergrund1.png);	/*1*/
	background-size: 100% auto;/*1*/
	background-position: center bottom;/*1*/
	background-repeat: no-repeat;
}
.mond {
    background-image: url("../images/Halloween/mond1.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    left: 0;
    width: 33%;
}
.haus {
    background-image: url("../images/Halloween/haus3.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 8%;
    left: auto;
    position: absolute;
    right: 3%;
    width: 29%;
}
.kuerbis {
    background-image: url("../images/Halloween/kuerbis.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 6%;
    left: 5%;
    position: absolute;
    right: 3%;
    width: 4%;
}
.kuerbis2 {
    background-image: url("../images/Halloween/kuerbis2.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 14%;
    left: auto;
    position: absolute;
    right: 27%;
    width: 4%;
}
.geist{
	background: url(../images/Halloween/geist_new1.png);
	background-repeat:no-repeat;
	animation: geist 25s infinite linear; 
	-webkit-animation-name: geist;
	-webkit-animation-duration: 25s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	background-size: 8% auto;
	background-position: 46% 44%;
}
.geist2{
	background: url(../images/Halloween/geist_new2.png);
	background-repeat:no-repeat;
	animation: geist2 35s infinite linear; 
	-webkit-animation-name: geist2;
	-webkit-animation-duration: 35s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	background-size: 8% auto;
	background-position: 66% 44%;
}
.geist3{
	background: url(../images/Halloween/geist_new3.png);
	background-repeat:no-repeat;
	animation: geist3 35s infinite linear; 
	-webkit-animation-name: geist3;
	-webkit-animation-duration: 35s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	background-size: 8% auto;
	background-position: 44% 66%;
}
.hexe{
	background-image: 
		url(../images/Halloween/Hexe2.png),
		url(../images/Halloween/hexe3.png);
	background-repeat:no-repeat;
	animation: hexe 12s infinite linear; 
	-webkit-animation-name: hexe;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	background-size: 8% auto, 0 auto;
	background-position: 40% 44%, 1% 34%;
}
.herbst-front{
		background-image:
		
		url(../images/ErnteDankFest/wolke4.png),	 /*2*/
		url(../images/ErnteDankFest/wolke4.png),	 /*2*/
		url(../images/ErnteDankFest/wolke3.png),	 /*3*/
		url(../images/ErnteDankFest/wolke2.png),	/*4*/
		url(../images/ErnteDankFest/wolke1.png);	/*5*/
		background-repeat:no-repeat;
		animation: fruehling 25s infinite linear; 
		-webkit-animation-name: fruehling;
		-webkit-animation-duration: 25s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
		
		background-size:

	17% auto,/*2*/	
	13% auto,/*2*/
	17% auto,/*3*/
	0% auto,/*4*/
	0% auto;/*5*/
	
		background-position:

		120% 0%,			/*2*/
		20% 0%,			/*2*/
		160% 0%,			/*3*/
		140% 70%,		/*4*/
		100% 60%;	/*5*/
}




/*
@-webkit-keyframes mymove {
    from {background-position: -250% 60%, center center;}
    to {background-position: 450% 50%, center center;}
}

/* Standard syntax *//*
@keyframes mymove {
    from { background-position: -250% 10%, center center;}
    to {background-position: 450% 50%, center center;}
}
*/


@keyframes herbst-blaetter{
	    0%   {
			background-position:
			110% 80%,
			120% 60%,
			110% 68%,
			73% 50%;
			opacity:1;
			}
	    10%    {
		background-position:
			95% 80%,
			100% 60%,
			110% 68%,
			72.8% 50%;
		
		}
	    20%   {		
		background-position:
			80% 80%,
			80% 60%,
			110% 68%,
			73% 50%;
		
		}
		
	    30%    {		
		background-position:
			65% 80%,
			60% 60%,
			90% 68%,
			72.8% 50%;
			}
	    40%    {		
		background-position:
			50% 80%,
			40% 60%,
			70% 68%,
			73% 50%;
			}
	    50%    {		
		background-position:
			35% 80%,
			20% 60%,
			50% 68%,
			50% 54%;
			}
	    60%    {		
		background-position:
			20% 80%,
			0% 60%,
			30% 68%,
			27% 50%;
			}	  
		70%    {		
		background-position:
			5% 80%,
			-20% 60%,
			10% 68%,
			4% 50%;
			}
	    80%    {		
		background-position:
			-10% 80%,
			-20% 60%,
			-10% 68%,
			-19% 50%;
			opacity:1;
			}
	    90%    {		
		background-position:
			-35% 80%,
			-20% 60%,
			-10% 68%,
			-27% 50%;
			opacity:0;
			}
	    95%    {		
		background-position:
			-35% 80%,
			-20% 60%,
			-10% 68%,
			73% 50%;
			opacity:0;
			}
	    100%    {		
		background-position:
			-35%  80%,
			-20% 60%,
			-10% 68%,
			73% 50%;
			opacity:1;
		}
}

@-webkit-keyframes herbst-blaetter{
	    0%   {
			background-position:
			110% 80%,
			120% 60%,
			110% 68%,
			73% 50%;
			opacity:1;
			}
	    10%    {
		background-position:
			95% 80%,
			100% 60%,
			110% 68%,
			72.8% 50%;
		
		}
	    20%   {		
		background-position:
			80% 80%,
			80% 60%,
			110% 68%,
			73% 50%;
		
		}
		
	    30%    {		
		background-position:
			65% 80%,
			60% 60%,
			90% 68%,
			72.8% 50%;
			}
	    40%    {		
		background-position:
			50% 80%,
			40% 60%,
			70% 68%,
			73% 50%;
			}
	    50%    {		
		background-position:
			35% 80%,
			20% 60%,
			50% 68%,
			50% 54%;
			}
	    60%    {		
		background-position:
			20% 80%,
			0% 60%,
			30% 68%,
			27% 50%;
			}	  
		70%    {		
		background-position:
			5% 80%,
			-20% 60%,
			10% 68%,
			4% 50%;
			}
	    80%    {		
		background-position:
			-10% 80%,
			-20% 60%,
			-10% 68%,
			-19% 50%;
			opacity:1;
			}
	    90%    {		
		background-position:
			-35% 80%,
			-20% 60%,
			-10% 68%,
			-27% 50%;
			opacity:0;
			}
	    95%    {		
		background-position:
			-35% 80%,
			-20% 60%,
			-10% 68%,
			73% 50%;
			opacity:0;
			}
	    100%    {		
		background-position:
			-35%  80%,
			-20% 60%,
			-10% 68%,
			73% 50%;
			opacity:1;
		}
}

@keyframes dragon-1 {
	    0%   {
		left: 70%;
			animation-timing-function: linear;
		-webkit-transform: rotateZ(-20deg);
		-ms-transform:rotateZ(-20deg);
		transform: rotateZ(-20deg);
		}
	    10%    {left: 60%;
		animation-timing-function: linear;}
	    20%   {left: 50%;
		animation-timing-function: linear;}
	    30%    {left: 40%;
		animation-timing-function: linear;}
	    40%    {left: 30%;
		animation-timing-function: linear;}
	    50%    {left: 20%;
			-webkit-transform: rotateZ(-20deg);
			-ms-transform:rotateZ(-20deg);
			transform: rotateZ(-20deg);
		animation-timing-function: linear;}
	    60%    {left: 30%;
		-webkit-transform: rotateZ(130deg);
		-ms-transform:rotateZ(130deg);
		transform: rotateZ(130deg);
		animation-timing-function: linear;}
	    70%    {left: 41%;
		animation-timing-function: linear;}
	    80%    {left: 53%;
		animation-timing-function: linear;}
	    90%    {left: 60%;
		-webkit-transform: rotateZ(150deg);
		-ms-transform:rotateZ(150deg);
		transform: rotateZ(150deg);
		animation-timing-function: linear;}
	    100%    {
					-webkit-transform: rotateZ(-20deg);
			-ms-transform:rotateZ(-20deg);
			transform: rotateZ(-20deg);
			left: 70%;
		}
}




@keyframes dragon-2 {

	    50%    {
			-webkit-transform: rotateZ(-20deg);
			-ms-transform:rotateZ(-20deg);
			transform: rotateZ(-20deg);
		animation-timing-function: linear;
		}

}


@keyframes dragon-3 {

	    50%    {
			-webkit-transform: rotateX(-20deg);
			-ms-transform:rotateX(-20deg);
			transform: rotateX(-20deg);
		animation-timing-function: linear;
		top: 7%;
		}

}
@-webkit-keyframes dragon-1 {
	    0%   {
		left: 70%;
			animation-timing-function: linear;
		-webkit-transform: rotateZ(-20deg);
		-ms-transform:rotateZ(-20deg);
		transform: rotateZ(-20deg);
		}
	    10%    {left: 60%;
		animation-timing-function: linear;}
	    20%   {left: 50%;
		animation-timing-function: linear;}
	    30%    {left: 40%;
		animation-timing-function: linear;}
	    40%    {left: 30%;
		animation-timing-function: linear;}
	    50%    {left: 20%;
			-webkit-transform: rotateZ(-20deg);
			-ms-transform:rotateZ(-20deg);
			transform: rotateZ(-20deg);
		animation-timing-function: linear;}
	    60%    {left: 30%;
		-webkit-transform: rotateZ(130deg);
		-ms-transform:rotateZ(130deg);
		transform: rotateZ(130deg);
		animation-timing-function: linear;}
	    70%    {left: 41%;
		animation-timing-function: linear;}
	    80%    {left: 53%;
		animation-timing-function: linear;}
	    90%    {left: 60%;
		-webkit-transform: rotateZ(150deg);
		-ms-transform:rotateZ(150deg);
		transform: rotateZ(150deg);
		animation-timing-function: linear;}
	    100%    {
					-webkit-transform: rotateZ(-20deg);
			-ms-transform:rotateZ(-20deg);
			transform: rotateZ(-20deg);
			left: 70%;
		}
}

@-webkit-keyframes dragon-2 {

	    50%    {
			-webkit-transform: rotateZ(-20deg);
			-ms-transform:rotateZ(-20deg);
			transform: rotateZ(-20deg);
		animation-timing-function: linear;
		}

}
@-webkit-keyframes dragon-3 {

	    50%    {
			-webkit-transform: rotateX(-20deg);
			-ms-transform:rotateX(-20deg);
			transform: rotateX(-20deg);
		animation-timing-function: linear;
		top: 7%;
		}

}




@-webkit-keyframes opacity_sonne{
	    0%   {
			opacity:0;
			animation-timing-function: linear;
			}
	    10%    {opacity:0;
		animation-timing-function: linear;}
	    20%   {opacity:0.4;
		animation-timing-function: linear;}
	    30%    {opacity:0.6;
		animation-timing-function: linear;}
	    40%    {opacity:0.9;
		animation-timing-function: linear;}
	    50%    {opacity:8;
		animation-timing-function: linear;}
	    60%    {opacity:0.6;
		animation-timing-function: linear;}
	    80%    {opacity:1;
		animation-timing-function: linear;}
	    90%    {opacity:1;
		animation-timing-function: linear;}
	    100%    {opacity:0;}
}

@keyframes opacity_sonne {
	    0%   {
			opacity:0;
			animation-timing-function: linear;
			}
	    10%    {opacity:0;
		animation-timing-function: linear;}
	    20%   {opacity:0.4;
		animation-timing-function: linear;}
	    30%    {opacity:0.6;
		animation-timing-function: linear;}
	    40%    {opacity:0.9;
		animation-timing-function: linear;}
	    50%    {opacity:8;
		animation-timing-function: linear;}
	    60%    {opacity:0.6;
		animation-timing-function: linear;}
	    80%    {opacity:1;
		animation-timing-function: linear;}
	    90%    {opacity:1;
		animation-timing-function: linear;}
	    100%    {opacity:0;}
}

@-webkit-keyframes opacity_sonne_2{
	    0%   {
			opacity:0;
			animation-timing-function: linear;
			}
			5%{
			opacity:0;
			animation-timing-function: linear;
			}
	    10%    {opacity:0;
		animation-timing-function: linear;}
	    20%   {opacity:0;
		animation-timing-function: linear;}
	    30%    {opacity:0;
		animation-timing-function: linear;}
	    35%    {opacity:1;
		animation-timing-function: linear;}
	    40%    {opacity:0;
		animation-timing-function: linear;}
	    45%    {opacity:1;
		animation-timing-function: linear;}
	    50%    {opacity:0;
		animation-timing-function: linear;}
	    55%    {opacity:1;
		animation-timing-function: linear;}
	    60%    {opacity:1;
		animation-timing-function: linear;}
	    65%    {opacity:0;
		animation-timing-function: linear;}	
		70%    {opacity:1;
		animation-timing-function: linear;}
	    80%    {opacity:0;
		animation-timing-function: linear;}
	    90%    {opacity:1;
		animation-timing-function: linear;}
	    100%    {opacity:0;}
}

@keyframes opacity_sonne_2 {
	    0%   {
			opacity:0;
			animation-timing-function: linear;
			}
			5%{
			opacity:0;
			animation-timing-function: linear;
			}
	    10%    {opacity:0;
		animation-timing-function: linear;}
	    20%   {opacity:0;
		animation-timing-function: linear;}
	    30%    {opacity:0;
		animation-timing-function: linear;}
	    35%    {opacity:1;
		animation-timing-function: linear;}
	    40%    {opacity:0;
		animation-timing-function: linear;}
	    45%    {opacity:1;
		animation-timing-function: linear;}
	    50%    {opacity:0;
		animation-timing-function: linear;}
	    55%    {opacity:1;
		animation-timing-function: linear;}
	    60%    {opacity:1;
		animation-timing-function: linear;}
	    65%    {opacity:0;
		animation-timing-function: linear;}	
		70%    {opacity:1;
		animation-timing-function: linear;}
	    80%    {opacity:0;
		animation-timing-function: linear;}
	    90%    {opacity:1;
		animation-timing-function: linear;}
	    100%    {opacity:0;}
}

@-webkit-keyframes opacity_blueten{
	    0%   {opacity:0;}
	    10%    {opacity:0;}
	    20%   {opacity:0.2;}
	    30%    {opacity:0.6;}
	    40%    {opacity:0.9;}
	    50%    {opacity:1;}
	    60%    {opacity:1;}
	    80%    {opacity:1;}
	    90%    {opacity:1;}
	    100%    {opacity:0;}
}

@keyframes opacity_blueten {
	    0%   {opacity:0;}
	    10%    {opacity:0;}
	    20%   {opacity:0.2;}
	    30%    {opacity:0.6;}
	    40%    {opacity:0.9;}
	    50%    {opacity:1;}
	    60%    {opacity:1;}
	    80%    {opacity:1;}
	    90%    {opacity:1;}
	    100%    {opacity:0;}
}

@-webkit-keyframes opacity_blumen{
	    0%   {opacity:0;}
	    10%    {opacity:0;}
	    20%   {opacity:0;}
	    30%    {opacity:0.2;}
	    40%    {opacity:0.6;}
	    50%    {opacity:1;}
	    60%    {opacity:1;}
	    80%    {opacity:1;}
	    90%    {opacity:1;}
	    100%    {opacity:0;}
}

@keyframes opacity_blumen {
	    0%   {opacity:0;}
	    10%    {opacity:0;}
	    20%   {opacity:0;}
	    30%    {opacity:0.2;}
	    40%    {opacity:0.6;}
	    50%    {opacity:1;}
	    60%    {opacity:1;}
	    80%    {opacity:1;}
	    90%    {opacity:1;}
	    100%    {opacity:0;}
}
/*
@-webkit-keyframes hexe {

	0%   {
		background-size: 0% auto, 0 auto;
		background-position: 40% 44%, 40% 44%;
	}
	10%   {
		background-position: 30% 44% , 30% 44%;
		background-size: 4% auto, 0 auto;
	}
	
	20%   {
		background-position: 20% 40%, 20% 40%;
		background-size: 6% auto, 0 auto;
	}
	30%   {
		background-position: 10% 35%, 10% 35%;
		background-size: 4% auto, 0 auto;
	}
	40%   {
		background-position: 2% 35%, 2% 35%;
		background-size: 2% auto, 0 auto;
		
	}
	50%   {
		background-position: 5% 35%, 5% 35%;
		background-size: 0% auto, 2% auto;
		
	}
	60%   {
		background-position: 10% 35%, 10% 35%;
		background-size: 0 auto, 4% auto;
	}
	70%   {
		background-position: 20% 40%, 20% 40%;
		background-size: 0 auto, 6% auto;
	}
	80%   {
		background-position: 25% 42%, 25% 42%;
		background-size: 0 auto, 4% auto;
	}
	90%   {
		background-position: 34% 44% , 30% 44%;
		background-size: 0 auto, 2% auto;
	}
	100%   {
		background-position: 40% 44%, 40% 44%;
		background-size: 0% auto, 0% auto;
	}

}*/
@-webkit-keyframes geist {

	0%   {
		background-position: 66% 44%;
	}
	10%   {
		background-position: 70% 50%;
	}
	20%   {
		background-position: 65% 60%;
	}
	30%   {
		background-position: 55% 60%;
	}
	40%   {
		background-position: 50% 50%;
	}
	50%   {
		background-position: 40% 35%;
	}
	60%   {
		background-position: 50% 17%;
	}
	70%   {
		background-position: 60% 17%;
	}
	80%   {
		background-position: 70% 40%;
	}
	90%   {
		background-position: 68% 47%;
	}
	100%   {
		background-position: 66% 44%;
	}

}
@-webkit-keyframes geist2 {

	0%   {
		background-position: 76% 34%;
	}
	10%   {
		background-position: 80% 40%;
	}
	20%   {
		background-position: 75% 50%;
	}
	30%   {
		background-position: 65% 50%;
	}
	40%   {
		background-position: 60% 40%;
	}
	50%   {
		background-position: 50% 35%;
	}
	60%   {
		background-position: 60% 7%;
	}
	70%   {
		background-position: 70% 7%;
	}
	80%   {
		background-position: 80% 30%;
	}
	90%   {
		background-position: 78% 37%;
	}
	100%   {
		background-position: 76% 34%;
	}

}
@-webkit-keyframes geist3 {

	0%   {
		background-position: 44% 66%;
	}
	10%   {
		background-position: 50% 70%;
	}
	20%   {
		background-position: 60% 65%;
	}
	30%   {
		background-position: 60% 55%;
	}
	40%   {
		background-position: 50% 50%;
	}
	50%   {
		background-position: 35% 40%;
	}
	60%   {
		background-position: 17% 50%;
	}
	70%   {
		background-position: 17% 60%;
	}
	80%   {
		background-position: 40% 70%;
	}
	90%   {
		background-position: 47% 68%;
	}
	100%   {
		background-position: 44% 66%;
	}

}
@-webkit-keyframes fruehling {
    0%   {
		background-position:
		
		120% 0%,			/*2*/
		20% 0%,			/*2*/
		160% 0%,			/*3*/
		140% 70%,		/*4*/
		100% 60%;	/*5*/
	}
	10%{
		background-position:

		
		110% 0%,			/*2*/
		10% 0%,			/*2*/
		140% 0%,			/*3*/
		122% 70%,		/*4*/
		86% 60%;		/*5*/
	}
	
	20%{
		background-position:

		
		100% 0%,			/*2*/
		0% 0%,			/*2*/
		120% 0%,			/*3*/
		104% 70%,		/*4*/
		72% 60%;		/*5*/

	}
	30%{
		background-position:

		
		90% 0%,			/*2*/
		-10% 0%,			/*2*/
		100% 0%,			/*3*/
		86% 70%,		/*4*/
		58% 60%;		/*5*/

	}
	40%{
		background-position:

		
		80% 0%,			/*2*/
		-20% 0%,			/*2*/
		80% 0%,			/*3*/
		68% 70%,		/*4*/
		44% 60%;		/*5*/
	}
	50%{
		background-position:

		
		70% 0%,			/*2*/
		-30% 0%,			/*2*/
		60% 0%,			/*3*/
		50% 70%,		/*4*/
		30% 60%;		/*5*/
	}
	60%{
		background-position:

		
		60% 0%,			/*2*/
		-40% 0%,			/*2*/
		40% 0%,			/*3*/
		32% 70%,		/*4*/
		16% 60%/*5*/

	}
	70%{
		background-position:

	
		50% 0%,			/*2*/
		-40% 0%,			/*2*/
		20% 0%,			/*3*/
		14% 70%,		/*4*/
		2% 60%;		/*5*/

	}
	80%{
		background-position:

		
		40% 0%,			/*2*/
		-40% 0%,			/*2*/
		-0% 0%,			/*3*/
		-4% 70%,		/*4*/
		-12% 60%;		/*5*/

	}
	90%{
		background-position:

	
		30% 0%,			/*2*/
		-40% 0%,			/*2*/
		-20% 0%,			/*3*/
		-22% 70%,		/*4*/
		-26% 60%;		/*5*/

	}
	
    100%  {
		background-position:

	
		20% 0%,			/*2*/
		-40% 0%,			/*2*/
		-40% 0%,			/*3*/
		-40% 70%,		/*4*/
		-40% 60%;		/*5*/

	}
}

/* Standard syntax */


@keyframes hexe {

	0%   {
		background-position: 130% 44%, 40% 44%;
		opacity:0;
	}
	1%{
		opacity:1
	}
	10%   {
		background-position: 100% 44% , 30% 44%;
		
	}
	
	20%   {
		background-position: 80% 40%, 20% 40%;
		
	}
	30%   {
		background-position: 60% 35%, 10% 35%;
		
	}
	40%   {
		background-position: 50% 35%, 2% 35%;
		
	}
	50%   {
		background-position: 40% 35%, 5% 35%;
	}
	60%   {
		background-position: 30% 35%, 10% 35%;
		
	}
	70%   {
		background-position: 20% 40%, 20% 40%;
		
	}
	80%   {
		background-position: 10% 42%, 25% 42%;
	
	}
	90%   {
		background-position: 0% 44% , 30% 44%;
		
	}
	99%{
		opacity:1;
	}
	100%   {
		background-position: -20% 44%, 40% 44%;
		opacity:0;
	}

}

@keyframes geist {

	0%   {
		background-position: 66% 44%;
	}
	10%   {
		background-position: 70% 50%;
	}
	20%   {
		background-position: 65% 60%;
	}
	30%   {
		background-position: 55% 60%;
	}
	40%   {
		background-position: 50% 50%;
	}
	50%   {
		background-position: 40% 35%;
	}
	60%   {
		background-position: 50% 17%;
	}
	70%   {
		background-position: 60% 17%;
	}
	80%   {
		background-position: 70% 40%;
	}
	90%   {
		background-position: 68% 47%;
	}
	100%   {
		background-position: 66% 44%;
	}

}
@keyframes geist2 {

	0%   {
		background-position: 76% 34%;
	}
	10%   {
		background-position: 80% 40%;
	}
	20%   {
		background-position: 75% 50%;
	}
	30%   {
		background-position: 65% 50%;
	}
	40%   {
		background-position: 60% 40%;
	}
	50%   {
		background-position: 50% 35%;
	}
	60%   {
		background-position: 60% 7%;
	}
	70%   {
		background-position: 70% 7%;
	}
	80%   {
		background-position: 80% 30%;
	}
	90%   {
		background-position: 78% 37%;
	}
	100%   {
		background-position: 76% 34%;
	}

}
@keyframes geist3 {

	0%   {
		background-position: 44% 66%;
	}
	10%   {
		background-position: 50% 70%;
	}
	20%   {
		background-position: 60% 65%;
	}
	30%   {
		background-position: 60% 55%;
	}
	40%   {
		background-position: 50% 50%;
	}
	50%   {
		background-position: 35% 40%;
	}
	60%   {
		background-position: 17% 50%;
	}
	70%   {
		background-position: 17% 60%;
	}
	80%   {
		background-position: 40% 70%;
	}
	90%   {
		background-position: 47% 68%;
	}
	100%   {
		background-position: 44% 66%;
	}

}
@keyframes fruehling {
    0%   {
		background-position:

		
		120% 0%,			/*2*/
		20% 0%,			/*2*/
		160% 0%,			/*3*/
		140% 70%,		/*4*/
		100% 60%;	/*5*/
	}
	10%{
		background-position:

		
		110% 0%,			/*2*/
		10% 0%,			/*2*/
		140% 0%,			/*3*/
		122% 70%,		/*4*/
		86% 60%;		/*5*/
	}
	
	20%{
		background-position:

		
		100% 0%,			/*2*/
		0% 0%,			/*2*/
		120% 0%,			/*3*/
		104% 70%,		/*4*/
		72% 60%;		/*5*/

	}
	30%{
		background-position:

		
		90% 0%,			/*2*/
		-10% 0%,			/*2*/
		100% 0%,			/*3*/
		86% 70%,		/*4*/
		58% 60%;		/*5*/

	}
	40%{
		background-position:

		
		80% 0%,			/*2*/
		-20% 0%,			/*2*/
		80% 0%,			/*3*/
		68% 70%,		/*4*/
		44% 60%;		/*5*/
	}
	50%{
		background-position:

		
		70% 0%,			/*2*/
		-30% 0%,			/*2*/
		60% 0%,			/*3*/
		50% 70%,		/*4*/
		30% 60%;		/*5*/
	}
	60%{
		background-position:

		
		60% 0%,			/*2*/
		-40% 0%,			/*2*/
		40% 0%,			/*3*/
		32% 70%,		/*4*/
		16% 60%/*5*/

	}
	70%{
		background-position:

		
		50% 0%,			/*2*/
		-40% 0%,			/*2*/
		20% 0%,			/*3*/
		14% 70%,		/*4*/
		2% 60%;		/*5*/

	}
	80%{
		background-position:

		
		40% 0%,			/*2*/
		-40% 0%,			/*2*/
		-0% 0%,			/*3*/
		-4% 70%,		/*4*/
		-12% 60%;		/*5*/

	}
	90%{
		background-position:

		
		30% 0%,			/*2*/
		-40% 0%,			/*2*/
		-20% 0%,			/*3*/
		-22% 70%,		/*4*/
		-26% 60%;		/*5*/

	}
	
    100%  {
		background-position:

		
		20% 0%,			/*2*/
		-40% 0%,			/*2*/
		-40% 0%,			/*3*/
		-40% 70%,		/*4*/
		-40% 60%;		/*5*/

	}
}


@media screen and (max-width:1200px){
	
	.herbst-dragon-1{
	
			animation:dragon-1 50s infinite linear forwards; 
			-webkit-animation-name: dragon-1;
			-webkit-animation-duration: 50s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-webkit-animation-fill-mode: forwards;
	}
	
	.silhuette {
	    background-image: url("../images/ErnteDankFest/silhuette.png");
	    background-position: center 0;
	    background-repeat: no-repeat;
	    background-size: 125% auto;
	}
	.herbst-blätter{
	
			animation:herbst-blaetter 70s infinite linear;
			-webkit-animation-name: herbst-blaetter;
			-webkit-animation-duration: 70s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-webkit-animation-fill-mode: forwards;
	
			
	}
	
	.herbst-dragon-3{
	
			-webkit-transform: rotateX(0deg);
			-ms-transform:rotateX(0deg);
			transform: rotateX(0deg);
			
			animation:dragon-3 6s infinite linear forwards; 
			-webkit-animation-name: dragon-3;
			-webkit-animation-duration: 6s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-webkit-animation-fill-mode: forwards;
	}
	
	.herbst-dragon-2{
	
			
			-webkit-transform: rotateX(0deg);
			-ms-transform:rotateX(0deg);
			transform: rotateX(0deg);
			
			animation:dragon-3 9s infinite linear forwards; 
			-webkit-animation-name: dragon-3;
			-webkit-animation-duration: 9s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-webkit-animation-fill-mode: forwards;
	}
}
@media screen and (max-width:1024px){
	.silhuette {
	    background-image: url("../images/ErnteDankFest/silhuette.png");
	    background-position: center 0;
	    background-repeat: no-repeat;
	    background-size: 100% auto;
	}
}
@media screen and (max-width:850px){
	.silhuette {
	    background-image: url("../images/ErnteDankFest/silhuette.png");
	    background-position: center 0;
	    background-repeat: no-repeat;
	    background-size: 125% auto;
	}
}