/* Effekte */

.linear {
	-webkit-transition-timing-function: linear !important;
	   -moz-transition-timing-function: linear !important;
	     -o-transition-timing-function: linear !important;
	    -ms-transition-timing-function: linear !important;
	        transition-timing-function: linear !important;
}

.ease-in-out {
	-webkit-transition-timing-function: ease-in-out !important;
	   -moz-transition-timing-function: ease-in-out !important;
	    -ms-transition-timing-function: ease-in-out !important;
	     -o-transition-timing-function: ease-in-out !important;
	        transition-timing-function: ease-in-out !important;
}

.t250 {
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	transition: all 250ms;
}

.t500 {
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}

.t1000 {
	-webkit-transition: all 1000ms;
	-moz-transition: all 1000ms;
	-o-transition: all 1000ms;
	-ms-transition: all 1000ms;
	transition: all 1000ms;
}

.t1500 {
	-webkit-transition: all 1500ms;
	-moz-transition: all 1500ms;
	-o-transition: all 1500ms;
	-ms-transition: all 1500ms;
	transition: all 1500ms;
}

.t2000 {
	-webkit-transition: all 2000ms;
	-moz-transition: all 2000ms;
	-o-transition: all 2000ms;
	-ms-transition: all 2000ms;
	transition: all 2000ms;
}

.t2250 {
	-webkit-transition: all 2250ms;
	-moz-transition: all 2250ms;
	-o-transition: all 2250ms;
	-ms-transition: all 2250ms;
	transition: all 2250ms;
}

.t4000 {
	-webkit-transition: all 4000ms;
	-moz-transition: all 4000ms;
	-o-transition: all 4000ms;
	-ms-transition: all 4000ms;
	transition: all 4000ms;
}

.t5000 {
	-webkit-transition: all 5000ms;
	-moz-transition: all 5000ms;
	-o-transition: all 5000ms;
	-ms-transition: all 5000ms;
	transition: all 5000ms;
}

