@charset "utf-8";
/* CSS Document */

#stapel {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
}

#stapel h1 {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	font-size: 200%;
	position: relative;
	display: block;
	z-index: 901;
	animation-duration: 8s;
	animation-delay: 0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	letter-spacing: 1px;
	opacity: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#stapel h1:nth-of-type(1) {
    animation-name: text1;
}

#stapel h1:nth-of-type(2) {
    animation-name: text2;
}


@keyframes text1 {
    0% { opacity:0; font-size: 0%; }
	5% {  opacity:0; font-size: 0%; }
	20% { opacity:1; font-size: 250%; }
	100% { opacity:1; font-size: 250%; }
}

@keyframes text2 {
    0% { opacity:0; font-size: 0%; }
	15% {  opacity:0; font-size: 0%; }
	30% { opacity:1; font-size: 175%; }
	100% { opacity:1; font-size: 175%; }
}