/* CSS Document */

/* ANFANG Animation */
/*Achtung: IE 9 benötigt prefix «-ms-transform». Ab IE 10 prefix-los.*/
.schwebeReinObenCls { 
	animation: schwebeReinOben 2s; 
	animation-fill-mode: forwards;  
	transform-origin: 0% 0%;
}
@keyframes schwebeReinOben {
	0% { 
		opacity: 0;
		transform: translate(0, 30px) scale(1, 0.5); 
	}
	50% { 
		opacity: 0.0;
		transform: translate(0, 30px) scale(1, 0.5);
	}
	100% { 
		opacity: 1;
		transform: translate(0px, 0) scale(1, 1); 
	}
}


.schwebeReinMitteCls { 
	animation: schwebeReinMitte 2.7s; 
	animation-fill-mode: forwards; 
	transform-origin: 50% 50%;
}
@keyframes schwebeReinMitte {
	0% { 
		opacity: 0;
		transform: translate(0, 0px) scale(0, 1);
	}
	65% { 
		opacity: 0.0;
		transform: translate(0, 0px) scale(0, 1);
	}
	100% { 
		opacity: 1;
		transform: translate(0px, 0) scale(1, 1); 
	}
}


.schwebeReinUntenCls { 
	animation: schwebeReinUnten 3.8s; 
	animation-fill-mode: forwards; 
	transform-origin: 0% -100%;
}
@keyframes schwebeReinUnten {
	0% { 
		opacity: 0;
		transform: translate(0, 30px) scale(1, 0.5);
	}
	66% { 
		opacity: 0.0;
		transform: translate(0, 30px) scale(1, 0.5);
	}
	100% { 
		opacity: 1;
		transform: translate(0px, 0) scale(1, 1); 
	}
}
/* ENDE Animation */