/* ***************/
/* Body */
/* ***************/

html, body {
	margin: 0px;
	background: #FFFFFF;
	
	height: 100%;
}
 


/* ***************/
/* Header */
/* ***************/

header .desktop {
	display: none; 
}


@media screen and (min-width:560px) and (max-width:1023px){

	header {
		display: block;
		width: 100%; 
		height: 706px;
		margin: 0px auto;
	}

	header .fade {
		position: absolute;
		top: 130px;
		left: 0px;
		
		width: 100%;
		height: 576px;
		margin: 0px;
	}
	
	header .fade .section {
		float: left;
		width: 100%;
		height: auto;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline/bild1_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline/bild2_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline/bild3_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline/bild4_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline/bild5_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline/bild6_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
}



@media screen and (max-width: 559px){

	header {
		display: block;
		width: 100%; 
		height: 435px;
		margin: 0px auto;
	}

	header .fade {
		position: absolute;
		top: 120px;
		left: 0px;
		
		width: 100%;
		height: 315px;
		margin: 0px;
	}
	
	header .fade .section {
		float: left;
		width: 560px;
		height: 315px;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline/bild1_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline/bild2_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline/bild3_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline/bild4_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline/bild5_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline/bild6_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}

}
	
	
	

@media screen and (max-width: 414px){	
	
	header {
		display: block;
		width: 100%; 
		height: 353px;
		margin: 0px auto;
	}
	
	header .fade {
		position: absolute;
		top: 120px;
		left: 0px;
		
		width: 100%;
		height: 233px;
		margin: 0px;
	}
	
	header .fade .section {
		float: left;
		width: 414px;
		height: 233px;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline/bild1_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline/bild2_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline/bild3_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline/bild4_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline/bild5_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline/bild6_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
}




@media screen and (max-width: 375px){	
	
	header {
		display: block;
		width: 100%; 
		height: 331px;
		margin: 0px auto;
	}
	
	header .fade {
		position: absolute;
		top: 120px;
		left: 0px;
		
		width: 100%;
		height: 211px;
		margin: 0px;
	}	
	
	header .fade .section {
		float: left;
		width: 375px;
		height: 211px;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline/bild1_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline/bild2_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline/bild3_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline/bild4_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline/bild5_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline/bild6_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
}



@media screen and (max-width: 320px){	
	
	header {
		display: block;
		width: 100%; 
		height: 300px;
		margin: 0px auto;
	}
	
	header .fade {
		position: absolute;
		top: 120px;
		left: 0px;
		
		width: 100%;
		height: 180px;
		margin: 0px;
	}

	header .fade .section {
		float: left;
		width: 320px;
		height: 180px;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline/bild1_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline/bild2_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline/bild3_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline/bild4_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline/bild5_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline/bild6_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
}




header .mobil .baseline {
	display: block;
	width: 560px; 
    height: auto;
	margin: 0px auto;
}

header .mobil .layer1 {
	display: block;
	width: 100%; 
    height: 130px;
	background: #FFFFFF;
	margin: 0px;
}

header .mobil .layer1 .logo {
    float: left;
    width: 340px;
	height: 120px;
    margin: 5px 110px 5px 110px;
	padding: 0px;
    background: url("../images/logo_klein.png") no-repeat;
}



@media screen and (max-width:559px){

	header .mobil .baseline {
		display: block;
		width: 320px; 
		height: auto;
		margin: 0px auto;
	}

	header .mobil .layer1 {
		display: block;
		width: 100%; 
		height: 120px;
		background: #FFFFFF;
		margin: 0px;
	}

	header .mobil .layer1 .logo {
		float: left;
		width: 286px;
		height: 101px;
		margin: 9px 0px 10px 0px;
		padding: 0px;
		background: url("../images/logo_sehr_klein.png") no-repeat;
	}

}






/* ***************/
/* Main */
/* ***************/

main {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
}

main .layer1 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 50px 40px 0px 40px;
}

main .layer1 h1 {
	color: #64a70b;  
	font-family: 'Noto Sans', serif;  
	font-size: 30px;
	font-weight: normal;
	line-height: 40px;
	text-transform: uppercase;
	margin: 0px;
	text-align: left;
}

main .layer1 h2 {
	color: #303640;  
	font-family: 'Noto Sans', serif;  
	font-size: 17px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px;
	text-align: left;
}

main .layer1 h3 {
	color: #7c8491;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 29px;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

main .layer1 p {
	margin: 100px 0px 0px 0px;
	text-align: center;
}

main .layer2 {
	display: block;
	max-width: 1024px; 
    height: 500px;
	margin: 0px auto;
	padding: 50px 40px 0px 40px;
}	

main .layer2 .section1 {
	float: left;
	width: 100%; 
    height: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	
	background: url(../pictures/bild1.jpg) no-repeat;
	background-position: top center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .section2 {
	float: left;
	width: 100%; 
    height: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	
	background: url(../pictures/bild2.jpg) no-repeat;
	background-position: top center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .section3 {
	float: left;
	width: 100%; 
    height: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	
	background: url(../pictures/bild3.jpg) no-repeat;
	background-position: top center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .section4 {
	float: left;
	width: 100%; 
    height: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	
	background: url(../pictures/bild4.jpg) no-repeat;
	background-position: top center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .section5 {
	float: left;
	width: 100%; 
    height: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	
	background: url(../pictures/bild5.jpg) no-repeat;
	background-position: top center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .section6 {
	float: left;
	width: 100%; 
    height: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	
	background: url(../pictures/bild6.jpg) no-repeat;
	background-position: top center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer3 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 50px 40px 0px 40px;
}	

main .layer3 h2 {
	color: #303640;  
	font-family: 'Noto Sans', serif;  
	font-size: 17px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px;
	text-align: left;
}

main .layer3 h3 {
	color: #7c8491;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 29px;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

main .layer3 p {
	margin: 20px 0px 0px 0px;
	text-align: left;
}

main .layer4 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 100px 40px 0px 40px;
}

main .layer4 #p1 { 
	margin: 0px 0px 0px 0px;
}

main .layer4 #p2 { 
	margin: 40px 0px 0px 0px;
}

main .layer4 #p3 { 
	margin: 20px 0px 0px 0px;
}

main .layer4 .section1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

main .layer4 .section1 ul {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

main .layer4 .section1 li#anschrift {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 50px; 
	background: url(../images/icons-stripe1.png) 0px 0px no-repeat;
}

main .layer4 .section1 li#telefon {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 24px; 
	background: url(../images/icons-stripe1.png) 0px -60px no-repeat;
}

main .layer4 .section1 li#mail {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 20px; 
	background: url(../images/icons-stripe1.png) 0px -94px no-repeat;
}

main .layer4 .section2 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 50px 0px 0px 0px;
	padding: 0px;
}

main .layer4 .section2 img {
	width: 100%; 
    height: auto;
	margin: 0px;
	padding: 0px;
}


main .layer5 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 100px 40px 0px 40px;
}	

main .layer5 h2 {
	color: #303640;  
	font-family: 'Noto Sans', serif;  
	font-size: 17px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px;
	text-align: left;
}

main .layer5 h3 {
	color: #7c8491;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 29px;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

main .layer5 p {
	margin: 0px 0px 20px 0px;
	text-align: left;
}



main .layer6 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 100px 40px 0px 40px;
}

main .layer6 #p1 { 
	margin: 0px 0px 0px 0px;
}

main .layer6 #p2 { 
	margin: 20px 0px 0px 0px;
}

