
/* ############################################################
	ÜBERSCHREIBUNG ANIMATE
############################################################ */


/* Inview (Aktivierung: .inview) */
.inview {
	opacity: 0;
}
.come-in.fadeIn {
	-webkit-animation: fadeIn 1.2s var(--cubic-bezier) forwards;
	-moz-animation: fadeIn 1.2s var(--cubic-bezier) forwards;
	-ms-animation: fadeIn 1.2s var(--cubic-bezier) forwards;
	-o-animation: fadeIn 1.2s var(--cubic-bezier) forwards;
	animation: fadeIn 1.2s var(--cubic-bezier) forwards;
}
.come-in.zoomIn {
	-webkit-animation: zoomIn 1.2s var(--cubic-bezier) forwards;
	-moz-animation: zoomIn 1.2s var(--cubic-bezier) forwards;
	-ms-animation: zoomIn 1.2s var(--cubic-bezier) forwards;
	-o-animation: zoomIn 1.2s var(--cubic-bezier) forwards;
	animation: zoomIn 1.2s var(--cubic-bezier) forwards;
}
.come-in.fadeInDown {
	-webkit-animation: fadeInDown 0.8s var(--cubic-bezier) forwards;
	-moz-animation: fadeInDown 0.8s var(--cubic-bezier) forwards;
	-ms-animation: fadeInDown 0.8s var(--cubic-bezier) forwards;
	-o-animation: fadeInDown 0.8s var(--cubic-bezier) forwards;
	animation: fadeInDown 0.8s var(--cubic-bezier) forwards;
}
.come-in.fadeInDownSmall {
	-webkit-animation: fadeInDownSmall 0.8s var(--cubic-bezier) forwards;
	-moz-animation: fadeInDownSmall 0.8s var(--cubic-bezier) forwards;
	-ms-animation: fadeInDownSmall 0.8s var(--cubic-bezier) forwards;
	-o-animation: fadeInDownSmall 0.8s var(--cubic-bezier) forwards;
	animation: fadeInDownSmall 0.8s var(--cubic-bezier) forwards;
}
.come-in.fadeInUp {
	-webkit-animation: fadeInUp 0.8s var(--cubic-bezier) forwards;
	-moz-animation: fadeInUp 0.8s var(--cubic-bezier) forwards;
	-ms-animation: fadeInUp 0.8s var(--cubic-bezier) forwards;
	-o-animation: fadeInUp 0.8s var(--cubic-bezier) forwards;
	animation: fadeInUp 0.8s var(--cubic-bezier) forwards;
}
.come-in.fadeInUpSmall {
	-webkit-animation: fadeInUpSmall 0.8s var(--cubic-bezier) forwards;
	-moz-animation: fadeInUpSmall 0.8s var(--cubic-bezier) forwards;
	-ms-animation: fadeInUpSmall 0.8s var(--cubic-bezier) forwards;
	-o-animation: fadeInUpSmall 0.8s var(--cubic-bezier) forwards;
	animation: fadeInUpSmall 0.8s var(--cubic-bezier) forwards;
}
.come-in.fadeInLeft {
	-webkit-animation: fadeInLeft 0.8s var(--cubic-bezier) forwards;
	-moz-animation: fadeInLeft 0.8s var(--cubic-bezier) forwards;
	-ms-animation: fadeInLeft 0.8s var(--cubic-bezier) forwards;
	-o-animation: fadeInLeft 0.8s var(--cubic-bezier) forwards;
	animation: fadeInLeft 0.8s var(--cubic-bezier) forwards;
}
.come-in.fadeInLeftSmall {
	-webkit-animation: fadeInLeftSmall 0.8s var(--cubic-bezier) forwards;
	-moz-animation: fadeInLeftSmall 0.8s var(--cubic-bezier) forwards;
	-ms-animation: fadeInLeftSmall 0.8s var(--cubic-bezier) forwards;
	-o-animation: fadeInLeftSmall 0.8s var(--cubic-bezier) forwards;
	animation: fadeInLeftSmall 0.8s var(--cubic-bezier) forwards;
}
.come-in.fadeInRight {
	-webkit-animation: fadeInRight 0.8s var(--cubic-bezier) forwards;
	-moz-animation: fadeInRight 0.8s var(--cubic-bezier) forwards;
	-ms-animation: fadeInRight 0.8s var(--cubic-bezier) forwards;
	-o-animation: fadeInRight 0.8s var(--cubic-bezier) forwards;
	animation: fadeInRight 0.8s var(--cubic-bezier) forwards;
}
.come-in.fadeInRightSmall {
	-webkit-animation: fadeInRightSmall 0.8s var(--cubic-bezier) forwards;
	-moz-animation: fadeInRightSmall 0.8s var(--cubic-bezier) forwards;
	-ms-animation: fadeInRightSmall 0.8s var(--cubic-bezier) forwards;
	-o-animation: fadeInRightSmall 0.8s var(--cubic-bezier) forwards;
	animation: fadeInRightSmall 0.8s var(--cubic-bezier) forwards;
}



