/* CSS Document */

/*Button*/
.DIV-CLASS-Button{
	
}

.DIV-CLASS-ButtonWrapper{
	
	margin-top: 30px;
	
	position:relative;
	
	display:block;
}

A:link.LINK-CLASS-Button{
	border-radius: 10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	
	left:0;
	right:0;
	width: 250px;
	position:relative;
	
	
	
	
	background-color:#E40614;
	
	color:#ffffff;
	font-family:MTB_OpenSanBold;
	font-size:15pt;
	text-decoration:none;

	text-align:center;
}
A:visited.LINK-CLASS-Button{
	color:#ffffff;
}
A:hover.LINK-CLASS-Button{
	color:#ffffff;
	text-decoration:underline;
}

/*Sloagen*/
.DIV-CLASS-SloagenWrapper{
	position:absolute;
	display:block;
	width: 100%;
	height:250px;
	
	overflow:hidden;
	
	top:10px;
	
	margin-top: 180px;
	
	box-sizing:border-box;
	
		/*z-index:10;*/
}
.SPAN-CLASS-SloagenWrapper{
		
	width:auto;
	display:block;
	margin-bottom:5px;
	text-align:center;
	
	position:absolute;
	
	left:0;
	right:0;
	
		/*z-index:10;*/
	
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
	
	
	 
}
.SPAN-CLASS-Sloagen{
	font-family: MTB_OpenSanExtraBold;
	font-size:21pt;
	color:#FFF;
	background-color:rgba(255, 255, 255, 0.3);
	text-shadow: 0 0 5px black;
	
	position:relative;
	
	display:block;
	
	padding-left:5px;
	padding-right:5px;
	
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   
   
   
  
}
.SPAN-CLASS-SubSloagen{
	font-family:MTB_OpenSanBoldItalic;
	font-size:16pt;
	color:#FFF;
	background-color:rgba(255, 255, 255, 0.3);
	text-shadow: 0 0 5px black;
	
	position:relative;
	
	display:block;	
	
	margin-top:15px;

	padding-left:5px;
	padding-right:5px;
	
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   
   
   text-align: center;
}
.SPAN-CLASS-DateSloagen{
	font-family:MTB_OpenSanBoldItalic;
	font-size:15pt;
	color:#FFF;
	background-color:rgba(255, 255, 255, 0.3);
	text-shadow: 0 0 5px black;
	
	position:relative;
	
	display:block;	
	
	margin-top:15px;

	padding-left:5px;
	padding-right:5px;
	
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   
   
   text-align: center;
}

#SPAN-ID-Sloagen1{
	animation-name: sliderSloagen1;
	animation-duration: 40s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: sliderSloagen1;
	-webkit-animation-duration: 40s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}
#SPAN-ID-Sloagen2{
	animation-name: sliderSloagen2;
	animation-duration: 40s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: sliderSloagen2;
	-webkit-animation-duration: 40s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}
#SPAN-ID-Sloagen3{
	animation-name: sliderSloagen3;
	animation-duration: 40s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: sliderSloagen3;
	-webkit-animation-duration: 40s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}
#SPAN-ID-Sloagen4{
	animation-name: sliderSloagen4;
	animation-duration: 40s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: sliderSloagen4;
	-webkit-animation-duration: 40s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */ 
	#SPAN-ID-Sloagen1 {
		animation-name: sliderSloagen1-IE;
		animation-duration: 40s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
   }
   
   .SPAN-CLASS-SloagenWrapper{
		
		width:100%;
		
   }
   
   
   
}

