@keyframes top {
    from {opacity: 0;left: 100px}
    to {opacity: 1; left: 2%}
}

@keyframes logo {
    from {opacity: 0;left: 0px}
    to {opacity: 1; left: 55%}
}


@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}

.strategie{
    position: relative;/* top: 200px; left: 10%;
	font-size: 130%; font-weight: 400; color:#966;*/
    animation-name: fade;
    animation-duration: 2s;
	animation-delay: .25s;
	animation-fill-mode: both;}
.planung{
	position: relative;/*top: 200px; left: 10%;
	font-size: 130%; font-weight: 400; color:#966;*/
    animation-name: fade;
    animation-duration: 1s;
	animation-delay: .5s;
	animation-fill-mode: both;}
.optimierung{
	position: relative;/*top: 200px; left: 10%;
	font-size: 130%; font-weight: 400; color:#966;*/
    animation-name: fade;
    animation-duration: 2s;
	animation-delay: .75s;
	animation-fill-mode: both;}
.kontrolle{
	position: relative;/*top: 200px; left: 10%;
	font-size: 130%; font-weight: 400; color:#966;*/
    animation-name: fade;
    animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: both;}
.kontakt{
	position: relative; left: 50%; text-align: center;
    animation-name: fade;
    animation-duration: 2s;
	animation-delay: 4.5s;
	animation-fill-mode: both;}