/************************************************  SLIDESHOW  ************************************************/

#stop{
	position: absolute;
	z-index: 12;
	width: 30px;
	height: 30px;
	margin-top: 40px;
	margin-left: 40px;
	display: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}

#start{
	position: absolute;
	z-index: 11;
	width: 30px;
	height: 30px;
	margin-top: 40px;
	margin-left: 40px;
	display: none;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
}

#stop:hover, #start:hover{
	width: 35px;
	height: 35px;
}

.slideshow{
	height: auto;
	width: 100%;
}

.bild1, .bild2, .bild3, .bild4, .bild5{
	width: 100%;
	background-size: cover;
	margin-bottom: -6px !important; /*WENN LEERSCHLAG GIBT UNTER SLIDESHOW*/
}

.bild1{
	position: absolute;
	z-index: 4
}

.bild2{
	position: absolute;
	z-index: 3
}

.bild3{
	position: absolute;
	z-index: 2
}

.bild4{
	position: absolute;
	z-index: 1
}

.bild5{
	z-index: 0
}


/****** TEXT AUF DEM SLIDEBILD ******/

.btext1, .btext2, .btext3, .btext4, .btext5{
	z-index: 10;
	background: rgba(219, 219, 219, 0.8);
	position: absolute;
	width: auto;
	margin: -250px 0 0;
	padding-left: 100px;
	padding-right: 10px;
	padding-top: 10px;
    padding-bottom: 10px;
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-weight: lighter;
}

.btext1 p, .btext2 p, .btext3 p, .btext4 p, .btext5 p{
	font-size: 35px;
    text-align: left;
    color: white;
    margin: 0;
}

@media screen and (max-width: 980px) {
	.btext1 p, .btext2 p, .btext3 p, .btext4 p, .btext5 p{
		font-size: 22px;
	}
	.btext1, .btext2, .btext3, .btext4, .btext5{
		margin-top: -100px;
		padding-left: 50px;
	}
}

@media screen and (max-width: 600px) {
	
	.slideshow{
		display: none;
	}

}


.btext1{
	position: absolute;
	z-index: 9
}

.btext2{
	position: absolute;
	z-index: 8
}

.btext3{
	position: absolute;
	z-index: 7
}

.btext4{
	position: absolute;
	z-index: 6
}

.btext5{
	z-index: 5
}






/***SLIDESHOW PROZEDUR***/

.bild1, .btext1{
	animation: sa 35s infinite linear 0s;
	-o-animation: sa 35s infinite linear 0s;
	-ms-animation: sa 35s infinite linear 0s;
	-moz-animation: sa 35s infinite linear 0s;
	-webkit-animation: sa 35s infinite linear 0s;
}
.bild2, .btext2{
	animation: sb 35s infinite linear 0s;
	-o-animation: sb 35s infinite linear 0s;
	-ms-animation: sb 35s infinite linear 0s;
	-moz-animation: sb 35s infinite linear 0s;
	-webkit-animation: sb 35s infinite linear 0s;
}
.bild3, .btext3{
	animation: sc 35s infinite linear 0s;
	-o-animation: sc 35s infinite linear 0s;
	-ms-animation: sc 35s infinite linear 0s;
	-moz-animation: sc 35s infinite linear 0s;
	-webkit-animation: sc 35s infinite linear 0s;
}
.bild4, .btext4{
	animation: sd 35s infinite linear 0s;
	-o-animation: sd 35s infinite linear 0s;
	-ms-animation: sd 35s infinite linear 0s;
	-moz-animation: sd 35s infinite linear 0s;
	-webkit-animation: sd 35s infinite linear 0s;
}
.bild5, .btext5{
	animation: se 35s infinite linear 0s;
	-o-animation: se 35s infinite linear 0s;
	-ms-animation: se 35s infinite linear 0s;
	-moz-animation: se 35s infinite linear 0s;
	-webkit-animation: se 35s infinite linear 0s;
}

/**********************************   1    **********************************/


@-webkit-keyframes sa{ 
	0%{opacity: 1;}
	16%{opacity: 1;}
	20%{opacity: 0;}
	96%{opacity: 0;}
	100%{opacity: 1;}
} 
@-moz-keyframes sa{
	0%{opacity: 1;}
	16%{opacity: 1;}
	20%{opacity: 0;}
	96%{opacity: 0;} 
	100%{opacity: 1;}
} 
@-ms-keyframes sa{
	0%{opacity: 1;}
	16%{opacity: 1;}
	20%{opacity: 0;}
	96%{opacity: 0;}
	100%{opacity: 1;}
} 
@-o-keyframes sa{
	0%{opacity: 1;}
	16%{opacity: 1;}
	20%{opacity: 0;}
	96%{opacity: 0;} 
	100%{opacity: 1;}
} 
@keyframes sa{
	0%{opacity: 1;}
	16%{opacity: 1;}
	20%{opacity: 0;}
	96%{opacity: 0;}
	100%{opacity: 1;}
} 