.scale0 {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.scale075 {
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-o-transform: scale(0.75);
	-ms-transform: scale(0.75);
	transform: scale(0.75);
}

.scale085 {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-o-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

.scale09 {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.scale1 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.scale13 {
	-webkit-transform: scale(1.3) translateY(-20px);
	-moz-transform: scale(1.3) translateY(-20px);
	-o-transform: scale(1.3) translateY(-20px);
	-ms-transform: scale(1.3) translateY(-20px);
	transform: scale(1.3) translateY(-20px);
}

.scale125 {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}

.scale15 {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

.op0 {
	opacity: 0;
}

.origin50 {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.origin-bottom {
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.origin-right {
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.origin-top {
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.origin-left {
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.top100 {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}


/* Animationen */


@-webkit-keyframes f1-appear {
	0%   { -webkit-transform: scale(0) rotate(-5deg); }
	75%	 { -webkit-transform: scale(1.25) rotate(5deg); }
	100% { -webkit-transform: scale(1) rotate(-4deg); }
}

@-moz-keyframes f1-appear {
	0%   { -moz-transform: scale(0) rotate(-5deg); }
	75%	 { -moz-transform: scale(1.25) rotate(5deg); }
	100% { -moz-transform: scale(1) rotate(-4deg); }
}

@-ms-keyframes f1-appear {
	0%   { -ms-transform: scale(0) rotate(-5deg); }
	75%	 { -ms-transform: scale(1.25) rotate(5deg); }
	100% { -ms-transform: scale(1) rotate(-4deg); }
}

@-o-keyframes f1-appear {
	0%   { -o-transform: scale(0) rotate(-5deg); }
	75%	 { -o-transform: scale(1.25) rotate(5deg); }
	100% { -o-transform: scale(1) rotate(-4deg); }
}

@keyframes f1-appear {
	0%   { transform: scale(0) rotate(-5deg); }
	75%	 { transform: scale(1.25) rotate(5deg); }
	100% { transform: scale(1) rotate(-4deg); }
}

.f1-appear {
	-webkit-animation: f1-appear 500ms ease-in-out;
	   -moz-animation: f1-appear 500ms ease-in-out;
	    -ms-animation: f1-appear 500ms ease-in-out;
	     -o-animation: f1-appear 500ms ease-in-out;
	        animation: f1-appear 500ms ease-in-out;
	        
	-webkit-animation-fill-mode: forwards;
	   -moz-animation-fill-mode: forwards;
	    -ms-animation-fill-mode: forwards;
	     -o-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}


@-webkit-keyframes f2-appear {
	0%   { -webkit-transform: scale(0) rotate(5deg); }
	33%  { -webkit-transform: scale(0) rotate(5deg); }
	85%	 { -webkit-transform: scale(1.25) rotate(-5deg); }
	100% { -webkit-transform: scale(1) rotate(3deg); }
}

@-moz-keyframes f2-appear {
	0%   { -moz-transform: scale(0) rotate(5deg); }
	33%  { -moz-transform: scale(0) rotate(5deg); }
	85%	 { -moz-transform: scale(1.25) rotate(-5deg); }
	100% { -moz-transform: scale(1) rotate(3deg); }
}

@-ms-keyframes f2-appear {
	0%   { -ms-transform: scale(0) rotate(5deg); }
	33%  { -ms-transform: scale(0) rotate(5deg); }
	85%	 { -ms-transform: scale(1.25) rotate(-5deg); }
	100% { -ms-transform: scale(1) rotate(3deg); }
}

@-o-keyframes f2-appear {
	0%   { -o-transform: scale(0) rotate(5deg); }
	33%  { -o-transform: scale(0) rotate(5deg); }
	85%	 { -o-transform: scale(1.25) rotate(-5deg); }
	100% { -o-transform: scale(1) rotate(3deg); }
}

@keyframes f2-appear {
	0%   { transform: scale(0) rotate(5deg); }
	33%  { transform: scale(0) rotate(5deg); }
	85%	 { transform: scale(1.25) rotate(-5deg); }
	100% { transform: scale(1) rotate(3deg); }
}

.f2-appear {
	-webkit-animation: f2-appear 750ms ease-in-out;
	   -moz-animation: f2-appear 750ms ease-in-out;
	    -ms-animation: f2-appear 750ms ease-in-out;
	     -o-animation: f2-appear 750ms ease-in-out;
	        animation: f2-appear 750ms ease-in-out;
	        
	-webkit-animation-fill-mode: forwards;
	   -moz-animation-fill-mode: forwards;
	    -ms-animation-fill-mode: forwards;
	     -o-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}


@-webkit-keyframes f3-appear {
	0%   { -webkit-transform: scale(0) rotate(-5deg); }
	50%  { -webkit-transform: scale(0) rotate(-5deg); }
	90%	 { -webkit-transform: scale(1.25) rotate(5deg); }
	100% { -webkit-transform: scale(1) rotate(-2deg); }
}

@-moz-keyframes f3-appear {
	0%   { -moz-transform: scale(0) rotate(-5deg); }
	50%  { -moz-transform: scale(0) rotate(-5deg); }
	90%	 { -moz-transform: scale(1.25) rotate(5deg); }
	100% { -moz-transform: scale(1) rotate(-2deg); }
}

@-ms-keyframes f3-appear {
	0%   { -ms-transform: scale(0) rotate(-5deg); }
	50%  { -ms-transform: scale(0) rotate(-5deg); }
	90%	 { -ms-transform: scale(1.25) rotate(5deg); }
	100% { -ms-transform: scale(1) rotate(-2deg); }
}

@-o-keyframes f3-appear {
	0%   { -o-transform: scale(0) rotate(-5deg); }
	50%  { -o-transform: scale(0) rotate(-5deg); }
	90%	 { -o-transform: scale(1.25) rotate(5deg); }
	100% { -o-transform: scale(1) rotate(-2deg); }
}

@keyframes f3-appear {
	0%   { transform: scale(0) rotate(-5deg); }
	50%  { transform: scale(0) rotate(-5deg); }
	90%	 { transform: scale(1.25) rotate(5deg); }
	100% { transform: scale(1) rotate(-2deg); }
}

.f3-appear {
	-webkit-animation: f3-appear 1000ms ease-in-out;
	   -moz-animation: f3-appear 1000ms ease-in-out;
	    -ms-animation: f3-appear 1000ms ease-in-out;
	     -o-animation: f3-appear 1000ms ease-in-out;
	        animation: f3-appear 1000ms ease-in-out;
	        
	-webkit-animation-fill-mode: forwards;
	   -moz-animation-fill-mode: forwards;
	    -ms-animation-fill-mode: forwards;
	     -o-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}