@-webkit-keyframes sliderSloagen1 {
 0% {
-webkit-transform: translateX(0px);
}
 20% {
-webkit-transform: translateX(0px);
}
 25% {
-webkit-transform: translateX(-1000px);
}
 45% {
-webkit-transform: translateX(-1000px);
}
 50% {
-webkit-transform: translateX(-1000px);
}
 70% {
-webkit-transform: translateX(-1000px);
}
 75% {
-webkit-transform: translateX(-1000px);
-webkit-backface-visibility:hidden;
visibility:hidden;
}
 95% {
-webkit-transform: translateX(1000px);
-webkit-backface-visibility:hidden;
visibility:hidden;
}
 100% {
-webkit-transform: translateX(0px);
-webkit-backface-visibility:visible;
visibility:visible;
}
}
 @-webkit-keyframes sliderSloagen2 {
 0% {
-webkit-transform: translateX(1000px);
}
 20% {
-webkit-transform: translateX(1000px);
}
 25% {
-webkit-transform: translateX(0px);
}
 45% {
-webkit-transform: translateX(0px);
}
 50% {
-webkit-transform: translateX(-1000px);
}
 70% {
-webkit-transform: translateX(-1000px);
}
 75% {
-webkit-transform: translateX(-1000px);
}
 95% {
-webkit-transform: translateX(-1000px);
}
 100% {
-webkit-transform: translateX(-1000px);
}
}
@-webkit-keyframes sliderSloagen3 {
 0% {
-webkit-transform: translateX(1000px);
}
 20% {
-webkit-transform: translateX(1000px);
}
 25% {
-webkit-transform: translateX(1000px);
}
 45% {
-webkit-transform: translateX(1000px);
}
 50% {
-webkit-transform: translateX(0px);
}
 70% {
-webkit-transform: translateX(0px);
}
 75% {
-webkit-transform: translateX(-1000px);
}
 95% {
-webkit-transform: translateX(-1000px);
}
 100% {
-webkit-transform: translateX(-1000px);
}
}
@-webkit-keyframes sliderSloagen4 {
 0% {
-webkit-transform: translateX(1000px);
}
 20% {
-webkit-transform: translateX(1000px);
}
 25% {
-webkit-transform: translateX(1000px);
}
 45% {
-webkit-transform: translateX(1000px);
}
 50% {
-webkit-transform: translateX(1000px);
}
 70% {
-webkit-transform: translateX(1000px);
}
 75% {
-webkit-transform: translateX(0px);
}
 95% {
-webkit-transform: translateX(0px);
}
 100% {
-webkit-transform: translateX(-1000px);
}
}
@keyframes sliderSloagen1 {
 0% {
 -ms-transform: translateX(0px);
transform: translateX(0px);
}
 20% {
-ms-transform: translateX(0px);
transform: translateX(0px);
}
 25% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
}
 45% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
}
 50% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
}
 70% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
}
 75% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:hidden;
}
 95% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 100% {
 -ms-transform: translateX(0%);
transform: translateX(0%);
visibility:visible;
}
}
@keyframes sliderSloagen1-IE {
 0% {
 -ms-transform: translateX(0px);
transform: translateX(0px);
}
 20% {
-ms-transform: translateX(0px);
transform: translateX(0px);
}
 25% {
 -ms-transform: translateX(-400%);
transform: translateX(-4000%);
}
 45% {
 -ms-transform: translateX(-400%);
transform: translateX(-4000%);
}
 50% {
 -ms-transform: translateX(-400%);
transform: translateX(-4000%);
}
 70% {
 -ms-transform: translateX(-400%);
transform: translateX(-4000%);
}
 75% {
 -ms-transform: translateX(-400%);
transform: translateX(-4000%);
visibility:hidden;
}
 95% {
 -ms-transform: translateX(400%);
transform: translateX(4000%);
visibility:hidden;
}
 100% {
 -ms-transform: translateX(0%);
transform: translateX(0%);
visibility:visible;
} 
}  


@keyframes sliderSloagen2 {
 0% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 20% {
-ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 25% {
 -ms-transform: translateX(0%);
transform: translateX(0%);
visibility:visible;
}
 45% {
 -ms-transform: translateX(0%);
transform: translateX(0%);
visibility:visible;
}
 50% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:visible;
}
 70% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:hidden;
}
 75% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:hidden;
}
 95% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:hidden;
}
 100% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:hidden;
}
}

 @keyframes sliderSloagen3 {
 0% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 20% {
-ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 25% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 45% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:visible;
}
 50% {
 -ms-transform: translateX(0%);
transform: translateX(0%);
visibility:visible;
}
 70% {
 -ms-transform: translateX(0%);
transform: translateX(0%);
visibility:visible;
}
 75% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:visible;
}
 95% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:hidden;
}
 100% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:hidden;
}
}
 
