@charset "UTF-8";
/* CSS Document */

html	{	height: 100%;
            background-color: #ffffff;
		}


body	{	margin: 0;
			padding: 0;
			height: 100%;
		}

div#wrap	{	margin: 0;
				padding: 0;
				width: 100%;
				height: auto;
			}



/** ++++++++++++++++ NAVI ++++++++++++++++ **/
			
nav	{	width: 100%;
		height: 13%;
		margin: 0 auto;
		padding: 1% 0 0 0;
		position: sticky;
		top: 0;
		background-color: white;
	}
	
nav ul 	{	list-style-type: none;
			display: flex;
			margin: 0;
			padding: 0;
		}
		
		
nav ul li 	{	margin-top: 70px;
			}
	
		
.nav_text	{	padding-left: 5%;
                letter-spacing: 2px;
                
			}
.nav_text2 {    letter-spacing: 2px;
            
            }


.logo	{	margin: 0 auto;

		}
		
		
.logo img	{	width: 250px;
                height: auto;
			}


/** ++++++++++++++++ SUBNAV ++++++++++++++++ **/	

.subnav { 	margin: 0;
			padding: 0;
			position: fixed;
			width: 100%;
			background-color: #fff;
		}


/** ++++++++++++++++ IMAGE ++++++++++++++++ **/	
		
#img	{	width: 100%;
			margin: 0 0 -6px 0;
			padding: 0;
		}

#img img 	{	width: 100%;
				height: auto;
			}


/** ++++++++++++++++ CONTENT ++++++++++++++++ **/		

hr	{	margin: 1% 0 0 0;
		padding: 0;
		border: 1px solid #8fd3dc;
	}


main	{	margin: 0 auto;
			padding: 0;
			width: 100%;
			height: auto;
		}
		
		
section {	padding: 90px 0 90px 0;
		}
		

section.abstand {	padding: 70px 0 70px 0;
				}


.text	{	margin: 0 auto;
			width: 100%;
			height: auto;
			background-image: linear-gradient(45deg, #1ea7b9 0%, #ffffff 180%);
		}
			
			
.text p	{	margin: 0 auto;
			padding: 0 50px 0 50px;
            width:90%;
		}
		

	
/** LEISTUNGEN **/


#leistungen {	margin: 0 auto;
			}
			
			
.leistungen,
.einleitung {	margin: 0 0 90px 0;
				padding: 0;
				width: auto;
			}
			
			
.leistungen a,
.leistungen p	{	margin: 0;
					display: inline-block;
					width: 33%;
					color: #000;
					font-size: 15pt;
					line-height: 27pt;
					letter-spacing: 0.2px;
					text-align: center;
				}

.leistungen a:hover {
	color: #1ea7b9;
}

			
				
.leistungen a img,
.leistungen p img	{	border-radius: 150px;
						width: 70%;
						margin: 0 15% 0 15%;
					}
					
	
				
#download	{	background: #1ea7b9;
			}


.width90 	{	width: 90%;
				margin: 0 auto;
				padding: 0;
				height: 70%;
			}
			
			
#download p {	padding: 5px 0 5px 0;
			}
			

.leistungsvorschau 	{	background-color: #f6f6f6;
					}


.content img	{	display: inline-block;
					width: 45%;
					text-align: left;
					margin: 0;
					padding: 0;
				}
					
					
.content p 	{	display: inline-block;
				width: 45%;
				text-align: left;
				margin: 0 0 90px 0;
				padding: 0;
				float: right;
			}


/** Bild **/

.bild {
	margin-top: 5%;
	width: 100%;
}
								
.bild_text p 	{	text-align: left;
                    margin: 0 0 0 5%;
				}

.bild_text {	
    width: 100%;
	display: flex;
	margin-right: 3%;
}					
			

/** TEAM **/

#stimmen 	{	        background-image: linear-gradient(45deg, #1ea7b9 0%, #ffffff 180%);
						height: 28em;
						margin: 0 auto;
						padding-bottom: 8%;
                        
					}

			
			

/** AKTUELLES **/

.event 	{	width: 44%;
			padding: 0;
			display: inline-block;
            margin-bottom: 5%;
		}

	
.aktuell 	{	outline: 2px solid #c5ad9d;
                background-image: linear-gradient(45deg, #fff 0%, #c5ad9d 300%);
				
			}
			

.folgend	{	margin-left: 12%;	
			}
			

.folgend2	{	
			}



.event2 	{	float: left;
				height: 210px;
				
			}

.event2 a img 	{	width: 70%;
				}


/** KONTAKT **/

#kontakt 	{	background-color: #fff;
				padding-bottom: 10%;
			}


#kontakt_text iframe {	display: inline-block;
						width: 45%;
						text-align: left;
						margin: 0;
						padding: 0;
					}
					
					
