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

					<div class="haeder-animation-block fruehling-sonne"></div>
					<div class="haeder-animation-block fruehling-sonne-2"></div>
					<div class="haeder-animation-block fruehling-front"></div>
					<div class="haeder-animation-block fruehling-blueten"></div>
					<div class="haeder-animation-block fruehling-blumen"></div>
					<div class="haeder-animation-block fruehling-schatten"></div>

	  			</div>
*/


#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/RostockFruehling/silhuette.png);
		background-size:	100% auto;/*6*/
		background-position:	center bottom;
		background-repeat:no-repeat;
}

.herbst-sonne{
		background-image:	url(../images/RostockFruehling/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/RostockFruehling/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/RostockFruehling/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;
}


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

.herbst-front{
		background-image:
		url(../images/herbst/huegel_leer.png),	/*1*/
		url(../images/RostockFruehling/wolke4.png),	 /*2*/
		url(../images/RostockFruehling/wolke4.png),	 /*2*/
		url(../images/RostockFruehling/wolke3.png),	 /*3*/
		url(../images/RostockFruehling/wolke2.png),	/*4*/
		url(../images/RostockFruehling/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:

	100% auto,/*1*/
	25% auto,/*2*/	
	25% auto,/*2*/
	25% auto,/*3*/
	25% auto,/*4*/
	20% auto;/*5*/
	
		background-position:

		center bottom,/*1*/
		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 fruehling {
    0%   {
		background-position:
		center bottom, /*1*/
		120% 0%,			/*2*/
		20% 0%,			/*2*/
		160% 0%,			/*3*/
		140% 70%,		/*4*/
		100% 60%;	/*5*/
	}
	10%{
		background-position:

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

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

	}
	30%{
		background-position:

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

	}
	40%{
		background-position:

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

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

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

	}
	70%{
		background-position:

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

	}
	80%{
		background-position:

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

	}
	90%{
		background-position:

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

	}
	
    100%  {
		background-position:

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

	}
}

/* Standard syntax */


@keyframes fruehling {
    0%   {
		background-position:

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

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

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

	}
	30%{
		background-position:

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

	}
	40%{
		background-position:

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

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

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

	}
	70%{
		background-position:

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

	}
	80%{
		background-position:

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

	}
	90%{
		background-position:

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

	}
	
    100%  {
		background-position:

		center bottom,/*1*/
		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;
}


.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;
}
}
*/