/*.already-visible {
	transform: translate(0) !important;
	animation: none !important;
	opacity: 1 !important;
}*/
.inview.delay-2000ms {
	-webkit-animation-delay: 2000ms;
	-moz-animation-delay: 2000ms;
	-ms-animation-delay: 2000ms;
	-o-animation-delay: 2000ms;
	animation-delay: 2000ms;
}
.inview.delay-1900ms {
	-webkit-animation-delay: 1900ms;
	-moz-animation-delay: 1900ms;
	-ms-animation-delay: 1900ms;
	-o-animation-delay: 1900ms;
	animation-delay: 1900ms;
}
.inview.delay-1800ms {
	-webkit-animation-delay: 1800ms;
	-moz-animation-delay: 1800ms;
	-ms-animation-delay: 1800ms;
	-o-animation-delay: 1800ms;
	animation-delay: 1800ms;
}
.inview.delay-1700ms {
	-webkit-animation-delay: 1700ms;
	-moz-animation-delay: 1700ms;
	-ms-animation-delay: 1700ms;
	-o-animation-delay: 1700ms;
	animation-delay: 1700ms;
}
.inview.delay-1600ms {
	-webkit-animation-delay: 1600ms;
	-moz-animation-delay: 1600ms;
	-ms-animation-delay: 1600ms;
	-o-animation-delay: 1600ms;
	animation-delay: 1600ms;
}
.inview.delay-1500ms {
	-webkit-animation-delay: 1500ms;
	-moz-animation-delay: 1500ms;
	-ms-animation-delay: 1500ms;
	-o-animation-delay: 1500ms;
	animation-delay: 1500ms;
}
.inview.delay-1400ms {
	-webkit-animation-delay: 1400ms;
	-moz-animation-delay: 1400ms;
	-ms-animation-delay: 1400ms;
	-o-animation-delay: 1400ms;
	animation-delay: 1400ms;
}
.inview.delay-1300ms {
	-webkit-animation-delay: 1300ms;
	-moz-animation-delay: 1300ms;
	-ms-animation-delay: 1300ms;
	-o-animation-delay: 1300ms;
	animation-delay: 1300ms;
}
.inview.delay-1200ms {
	-webkit-animation-delay: 1200ms;
	-moz-animation-delay: 1200ms;
	-ms-animation-delay: 1200ms;
	-o-animation-delay: 1200ms;
	animation-delay: 1200ms;
}
.inview.delay-1100ms {
	-webkit-animation-delay: 1100ms;
	-moz-animation-delay: 1100ms;
	-ms-animation-delay: 1100ms;
	-o-animation-delay: 1100ms;
	animation-delay: 1100ms;
}
.inview.delay-1000ms {
	-webkit-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	-ms-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
	animation-delay: 1000ms;
}
.inview.delay-900ms {
	-webkit-animation-delay: 900ms;
	-moz-animation-delay: 900ms;
	-ms-animation-delay: 900ms;
	-o-animation-delay: 900ms;
	animation-delay: 900ms;
}
.inview.delay-800ms {
	-webkit-animation-delay: 800ms;
	-moz-animation-delay: 800ms;
	-ms-animation-delay: 800ms;
	-o-animation-delay: 800ms;
	animation-delay: 800ms;
}
.inview.delay-700ms {
	-webkit-animation-delay: 700ms;
	-moz-animation-delay: 700ms;
	-ms-animation-delay: 700ms;
	-o-animation-delay: 700ms;
	animation-delay: 700ms;
}
.inview.delay-600ms {
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-ms-animation-delay: 600ms;
	-o-animation-delay: 600ms;
	animation-delay: 600ms;
}
.inview.delay-500ms {
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	-ms-animation-delay: 500ms;
	-o-animation-delay: 500ms;
	animation-delay: 500ms;
}
.inview.delay-400ms {
	-webkit-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	-ms-animation-delay: 400ms;
	-o-animation-delay: 400ms;
	animation-delay: 400ms;
}
.inview.delay-300ms {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	-ms-animation-delay: 300ms;
	-o-animation-delay: 300ms;
	animation-delay: 300ms;
}
.inview.delay-200ms {
	-webkit-animation-delay: 200ms;
	-moz-animation-delay: 200ms;
	-ms-animation-delay: 200ms;
	-o-animation-delay: 200ms;
	animation-delay: 200ms;
}
.inview.delay-100ms {
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
	-ms-animation-delay: 100ms;
	-o-animation-delay: 100ms;
	animation-delay: 100ms;
}
.inview.delay-0ms {
	-webkit-animation-delay: 0ms;
	-moz-animation-delay: 0ms;
	-ms-animation-delay: 0ms;
	-o-animation-delay: 0ms;
	animation-delay: 0ms;
}


