/* ====== SLIDE TOP DREHEN ======  */

.slide-top-drehen:hover  {
	-webkit-animation-name: slide-top-drehen;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	animation-name: slide-top-drehen;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

@-webkit-keyframes slide-top-drehen  {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(-10px) rotate(360deg);}
}

@keyframes slide-top-drehen  {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(-10px)  rotate(360deg);}
}

/* ====== SLIDE TOP ======  */

.slide-top:hover  {
	-webkit-animation-name: slide-top;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	animation-name: slide-top;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes slide-top  {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(-25px) rotate(0deg);}
}

@keyframes slide-top  {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(-25px)  rotate(0deg);}
}

/* ====== SLIDE RIGHT ======  */

.slide-bottom:hover  {
	-webkit-animation-name: slide-bottom;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	animation-name: slide-bottom;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes slide-bottom  {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(25px) rotate(0deg);}
}

@keyframes slide-bottom  {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(25px)  rotate(0deg);}
}

/* ====== Logo SCHWINGER ======  */

#schwinger:hover {
	-webkit-animation-name: schwinger;
	-webkit-animation-duration: 5s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: schwinger;
	animation-duration: 5s;
	animation-delay: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes schwinger {
	0%  {transform:translate(0.1%)}
	25%  {transform:translate(10%)}
	50%  {transform:translate(-0.1%)}
	75% {transform:translate(-10%)}
	99%  {transform:translate(0.1%)}
}

@-webkit-keyframes schwinger {
	0%  {transform:translate(0.1%)}
	25%  {transform:translate(10%)}
	50%  {transform:translate(-0.1%)}
	75% {transform:translate(-10%)}
	99%  {transform:translate(0.1%)}
}

/* ====== Text Ticker ======  */

#ticker {
	-webkit-animation-name: ticker;
	-webkit-animation-duration: 5s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: ticker;
	animation-duration: 5s;
	animation-delay: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes ticker {
    from {
	color: #920000;
	}
    to {
    color: #FFF;
	}
}