/********************************************    2     *******************************/

@-webkit-keyframes sb{
	0%{opacity: 0;} 
	16%{opacity: 0;}
	20%{opacity: 1;}
	36%{opacity: 1;}
	40%{opacity: 0;}
	100%{opacity: 0;}
} 
@-moz-keyframes sb{
	0%{opacity: 0;}
	16%{opacity: 0;}
	20%{opacity: 1;}
	36%{opacity: 1;}
	40%{opacity: 0;}
	100%{opacity: 0;}
} 
@-ms-keyframes sb{
	0%{opacity: 0;}
	16%{opacity: 0;}
	20%{opacity: 1;}
	36%{opacity: 1;}
	40%{opacity: 0;}
	100%{opacity: 0;}
} 
@-o-keyframes sb{
	0%{opacity: 0;}
	16%{opacity: 0;}
	20%{opacity: 1;}
	36%{opacity: 1;}
	40%{opacity: 0;}
	100%{opacity: 0;}
} 
@keyframes sb{
	0%{opacity: 0;}
	16%{opacity: 0;}
	20%{opacity: 1;}
	36%{opacity: 1;}
	40%{opacity: 0;}
	100%{opacity: 0;}
} 


/**********************************   3   ******************************/


@-webkit-keyframes sc{
	0%{opacity: 0;} 
	36%{opacity: 0;}
	40%{opacity: 1;}
	56%{opacity: 1;}
	60%{opacity: 0;}
	100%{opacity: 0;} 	
} 
@-moz-keyframes sc{
	0%{opacity: 0;}
	36%{opacity: 0;}
	40%{opacity: 1;}
	56%{opacity: 1;}
	60%{opacity: 0;}
	100%{opacity: 0;}
} 
@-ms-keyframes sc{
	0%{opacity: 0;}
	36%{opacity: 0;}
	40%{opacity: 1;}
	56%{opacity: 1;}
	60%{opacity: 0;}
	100%{opacity: 0;} 
} 
@-o-keyframes sc{
	0%{opacity: 0;}
	36%{opacity: 0;}
	40%{opacity: 1;}
	56%{opacity: 1;}
	60%{opacity: 0;}
	100%{opacity: 0;}
} 
@keyframes sc{
	0%{opacity: 0;}
	36%{opacity: 0;}
	40%{opacity: 1;}
	56%{opacity: 1;}
	60%{opacity: 0;}
	100%{opacity: 0;}
}


/********************************** 4 *********************************/ 



@-webkit-keyframes sd{ 
	0%{opacity: 0;}
	56%{opacity: 0;}
	60%{opacity: 1;}
	76%{opacity: 1;}
	80%{opacity: 0;}
	100%{opacity: 0;} 
} 
@-moz-keyframes sd{
	0%{opacity: 0;}
	56%{opacity: 0;}
	60%{opacity: 1;}
	76%{opacity: 1;}
	80%{opacity: 0;}
	100%{opacity: 0;} 
} 
@-ms-keyframes sd{
	0%{opacity: 0;}
	56%{opacity: 0;}
	60%{opacity: 1;}
	76%{opacity: 1;}
	80%{opacity: 0;}
	100%{opacity: 0;} 
} 
@-o-keyframes sd{
	0%{opacity: 0;}
	56%{opacity: 0;}
	60%{opacity: 1;}
	76%{opacity: 1;}
	80%{opacity: 0;}
	100%{opacity: 0;}  
} 
@keyframes sd{
	0%{opacity: 0;}
	56%{opacity: 0;}
	60%{opacity: 1;}
	76%{opacity: 1;}
	80%{opacity: 0;}
	100%{opacity: 0;} 
} 

/********************************   5   ***************************/

@-webkit-keyframes se{ 
	0%{opacity: 0;}
	76%{opacity: 0;}
	80%{opacity: 1;}
	96%{opacity: 1;}
	100%{opacity: 0;} 	
} 
@-moz-keyframes se{
	0%{opacity: 0;}
	76%{opacity: 0;}
	80%{opacity: 1;}
	96%{opacity: 1;}
	100%{opacity: 0;} 
} 
@-ms-keyframes se{
	0%{opacity: 0;}
	76%{opacity: 0;}
	80%{opacity: 1;}
	96%{opacity: 1;}
	100%{opacity: 0;} 
} 
@-o-keyframes se{
	0%{opacity: 0;}
	76%{opacity: 0;}
	80%{opacity: 1;}
	96%{opacity: 1;}
	100%{opacity: 0;} 
} 
@keyframes se{
	0%{opacity: 0;}
	76%{opacity: 0;}
	80%{opacity: 1;}
	96%{opacity: 1;}
	100%{opacity: 0;} 
}