main .layer6 .section1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px;
	padding: 0px 0px 50px 0px;
}

main .layer6 .section2 {
	float: left;
	width: 45%; 
    height: auto;
	margin: 0px;
	padding: 0px 5% 0px 0px;
}

main .layer6 .section3 {
	float: left;
	width: 50%; 
    height: auto;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

main .layer6 .section3 .container {
	display: block;
	width: 225px;
	margin: 0px auto;
	padding: 0px;
}

main .layer6 .section3 .container .image {
	display: block;
	width: 225px; 
    height: 225px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/bewerten.png) no-repeat;
}	


@media screen and (max-width:559px){
	
	main .layer1, main .layer2, main .layer3, main .layer4, main .layer5 {
		padding: 50px 25px 0px 25px;
	}
	
	main .layer2 { 
		height: 300px;
	}

	main .layer2 .section1, main .layer2 .section2, main .layer2 .section3 ,main .layer2 .section4, main .layer2 .section5, main .layer2 .section6 {
		margin: 25px 0px 0px 0px;
	}
	
	main .layer6 .section2 {
		width: 100%; 
		padding: 0px 0px 0px 0px;
	}

	main .layer6 .section3 {
		width: 100%; 
		padding: 50px 0px 0px 0px;
	}
	
	main .layer6 .section3 .container {
		float: left;
		margin: 0px;
	}
		
}







/* ***************/
/* Footer */
/* ***************/	
	
footer {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 50px 0px 0px 0px;
}

footer #p1 { 
	margin: 0px 0px 0px 0px;
}

footer #p2 { 
	margin: 10px 0px 0px 0px;
}

footer ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

footer li#anschrift {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 50px; 
	background: url(../images/icons-stripe2.png) 0px 0px no-repeat;
}

footer li#telefon {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 24px; 
	background: url(../images/icons-stripe2.png) 0px -60px no-repeat;
}

footer li#mail {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	height: 20px; 
	background: url(../images/icons-stripe2.png) 0px -94px no-repeat;
}

footer .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	background: #333333;
}

footer .baseline2 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	background: #FFFFFF;
}
		
footer .layer1 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer1 .section1 {
	float: left;
	width: 100%;  
    height: 100%;
	margin: 0px;
	padding: 50px 0px 30px 0px;
}

footer .layer1 .section2 {
	float: left;
	width: 100%;  
    height: 100%;
	margin: 0px;
	padding: 50px 0px 40px 0px;
	
	border-bottom: 1px solid #767676;
}

