@charset "UTF-8";
#welcome1 {
	animation: willkommen 2s 0s;
	-webkit-animation: willkommen 2s 0s
}
#welcome2 {
	animation: willkommen 3s 0s;
	-webkit-animation: willkommen 3s 0s
}
#welcome3 {
	animation: willkommen 4s 0s;
	-webkit-animation: willkommen 4s 0s
}
#welcome4 {
	animation: willkommen 5s 0s;
	-webkit-animation: willkommen 5s 0s
}
#welcome10 {
	animation: willkommen2 8s 0s;
	-webkit-animation: willkommen2 8s 0s;
}
 .showbox {
    /*float: left;*/
	font-size: 14px;
	font-weigth: 400;
	width: 220px;
    margin: 0px 10px 10px 10px;
	-webkit-transition: 1s ease-in-out;
	/*-webkit-transform: translate(-20px,0);*/
	transition: 1s ease-in-out;
	/*transform: translate(-20px,0);*/
 }
 .showbox.slideright:hover, .showbox.slideright:active {
    -webkit-transform: translate(20px,0px);
	transform: translate(20px,0px);
 }
@keyframes willkommen {
	0% {
		color: #FFFFFF;
	}
	50% {
		color: #FFFFFF;
	}
	100% {
		color: #222222;
	}
}
@-webkit-keyframes willkommen {
	0% {
		color: #FFFFFF;
	}
	50% {
		color: #FFFFFF;
	}
	100% {
		color: #222222;
	}
}
@keyframes willkommen2 {
	0% {
		color: #FFFFFF;
	}
	50% {
		color: #FFFFFF;
	}
	100% {
		color: #222222;
	}
}
@-webkit-keyframes willkommen2 {
	0% {
		color: #FFFFFF;
	}
	50% {
		color: #FFFFFF;
	}
	100% {
		color: #222222;
	}
}
/*----------------------------------------------*/
@media screen and (max-width: 620px) {

}