/* Animations */
@keyframes fade-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-4rem);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@-webkit-keyframes bilder {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	34% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	35% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}
@keyframes bilder {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	34% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	35% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}
@-webkit-keyframes wechselnOut {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(0, 0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(0, 0);
	}
}
@keyframes wechselnOut {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(0, 0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(0, 0);
	}
}
@-webkit-keyframes wechselnIn {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(0, 0);
		z-index: 20;
	}
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(0, 0);
	}
	34% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(0.4);
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1, 1);
	}
}
@keyframes wechselnIn {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(0, 0);
		z-index: 20;
	}
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(0,0);
	}
	34% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(0.4);
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1, 1);
	}
}

@-webkit-keyframes animatebottom{
	to{
		bottom:0px;
		opacity:1
	}
	from{
		bottom:-300px;
		opacity:0
	} 
}
@keyframes animatebottom{
	
	to{
		bottom:0;
		opacity:1
	}
	from{
		bottom:-300px;
		opacity:0
	} 
}
@keyframes textwelle {
	0% {
		font-size: 0%;
		opacity: 0;
	}
	90% {
		font-size: 120%;
		opacity: 1;
	}
	100% {
		font-size: 100%;
		opacity: 1;
	}
}

@-webkit-keyframes textwelle {
	0% {
		font-size: 0%;
		opacity: 0;
	}
	90% {
		font-size: 120%;
		opacity: 1;
	}
	100% {
		font-size: 100%;
	}
}

@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.48); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.35); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}