footer .layer2 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer2 .section {
	float: left;
	width: 100%;  
    height: 100%;
	margin: 0px;
	padding: 20px 0px 20px 0px;
}

footer .layer2 .section .socialmedia {
	display: block;
	width: 60px;  
    height: auto;
	margin: 0px auto;
	padding: 0px;
}

footer .layer2 .section .socialmedia #img1 {
	float: left;
	width: 27px;
	height: 32px;
	margin: 0px;
	background: url(../images/icons-stripe3.png) 0px 0px no-repeat;
}

footer .layer2 .section .socialmedia #img2 {
	float: left;
	width: 27px;
	height: 32px;
	margin: 0px 0px 0px 5px;
	background: url(../images/icons-stripe3.png) -32px 1px no-repeat;
}

footer .layer2 .section .impressum {
	text-align: center;
	color: #FFFFFF;
}

footer .layer3 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
	color: #FFFFFF;
}

footer .layer3 .section {
	float: left;
	width: 100%;  
    height: 100%;
	margin: 0px;
	padding: 50px 0px 0px 0px;
}

footer .layer3 .section .mitgliedschaften {
	float: left;
	width: 100%;  
    height: auto;
	margin: 0px;
	padding: 0px;
}

footer .layer3 .section .mitgliedschaften #img1 {
	float: left;
	width: 225px;
	height: 250px;
	margin: 0px;
	background: url(../images/icons-stripe5.png) -15px 0px no-repeat;
}

footer .layer3 .section .mitgliedschaften #img2 {
	float: left;
	width: 225px;
	height: 250px;
	margin: 0px;
	background: url(../images/icons-stripe5.png) -354px 0px no-repeat;
}

footer .layer3 .section .mitgliedschaften #img3 {
	float: left;
	width: 225px;
	height: 250px;
	margin: 0px;
	background: url(../images/icons-stripe5.png) -697px 0px no-repeat;
}

footer .layer3 .section .mitgliedschaften #img4 {
	float: left;
	width: 264px;
	height: 250px;
	margin: 0px;
	background: url(../images/icons-stripe5.png) -1012px 0px no-repeat;
}


@media screen and (max-width:559px){
	
	footer .layer1, footer .layer2, footer .layer3 {
		padding: 0px 25px 0px 25px;
	}	
		
}





/* ***************/
/* Text */
/* ***************/

.text1 {
	color: #303640;  
	font-family: 'Noto Sans', serif;  
	font-size: 17px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px;
	text-align: left;
}

.text2 {
	color: #7c8491;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 29px;
	font-weight: normal;
	margin: 0px;
	text-align: left;
}

.text3 {
	color: #64a70b; 
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 29px;
	font-weight: normal;
	margin: 0px;
	text-align: left;
}

.text4 {
	color: #64a70b;  
	font-family: 'Noto Sans', serif;  
	font-size: 28px;
	font-weight: normal;
	line-height: 40px;
	text-align: left;
}






/* ***************/
/* Links */
/* ***************/

a.link1:link, a.link1:visited {
	color: #FFFFFF; 
	background: #65A830;
	font-family: 'Noto Sans', serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 25px;
	padding: 15px 35px 15px 35px;
}

a.link1:hover, a.link1:focus, a.link1:active {
	color: #303640; 
	transition-property: background,border,box-shadow,color,opacity,transform;
    transition-duration: 0.3s;
	box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.5);
}

a.link2:link, a.link2:visited {
	color: #65A830;  
	font-family: 'Noto Sans', serif;
	font-size: 16px;
	text-decoration: underline;
}

a.link2:hover, a.link2:focus, a.link2:active {
	text-decoration: none; 
}

a.link3:link, a.link3:visited {
	color: #7c8491;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 29px;
	font-weight: normal;
	text-decoration: none;
	cursor: text;
}

a.link3:hover, a.link3:focus, a.link3:active {
	text-decoration: none;
	cursor: text; 
}

a.link4:link, a.link4:visited {
	color: #7c8491;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	text-decoration: none;
}

a.link4:hover, a.link4:focus, a.link4:active {
	text-decoration: none;
}

a.link5:link, a.link5:visited {
	color: #FFFFFF;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	text-decoration: none;
}

a.link5:hover, a.link5:focus, a.link5:active {
	text-decoration: none;
}

a.link6:link, a.link6:visited {
	color: #FFFFFF;  
	font-family: 'Noto Sans', serif;  
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-decoration: none;
}

a.link6:hover, a.link6:focus, a.link6:active {
	text-decoration: none;
}







/* ***************/
/* Tellinks */
/* ***************/

a.tellink1[href^="tel"]:link,
a.tellink1[href^="tel"]:visited, 
a.tellink1[href^="tel"]:hover {

    color: #7c8491;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	text-decoration: none;
}

a.tellink2[href^="tel"]:link,
a.tellink2[href^="tel"]:visited, 
a.tellink2[href^="tel"]:hover {

    color: #FFFFFF;  
	font-family: 'Noto Sans', serif;  
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	text-decoration: none;
}