@keyframes sliderSloagen4 {
 0% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 20% {
-ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 25% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 45% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 50% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:hidden;
}
 70% {
 -ms-transform: translateX(400%);
transform: translateX(400%);
visibility:visible;
}
 75% {
 -ms-transform: translateX(0%);
transform: translateX(0%);
visibility:visible;
}
 95% {
 -ms-transform: translateX(0%);
transform: translateX(0%);
visibility:visible;
}
 100% {
 -ms-transform: translateX(-400%);
transform: translateX(-400%);
visibility:visible;
}
}
 

/* Layout für Tablet-PCs*/

@media only screen and (min-width: 481px) {
	
	/*Button*/
	.DIV-CLASS-ButtonWrapper{
		margin-top:20px;
		padding-left: 90px;
	}
	A:link.LINK-CLASS-Button{
		
	}
	
	/*Sloagen*/
	.DIV-CLASS-SloagenWrapper{
		top:300px;
		height:280px;
		margin-top: 40px;
		
		
	}
	.SPAN-CLASS-Sloagen{
		padding-left: 90px;
		font-size: 25pt;
	}
	.SPAN-CLASS-SubSloagen{
		padding-left: 90px;
		font-size: 20pt;
	}
	.SPAN-CLASS-DateSloagen{
		padding-left: 70px;
	}
	
	}

/* Desktoplayout*/

@media only screen and (min-width: 1080px) {
	/*Button*/
	.DIV-CLASS-ButtonWrapper{
		margin-top:140px;
		margin-left: 240px;
		padding-left: 0;
	}
	A:link.LINK-CLASS-Button{
		margin-left:-950px;
	}
	
	
	/*Sloagen*/
	.DIV-CLASS-SloagenWrapper{
		top:430px;
		
		margin-top: 0px;
	}
	.SPAN-CLASS-Sloagen{
		text-align:left;
		font-size: 40pt;
		position:absolute;

	
	}

	.SPAN-CLASS-SubSloagen{
		margin-left:-540px;
		position:absolute;
		font-size:25pt;
		left:auto;
		
		display:inline;
		
		margin-top:75px;
	}
	.SPAN-CLASS-DateSloagen{
		margin-left:100px;
			
		margin-right:70px;
		
		position:absolute;
		
		left:auto;
		
		display:inline;
		
		text-align:right;
		
		margin-top:200px;
		
		font-size: 18pt;
		
		padding-left: 5px;
	}
	
}

@media only screen and (min-width: 1400px) {
	
	/*Button*/
	.DIV-CLASS-ButtonWrapper{
		margin-left: 0;
	}
	A:link.LINK-CLASS-Button{
		margin-left:-950px;
	}
	
	/*Sloagen*/
	.DIV-CLASS-SloagenWrapper{
		top:430px;
		padding-left: 0px;
	}
	.SPAN-CLASS-Sloagen{
		margin-left:-610px;
		position:absolute;
		display:inline;
		left:auto;	
		padding-left: 5px;
	}
	.SPAN-CLASS-SubSloagen{
		margin-left:-540px;
		position:absolute;
		display:inline;
		left:auto;
		padding-left: 5px;
	}
	.SPAN-CLASS-DateSloagen{
		margin-left:300px;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1080px) {  
	/* IE10+ */
	.SPAN-CLASS-SloagenWrapper{
		width:100%;
		
   	}
	
	.SPAN-CLASS-Sloagen{
		margin-left: 170px;
		padding-left: 5px;
	}
	
	.SPAN-CLASS-SubSloagen{
		margin-left: 200px;
		padding-left: 5px;
	}
	.DIV-CLASS-ButtonWrapper{
		position:absolute;
		display:inline;
		left:auto;
		margin-left: 750px;
	}
	.SPAN-CLASS-DateSloagen{
		
		
		display:block;
		float:right;	
		width:30%;
		text-align: center;
		margin-top:200px;
		margin-left: 750px;
	
	}
}