@charset "UTF-8";

.not-animated{
	opacity:0;
}
.animated{
	opacity:1;
	animation-duration:1s;
	animation-fill-mode:both;
}
.animated.infinite{
	animation-iteration-count:infinite;
}
.animated.hinge{
	animation-duration:2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut{
	animation-duration:.75s;
}

/*---Loader---*/

@-webkit-keyframes loading{
	from, 11.1%, to{
		transform:none;
	}
	22.2%{
		transform:skewX(-12.5deg) skewY(-12.5deg);
	}
	33.3%{
		transform:skewX(6.25deg) skewY(6.25deg);
	}
	44.4%{
		transform:skewX(-3.125deg) skewY(-3.125deg);
	}
	55.5%{
		transform:skewX(1.5625deg) skewY(1.5625deg);
	}
	66.6%{
		transform:skewX(-0.78125deg) skewY(-0.78125deg);
	}
	77.7%{
		transform:skewX(0.390625deg) skewY(0.390625deg);
	}
	88.8%{
		transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}
@keyframes loading{
	from, 11.1%, to{
		transform:none;
	}
	22.2%{
		transform:skewX(-12.5deg) skewY(-12.5deg);
	}
	33.3%{
		transform:skewX(6.25deg) skewY(6.25deg);
	}
	44.4%{
		transform:skewX(-3.125deg) skewY(-3.125deg);
	}
	55.5%{
		transform:skewX(1.5625deg) skewY(1.5625deg);
	}
	66.6%{
		transform:skewX(-0.78125deg) skewY(-0.78125deg);
	}
	77.7%{
		transform:skewX(0.390625deg) skewY(0.390625deg);
	}
	88.8%{
		transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}
.loading{
	animation-name:loading;
	transform-origin:center;
	animation-iteration-count:infinite;
}

/*---Navigation Mobile---*/

@-webkit-keyframes navi-mobile-animate-open{
  	0%{
    	transform:scale(1) rotateZ(0);
  	}
  	50%{
     	transform:scale(2) rotateZ(180deg);
  	}
  	100%{
		transform:scale(1) rotateZ(360deg);
		color:#fff;
  	}
}
@keyframes navi-mobile-animate-open{
  	0%{
     	transform:scale(1) rotateZ(0);
  	}
  	50%{
     	transform:scale(2) rotateZ(180deg);
  	}
  	100%{
		transform:scale(1) rotateZ(360deg);
		color:#fff;
  	}
}
.navi-mobile-animate-open{
	animation:navi-mobile-animate-open 0.65s linear both;
}
@-webkit-keyframes navi-mobile-animate-close{
	0%{
		transform:scale(1) rotateZ(0);
		color:#fff;
  	}
  	50%{
		transform:scale(2) rotateZ(-180deg);
  	}
  	100%{
		transform:scale(1) rotateZ(-360deg);
  	}
}
@keyframes navi-mobile-animate-close{
  	0%{
		transform:scale(1) rotateZ(0);
		color:#fff;
  	}
  	50%{
    	transform:scale(2) rotateZ(-180deg);
  	}
  	100%{
		transform:scale(1) rotateZ(-360deg);
	}
}
.navi-mobile-animate-close{
	animation:navi-mobile-animate-close 0.3s linear both;
}

/*---Animationen---*/

@-webkit-keyframes bounceInLeft{
	from, 60%, 75%, 90%, to{
		animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0%{
		opacity:0;
		transform:translate3d(-3000px, 0, 0);
	}
	60%{
		opacity:1;
		transform:translate3d(25px, 0, 0);
	}
	75%{
		transform:translate3d(-10px, 0, 0);
	}
	90%{
		transform:translate3d(5px, 0, 0);
	}
	to{
		transform:none;
	}
}
.bounceInLeft{
	animation-name:bounceInLeft;
}
@keyframes bounceInLeft{
	from, 60%, 75%, 90%, to{
		animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0%{
		opacity:0;
		transform:translate3d(-3000px, 0, 0);
	}
	60%{
		opacity:1;
		transform:translate3d(25px, 0, 0);
	}
	75%{
		transform:translate3d(-10px, 0, 0);
	}
	90%{
		transform:translate3d(5px, 0, 0);
	}
	to{
		transform:none;
	}
}
.bounceInLeft{
	animation-name:bounceInLeft;
}

@-webkit-keyframes bounceInRight{
	from, 60%, 75%, 90%, to{
		animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from{
		opacity:0;
		transform:translate3d(3000px, 0, 0);
	}
	60%{
		opacity:1;
		transform:translate3d(-25px, 0, 0);
	}
	75%{
		transform:translate3d(10px, 0, 0);
	}
	90%{
		transform:translate3d(-5px, 0, 0);
	}
	to{
		transform:none;
	}
}
@keyframes bounceInRight{
	from, 60%, 75%, 90%, to{
		animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from{
		opacity:0;
		transform:translate3d(3000px, 0, 0);
	}
	60%{
		opacity:1;
		transform:translate3d(-25px, 0, 0);
	}
	75%{
		transform:translate3d(10px, 0, 0);
	}
	90%{
		transform:translate3d(-5px, 0, 0);
	}
	to{
		transform:none;
	}
}
.bounceInRight{
	animation-name:bounceInRight;
}

@-webkit-keyframes rubberBand{
	from{
		transform:scale3d(1, 1, 1);
	}
	30%{
		transform:scale3d(1.25, 0.75, 1);
	}
	40%{
		transform:scale3d(0.75, 1.25, 1);
	}
	50%{
		transform:scale3d(1.15, 0.85, 1);
	}
	65%{
		transform:scale3d(.95, 1.05, 1);
	}
	75%{
		transform:scale3d(1.05, .95, 1);
	}
	to{
		transform:scale3d(1, 1, 1);
	}
}
@keyframes rubberBand{
	from{
		transform:scale3d(1, 1, 1);
	}
	30%{
		transform:scale3d(1.25, 0.75, 1);
	}
	40%{
		transform:scale3d(0.75, 1.25, 1);
	}
	50%{
		transform:scale3d(1.15, 0.85, 1);
	}
	65%{
		transform:scale3d(.95, 1.05, 1);
	}
	75%{
		transform:scale3d(1.05, .95, 1);
	}
	to{
		transform:scale3d(1, 1, 1);
	}
}
.rubberBand{
	animation-name:rubberBand;
}

@-webkit-keyframes bounce{
	from, 20%, 53%, 80%, to{
		animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform:translate3d(0,0,0);
	}
	40%, 43%{
		animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform:translate3d(0, -30px, 0);
	}
	70%{
		animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform:translate3d(0, -15px, 0);
		}
	90%{
		transform:translate3d(0,-4px,0);
	}
}
@keyframes bounce{
	from, 20%, 53%, 80%, to{
		animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform:translate3d(0,0,0);
	}
	40%, 43%{
		animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform:translate3d(0, -30px, 0);
	}
	70%{
		animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform:translate3d(0, -15px, 0);
		}
	90%{
		transform:translate3d(0,-4px,0);
	}
}
.bounce{
	animation-name:bounce;
	animation-iteration-count:infinite;
	transform-origin:center bottom;
}

@keyframes pulse{
	from{
		transform:scale3d(1, 1, 1);
	}
	50%{
		transform:scale3d(1.05, 1.05, 1.05);
	}
	to{
		transform:scale3d(1, 1, 1);
	}
}
@-webkit-keyframes pulse{
	from{
		transform:scale3d(1, 1, 1);
	}
	50%{
		transform:scale3d(1.05, 1.05, 1.05);
	}
	to{
		transform:scale3d(1, 1, 1);
	}
}

.pulse{
	animation-name:pulse;
}