
/* ############################################################
	ÜBERSCHREIBUNG ANIMATE
############################################################ */

/* BounceInRight */
/* Loop */
@-webkit-keyframes bounceInRightLoop5s {
	0%, 8%, 13%, 18%, 20% {
		-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;
	}
	6% {
		-webkit-transform: translate3d(14px, 0, 0);
		transform: translate3d(14px, 0, 0);
		opacity: 1;
	}
	13% {
		-webkit-transform: translate3d(-7px, 0, 0);
		transform: translate3d(-7px, 0, 0);
	}
	18% {
		-webkit-transform: translate3d(3px 0, 0);
		transform: translate3d(3px, 0, 0);
	}
	20% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes bounceInRightLoop5s {
	0%, 6%, 13%, 18%, 20% {
		-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;
	}
	6% {
		-webkit-transform: translate3d(14px, 0, 0);
		transform: translate3d(14px, 0, 0);
		opacity: 1;
	}
	13% {
		-webkit-transform: translate3d(-7px, 0, 0);
		transform: translate3d(-7px, 0, 0);
	}
	18% {
		-webkit-transform: translate3d(3px 0, 0);
		transform: translate3d(3px, 0, 0);
	}
	20% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@media (min-width: 760px) {
	@-webkit-keyframes bounceInRightLoop5s {
		0%, 8%, 13%, 18%, 20% {
			-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;
		}
		6% {
			-webkit-transform: translate3d(16px, 0, 0);
			transform: translate3d(16px, 0, 0);
			opacity: 1;
		}
		13% {
			-webkit-transform: translate3d(-8px, 0, 0);
			transform: translate3d(-8px, 0, 0);
		}
		18% {
			-webkit-transform: translate3d(4px 0, 0);
			transform: translate3d(4px, 0, 0);
		}
		20% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
	@keyframes bounceInRightLoop5s {
		0%, 6%, 13%, 18%, 20% {
			-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;
		}
		6% {
			-webkit-transform: translate3d(16px, 0, 0);
			transform: translate3d(16px, 0, 0);
			opacity: 1;
		}
		13% {
			-webkit-transform: translate3d(-8px, 0, 0);
			transform: translate3d(-8px, 0, 0);
		}
		18% {
			-webkit-transform: translate3d(4px 0, 0);
			transform: translate3d(4px, 0, 0);
		}
		20% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
}
@media (min-width: 1020px) {
	@-webkit-keyframes bounceInRightLoop5s {
		0%, 8%, 13%, 18%, 20% {
			-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;
		}
		6% {
			-webkit-transform: translate3d(20px, 0, 0);
			transform: translate3d(20px, 0, 0);
			opacity: 1;
		}
		13% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
		}
		18% {
			-webkit-transform: translate3d(5px 0, 0);
			transform: translate3d(5px, 0, 0);
		}
		20% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
	@keyframes bounceInRightLoop5s {
		0%, 6%, 13%, 18%, 20% {
			-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;
		}
		6% {
			-webkit-transform: translate3d(20px, 0, 0);
			transform: translate3d(20px, 0, 0);
			opacity: 1;
		}
		13% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
		}
		18% {
			-webkit-transform: translate3d(5px 0, 0);
			transform: translate3d(5px, 0, 0);
		}
		20% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
		}
	}
}



/* BounceInDown */
/* Loop */
@-webkit-keyframes bounceInDownLoop5s {
  from, 6%, 13%, 18%, 20% {
    -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);
  }
  6% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  13% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  18% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  20% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDownLoop5s {
  from, 6%, 13%, 18%, 20% {
    -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);
  }
  6% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  13% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  18% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  20% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* non Loop */
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 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(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 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(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}