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

.animatable {
	visibility: hidden;
	-webkit-animation-play-state: paused;   
	-moz-animation-play-state: paused;     
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;   
	animation-play-state: paused; 
}
.animated {
	visibility: visible;
	
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
}


/* BounceInRight */
@-webkit-keyframes bounceInRight {
	0%, 40%, 65%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	}
	0% {
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
		opacity: 1;
	}
	65% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(2px 0, 0);
		transform: translate3d(2px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bounceInRight {
	0%, 40%, 65%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	}
	0% {
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
		opacity: 1;
	}
	65% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(2px 0, 0);
		transform: translate3d(2px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@media (min-width: 760px) {
	@-webkit-keyframes bounceInRight {
		0%, 40%, 65%, 90%, to {
			-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
			animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		}
		0% {
			-webkit-transform: translate3d(0px, 0, 0);
			transform: translate3d(0px, 0, 0);
			opacity: 1;
		}
		40% {
			-webkit-transform: translate3d(10px, 0, 0);
			transform: translate3d(10px, 0, 0);
			opacity: 1;
		}
		65% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
		}
		90% {
			-webkit-transform: translate3d(5px 0, 0);
			transform: translate3d(5px, 0, 0);
		}
		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
	@keyframes bounceInRight {
		0%, 40%, 65%, 90%, to {
			-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
			animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		}
		0% {
			-webkit-transform: translate3d(0px, 0, 0);
			transform: translate3d(0px, 0, 0);
			opacity: 1;
		}
		40% {
			-webkit-transform: translate3d(10px, 0, 0);
			transform: translate3d(10px, 0, 0);
			opacity: 1;
		}
		65% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
		}
		90% {
			-webkit-transform: translate3d(5px 0, 0);
			transform: translate3d(5px, 0, 0);
		}
		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
}


/* BounceInLeft */
@-webkit-keyframes bounceInLeft {
	0%, 40%, 65%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	}
	0% {
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
		opacity: 1;
	}
	65% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(-2px 0, 0);
		transform: translate3d(-2px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bounceInLeft {
	0%, 40%, 65%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	}
	0% {
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
		opacity: 1;
	}
	40% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
		opacity: 1;
	}
	65% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(-2px 0, 0);
		transform: translate3d(-2px, 0, 0);
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@media (min-width: 760px) {
	@-webkit-keyframes bounceInLeft {
		0%, 40%, 65%, 90%, to {
			-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
			animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		}
		0% {
			-webkit-transform: translate3d(0px, 0, 0);
			transform: translate3d(0px, 0, 0);
			opacity: 1;
		}
		40% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
			opacity: 1;
		}
		65% {
			-webkit-transform: translate3d(10px, 0, 0);
			transform: translate3d(10px, 0, 0);
		}
		90% {
			-webkit-transform: translate3d(-5px 0, 0);
			transform: translate3d(-5px, 0, 0);
		}
		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
	@keyframes bounceInLeft {
		0%, 40%, 65%, 90%, to {
			-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
			animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		}
		0% {
			-webkit-transform: translate3d(0px, 0, 0);
			transform: translate3d(0px, 0, 0);
			opacity: 1;
		}
		40% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
			opacity: 1;
		}
		65% {
			-webkit-transform: translate3d(10px, 0, 0);
			transform: translate3d(10px, 0, 0);
		}
		90% {
			-webkit-transform: translate3d(-5px 0, 0);
			transform: translate3d(-5px, 0, 0);
		}
		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
}


/* FadeInUp */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


/* BounceInDown */
/* Loop */
@-webkit-keyframes bounceInDownLoop5s {
  from, 10%, 16%, 20%, 22%, 24%, 26%, 28%, 30%, 32% {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  10% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  16% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
	22% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  24% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  26% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  28% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0);
  }
  30% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
  32% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDownLoop5s {
  from, 10%, 16%, 20%, 22%, 24%, 26%, 28%, 30%, 32% {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  10% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  16% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
	22% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  24% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  26% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  28% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0);
  }
  30% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
  32% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}