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

/* 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);
  }*/
	from {
		transform: rotate(0deg) translateX(5px) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translateX(5px) rotate(-360deg);
	}
}
@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, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(20px, 20px, 0);
    transform: translate3d(20px, 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);
  }*/
	from {
		transform: rotate(0deg) translateX(5px) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translateX(5px) rotate(-360deg);
	}
}


/* Logo */
@keyframes bildmarke-di {
	from {
		transform: scale(1) translateY(0);
	}
	50% {
		transform: scale(0.9) translateY(4%);
	}
	to {
		transform: scale(1.1) translateY(-4%);
	}
}
@keyframes bildmarke-be {
	from {
		transform: scale(1) translateX(0);
	}
	66% {
		transform: scale(1.05) translateX(-2.75%);
	}
	to% {
		transform: scale(0.95) translateX(2.75%);
	}
}
@keyframes bildmarke-c {
	from {
		transform: scale(1) translate(0, 0);
	}
	33% {
		transform: scale(1.08) translate(-7.75%, -3%);
	}
	to% {
		transform: scale(0.92) translate(7.75%, 3%);
	}
}