/* fadeIn */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-o-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* zoomIn */
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale(1.12);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes zoomIn {
	from {
		opacity: 0;
		-moz-transform: scale(1.12);
	}
	to {
		opacity: 1;
		-moz-transform: scale(1);
	}
}
@-o-keyframes zoomIn {
	from {
		opacity: 0;
		-o-transform: scale(1.12);
	}
	to {
		opacity: 1;
		-o-transform: scale(1);
	}
}
@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale(1.12);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}


/* fadeInDown */
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes fadeInDown {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, -50%, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes fadeInDown {
	from {
		opacity: 0;
		-o-transform: translate3d(0, -50%, 0);
	}
	to {
		opacity: 1;
		-o-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -50%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


/* fadeInDownSmall */
@-webkit-keyframes fadeInDownSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -15%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes fadeInDownSmall {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, -15%, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes fadeInDownSmall {
	from {
		opacity: 0;
		-o-transform: translate3d(0, -15%, 0);
	}
	to {
		opacity: 1;
		-o-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDownSmall {
	from {
		opacity: 0;
		transform: translate3d(0, -15%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


/* fadeInUp */
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes fadeInUp {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, 50%, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes fadeInUp {
	from {
		opacity: 0;
		-o-transform: translate3d(0, 50%, 0);
	}
	to {
		opacity: 1;
		-o-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


/* fadeInUpSmall */
@-webkit-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, 15%, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-o-transform: translate3d(0, 15%, 0);
	}
	to {
		opacity: 1;
		-o-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		transform: translate3d(0, 15%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


/* fadeInLeft */
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes fadeInLeft {
	from {
		opacity: 0;
		-moz-transform: translate3d(-50%, 0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes fadeInLeft {
	from {
		opacity: 0;
		-o-transform: translate3d(-50%, 0, 0);
	}
	to {
		opacity: 1;
		-o-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-50%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


/* fadeInLeftSmall */
@-webkit-keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-10%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		-moz-transform: translate3d(-10%, 0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		-o-transform: translate3d(-10%, 0, 0);
	}
	to {
		opacity: 1;
		-o-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		transform: translate3d(-10%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


/* fadeInRight */
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes fadeInRight {
	from {
		opacity: 0;
		-moz-transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes fadeInRight {
	from {
		opacity: 0;
		-o-transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		-o-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


/* fadeInRightSmall */
@-webkit-keyframes fadeInRightSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes fadeInRightSmall {
	from {
		opacity: 0;
		-moz-transform: translate3d(10%, 0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes fadeInRightSmall {
	from {
		opacity: 0;
		-o-transform: translate3d(10%, 0, 0);
	}
	to {
		opacity: 1;
		-o-transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRightSmall {
	from {
		opacity: 0;
		transform: translate3d(10%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

