/* ############################################################
	ÜBERSCHREIBUNG ANIMATE
############################################################ */

/* Inview (Aktivierung: .inview) */
.inview {
	opacity: 0;
}
.come-in.show {
	animation: come-in-show 0.8s ease forwards;
}
.come-in.from-top {
	transform: translateY(-100px);
	animation: come-in-vertical 0.8s ease forwards;
}
.come-in.from-bottom {
	transform: translateY(100px);
	animation: come-in-vertical 0.8s ease forwards;
}
.come-in.from-left {
	transform: translateX(-100px);
	animation: come-in-horizontal 0.8s ease forwards;
}
.come-in.from-right {
	transform: translateX(100px);
	animation: come-in-horizontal 0.8s ease forwards;
}
/*.already-visible {
	transform: translate(0) !important;
	animation: none !important;
	opacity: 1 !important;
}*/
.inview.delay-16s {
	animation-delay: 1.6s;
}
.inview.delay-15s {
	animation-delay: 1.5s;
}
.inview.delay-14s {
	animation-delay: 1.4s;
}
.inview.delay-13s {
	animation-delay: 1.3s;
}
.inview.delay-12s {
	animation-delay: 1.2s;
}
.inview.delay-11s {
	animation-delay: 1.1s;
}
.inview.delay-10s {
	animation-delay: 1s;
}
.inview.delay-09s {
	animation-delay: 0.9s;
}
.inview.delay-08s {
	animation-delay: 0.8s;
}
.inview.delay-07s {
	animation-delay: 0.7s;
}
.inview.delay-06s {
	animation-delay: 0.6s;
}
.inview.delay-05s {
	animation-delay: 0.5s;
}
.inview.delay-04s {
	animation-delay: 0.4s;
}
.inview.delay-03s {
	animation-delay: 0.3s;
}
.inview.delay-02s {
	animation-delay: 0.2s;
}
.inview.delay-01s {
	animation-delay: 0.1s;
}
@keyframes come-in-vertical {
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes come-in-horizontal {
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes come-in-show {
	to {
		opacity: 1;
	}
}


/* non Loop */
@-webkit-keyframes bounceInDown {
	from {
		transform: rotate(0deg) translateX(5px) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translateX(5px) rotate(-360deg);
	}
}
@keyframes bounceInDown {
	from {
		transform: rotate(0deg) translateX(5px) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translateX(5px) rotate(-360deg);
	}
}


/* Simple Bounce Down */
@-webkit-keyframes bounce {
	from {
		transform: translateY(0px);
	}
	to {
		transform: translateY(-12px);
	}
}
@keyframes bounce {
	from {
		transform: translateY(0px);
	}
	to {
		transform: translateY(-12px);
	}
}


/* Simple Bounce Right */
@-webkit-keyframes bounceRight {
	from {
		transform: translateX(0px);
	}
	to {
		transform: translateX(12px);
	}
}
@keyframes bounceRight {
	from {
		transform: translateX(0px);
	}
	to {
		transform: translateX(12px);
	}
}


/* Simple Bounce Right */
@-webkit-keyframes bounceRightSmall {
	from {
		transform: translateX(0px);
	}
	to {
		transform: translateX(6px);
	}
}
@keyframes bounceRightSmall {
	from {
		transform: translateX(0px);
	}
	to {
		transform: translateX(6px);
	}
}