

/* // Ballone werden erst auf Bildschirmen ab einer Grösse von 960px fliegen gelassen */

 @-ms-keyframes testen {
	0%   { transform: translateY(-200px);}
	100% { transform: translateY(-4000px);}
}
	
@-moz-keyframes testen {
	0%   { transform: translateY(-200px);}
	100% { transform: translateY(-4000px);}
}
@-webkit-keyframes testen {
	0%   { transform: translateY(-200px);}
	100% { transform: translateY(-4000px);}
}
@keyframes testen {
	0%   { transform: translateY(-200px);}
	100% { transform: translateY(-4000px);}
}
#wrapper {
	z-index: 2;
}

#ballon {
	width: 100px;
	height: 150px;
	z-index: 10;
	position: absolute;
	left: 450px;
	opacity: 0.9;
	-moz-animation-name: testen;
	-moz-animation-duration: 6s;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: linear;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-name: testen;
	-webkit-animation-duration: 6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-name: testen;
	animation-duration: 6s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

#ballon1 {
	width: 100px;
	height: 150px;
	z-index: 10;
	position: absolute;
	left: 650px;
	-moz-animation-name: testen;
	-moz-animation-duration: 10s;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: linear;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-name: testen;
	-webkit-animation-duration: 10s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;	
	animation-name: testen;
	animation-duration: 10s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

#ballon2 {
	width: 150px;
	height: 150px;
	z-index: 10;
	position: absolute;
	left: 550px;
	-moz-animation-name: testen;
	-moz-animation-duration: 8s;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: linear;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-name: testen;
	-webkit-animation-duration: 8s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-name: testen;
	animation-duration: 8s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

#ballon3 {
	width: 100px;
	height: 150px;
	z-index: 10;
	position: absolute;
	left: 750px;
	opacity: 0.9;
	-moz-animation-name: testen;
	-moz-animation-duration: 9s;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: linear;
	-moz-animation-fill-mode: forwards;
	/* Hier kann auch both stehen, falls translateX nicht 0 ist */
	-webkit-animation-name: testen;
	-webkit-animation-duration: 9s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-name: testen;
	animation-duration: 9s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	
}


/*
@media screen and (max-width: 580px) {
	@keyframes testen {
	0%   { transform: translateY(-200px);}
	100% { transform: translateY(-4000px);}
}
	-moz-@keyframes testen {
	0%   { transform: translateY(-200px);}
	100% { transform: translateY(-4000px);}
}
-ms-@keyframes testen {
	0%   { transform: translateY(-200px);}
	100% { transform: translateY(-4000px);}
}
-webkit-@keyframes testen {
	0%   { transform: translateY(-200px);}
	100% { transform: translateY(-4000px);}
}
#wrapper {
	z-index: 2;
}

#ballon {
	display: block;
	width: 100px;
	height: 150px;
	z-index: 10;
	position: absolute;
	left: 150px;
	opacity: 0.9;
	animation-name: testen;
	animation-duration: 6s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	-moz-animation-name: testen;
	-moz-animation-duration: 6s;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: linear;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-name: testen;
	-webkit-animation-duration: 6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}
#ballon1 {
	display: block;
	width: 100px;
	height: 150px;
	z-index: 10;
	position: absolute;
	left: 250px;
	opacity: 0.9;
	-moz-animation-name: testen;
	-moz-animation-duration: 8s;
	-moz-animation-delay: 1.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: linear;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-name: testen;
	-webkit-animation-duration: 8s;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-name: testen;
	animation-duration: 8s;
	animation-delay: 1.5s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
}

*/