#kontakt_text p 	{	display: inline-block;
						width: 45%;
						text-align: left;
						margin: 0;
						padding: 0;
						float: right;
					}
					
				


a.button {	display: block;
            background-color: #1ea7b9;
			width: 40%;
			text-align: center;
			padding: 0.5% 0 0.5% 0;
			float: left;
		}
		

a.fb 	{	float: left;
			margin: 0 0 0 5%;
			padding: 0;
			width: 18%;
		}



/** ++++++++++++++++ KONTAKTFORMULAR ++++++++++++++++ **/

form	{	margin: 0 auto;
			background-color: #fff;
			padding: 5%;
		}


fieldset	{	border: none;
			}
			
			
fieldset ul	{	padding: 0;
			}

			
fieldset ul li	{	list-style-type: none;
					margin: 0;
					padding: 0;
				}

.eingabe,
textarea	{	background-color: white;
				outline: 1px solid grey;
				border: none;
				color: grey;
				font: 16pt Raleway, Arial, sans serif;
			}


.buttons 	{	list-style-type: none;
				margin: 0;
				padding: 0;
			}
			

ul.buttons li 	{	display: inline-block;	
				}
				
				
.eingabe	{	width: 45%;
				height: 35px;
				margin: 0 0 20px 0;
				padding: 2px 2px 2px 8px;
				border: none;
				color: grey;
				font: 16pt Raleway, Arial, sans serif;
			}
			
			
textarea	{	height: 300px;
				width: 99%;
                margin: 10px 0 20px 0;
				padding: 0.5%;
			}


.send,
.reset	{	width: 155px;
			height: auto;
			margin: 15px 0 0 0;
			padding: 4%;
			cursor: pointer;
			color: white;
			border: none;
			font: 14pt Raleway, Arial, sans serif;
		}
		
		
.send	{	background: #1ea7b9;
			margin-left: 20%;
		}


.reset	{	background-color: #6e320b;
			margin-right: 20%;
		}
		
		
.reset:hover	{	background-color: #c5ad9d;
				}
				
				
.send:hover	{	background: #8fd3dc;
			}


/** ++++++++++++++++++++++++++++++ SLIDER ++++++++++++++++++++++++++++++ **/
.sliderElements,
.sliderElements figure,
.sliderControls {
    margin: 0;
}
 
.sliderElements:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;
}
 
.cssSlider {
    overflow-x: hidden;
}
 
.sliderElements {
    list-style: none;
    position: relative;
    left: 0;
    width: 500%;
    margin-bottom: .8em;
    padding: 0;
    -webkit-transition: left .8s ease-in-out;
    -moz-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out;
}
 
.sliderElements > li {
    float: left;
    width: 20%;
    position: relative;
}
 
#slide02:checked ~ .sliderElements {
    left: -100%;
}
 
#slide03:checked ~ .sliderElements {
    left: -200%;
}
 
#slide04:checked ~ .sliderElements {
    left: -300%;
}
#slide05:checked ~ .sliderElements {
    left: -400%;
}
 
/* Bilder responsive */
.sliderElements p {
    width: 50%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}
 
/* inputs aus dem Blickfeld schieben */
.cssSlider input {
    position: absolute;
    left: -99999px;
}
 
/* mittige Ausrichtung der Controls - funktioniert im Zusammenspiel mit inline-block */
.sliderControls {
    width:50%;
    margin: 0 auto;
    text-align: center;
}
 
/* Controls nebeneinander bringen */
.sliderControls li {
    display: inline-block;
    margin-right: 3%;
}
 
/* Controls auf einheitliche Maße bringen und die Ecken abrunden */
.sliderControls label {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    background: #fff;
    color: #fff;
}
 
/* Attributselektor und indirekter Nachfahrkombinator zum Ansteuern der labels */
.sliderControls label:hover,
#slide01:checked ~ .sliderControls label[for="slide01"],
#slide02:checked ~ .sliderControls label[for="slide02"],
#slide03:checked ~ .sliderControls label[for="slide03"],
#slide04:checked ~ .sliderControls label[for="slide04"],
#slide05:checked ~ .sliderControls label[for="slide05"] {
    background: #6e320b;
    color: #6e320b;
}







/** ++++++++++++++++ FOOTER ++++++++++++++++ **/			
			
footer	{	width: 100%;
			background: #c5ad9d;
			
		}
		
		
.block 	{	padding: 3% 0 6% 0;
			
		}
		
		
.text_r {	text-align: right;
		}


.text_r a:hover {
	color: #fff;
	text-decoration: underline;
}
		
		
footer p 	{	display: inline-block;
				margin: 0;
				padding: 0;
				width: 33%;
			}