body, html {
	height: 100.3%;
	width: 100.3%;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
	color:#000;
	line-height: 27px;
	font-weight: 300;
	}

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

.aussen {
	width: 100%;
	padding-top: 80px;
	}

/*=============================== Font ===================================*/

.gross {
	font-size: 18px;
	font-weight: 500;
	line-height: 40px;
	}

h1{
	width: 90%;
	padding-top: 40px;
	padding-left: 10%;
	padding-bottom: 35px;
	font-size: 35px;
	color: #000;
	letter-spacing: 1px;
	line-height: 1.1;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	}

h2 {
	font-size: 27px;
	color: #000;
	letter-spacing: 1px;
	line-height: 1.5;
	font-weight: 500;
	margin-top: 12px;
	margin-bottom: 15px;
	}

a {
	margin: 0px;
	padding: 0px;
	font-size:18px;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: 1px;
	color: #000;
	}

a.hy {
	margin:0;
	background-color: #93a28c;
	color: #ffffff;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}	

/*===============================  ===================================*/

img {
	max-width: 100%;
	margin: 0;
	}

.clearfix {
	clear: both;
	}

/*===============================kopf ===================================*/

.kopf-pc {
	display: none;
	}

.kopf-mo {
	top: 0;
	position: fixed;
	width: 100%;
	height: 80px;
	text-align: left;
	background-color: #ffffff;
	z-index: 10;
	}	

a.logo-pc {
	display: none;
	}

a.logo-mo {
	width: 190px;
	margin-top: 10px;
	margin-left: 10%;
	display: inline-block;
	}

a.mobil-link, a.mobil-sprache {
	color: #93a28c;
	display: block;
	text-decoration: none;
	}

a.menuelink, a.sprache {
	font-size: 15px;
	color: #000;
	letter-spacing: normal;
	}

a.menuelink:hover, a.sprache:hover {
	color: #538b61;
	font-size: 15px;
	}


a.mobil-link{
	font-size: 21px;
	line-height: 2.0;
	
	}

 a.mobil-sprache {
	font-size: 18px;
	line-height: 1.9;	
	}

a.unter {
	text-decoration: underline;
	font-size: 15px;
	font-weight: 300;
	}
	
.menue-pc {
	display: none;
	}

.menue-mo {
	position: absolute;
	width: 45px;
	margin-top: 30px;
	right: 10%;
	display: inline-block;
	}


/*=======================================Bilder mobil ==================*/

.hghg {
	background-color: #FFF;
	width: 100%;
	position: absolute;
	padding-bottom: 150px;
	}


.hg-rechts-klein {
	position: absolute;
	width: 100%;
	margin-top:-25px;
	margin-left: 0;
	text-align:right;
	display:block;
	}

.hg-rechts-mittel, .hg-rechts-mittel-plus, .hg-rechts-gross {
	display:none;
	}


.hg-links-klein {
	position: absolute;
	width: 100%;
	margin-top: 0px;
	margin-left: 0;
	text-align:left;
	display: block;
	}

.hg-links-mittel, .hg-links-mittel-plus, .hg-links-gross {
	display:none;
	}


/*=======================================Bilder mobil ==================*/

.wrapper-weiss {
	position: relative;
	width: 100%;
	padding-bottom: 30px;
	border-bottom-width: 30px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}

/*=======================================Bilder mobil ==================*/

.rahmen-unternehmen {
	position: relative;
	width: 70%;
	margin-top: 20px;
	padding-top: 34px;
	margin-left: 10%;
	padding-left: 5%;
	padding-right: 5%;
	background-color:#edf3ef;
	}

.einblenden {
	width: 130px;
	font-size: 15px;
	line-height: 27px;
	font-weight: 500;
	color:#538b61;
	cursor:pointer;
	visibility:visible;
	}

.wrapper-einblenden {
	width: 100%;
	margin-top: -25px;
	background-color:#edf3ef;
	display: none;
	z-index: 1;
	}


.rahmen-hell-gn {
	position: relative;
	width: 100%;
	margin-top: 0px;
	padding-top: 55px;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 50px;
	background-color:#edf3ef;
	}


.rahmen-services {
	position: relative;
	width: 70%;
	margin-top: 20px;
	padding-top: 34px;
	margin-left: 10%;
	padding-left: 5%;
	padding-right: 5%;
	background-color:#edf3ef;
	}

.spalte-links {
	position: relative;
	height: 160px;
	width: 70%;
	padding-top: 15px;
	margin-left: 10%;
	margin-bottom: 10px;
	background-color: #bdcaac;
	text-align: center;
	padding-right: 5%;
	padding-left: 5%;
	font-size: 14px;
	float: none;
}




.spalte-rechts {
	position: relative;
	height: 160px;
	width: 70%;
	padding-top: 15px;
	margin-left: 10%;
	margin-bottom: 10px;
	background-color: #bdcaac;
	text-align: center;
	padding-right: 5%;
	padding-left: 5%;
	font-size: 14px;
	float: none;
}


.spalte-kontakt-links, .spalte-kontakt-rechts {
	position: relative;
	height: 210px;
	width: 70%;
	margin-left: 10%;
	margin-bottom: 10px;
	background-color: #edf3ef;
	padding-right: 5%;
	padding-left: 5%;
	font-size: 14px;
	float: none;
}



/*======================================= *** BANNER *** ==================*/
.banner-ohne, .banner-aussen {
	position:relative;
	width: 100%;
	color: #FFF;
	padding-top:50px;
	padding-left: 0;
	padding-bottom: 50px;
	text-align:center;
	background-color: #93a28c;
}

.banner-4, a.banner-4-link {
	width: 80%;
	padding-right: 0;
	padding-left: 10%;
	padding-bottom: 0;
	font-size: 14px;
	color: #FFF;
	display: block;
	float: none;
}
/*======================================= *** BANNER *** ==================*/




.weiss {
	font-size: 30px;
	line-height: 40px;
	font-weight:bold;
	}

.spalte-team-1 {
	width: 35%;
	padding-left: 10%;
	float: left;
	}	

.spalte-team-2 {
	width: 35%;
	padding-top: 0px;
	margin-left: 10%;
	float: left;
	}	

.spalte-team-3 {
	width: 80%;
	padding-top: 0px;
	margin-left: 10%;
	float: none;
	}	

/*=============================== Anker ===================================*/


#anker-uns {
	height: 50px;
	width: 50px;
	position: absolute;
	margin-top: -95px;
	}

#anker-sevices {
	height: 50px;
	width: 50px;
	position: absolute;
	margin-top: -95px;
	}

#anker-nachhaltigkeit {
	height: 50px;
	width: 50px;
	position: absolute;
	margin-top: -95px;
	}

#anker-kontakt {
	height: 50px;
	width: 50px;
	position: absolute;
	margin-top: -95px;
	}

#anker-asset {
	height: 50px;
	width: 50px;
	position: absolute;
	margin-top: -95px;
	}

.abstand {
	background-color: #FFF;
	height: 55px;
	width: 100%;
	position: relative;
	}

/*==============================================================================*/
@media only screen and (min-width: 768px) {
/*==============================================================================*/

	.aussen {
		width: 100%;
		padding-top: 80px;
		}

	.menue-pc {
		float: right;
		margin-top: 50px;
		display: block;
		}	

	a.menuelink, a.sprache {
		font-size: 15px;
		color: #000;
		letter-spacing: normal;
		}

	a.menuelink:hover, a.sprache:hover {
		color: #538b61;
		font-size: 15px;
		}
	
	.kopf-pc {
		top: 0;
		position:fixed;
		width: 90%;
		height: 80px;
		padding-top: 9px;
		padding-left: 10%;
		padding-right: 0;
		background-color:#FFF;
		display: block;
		z-index: 10;
		}

	.kopf-mo {
		display:none;
		}

	a.logo-pc {
		float:left;
		width: 190px;
		padding-top: 6px;
		display: block;
		}
	
	a.logo-mo {
		display:none;
		}
		
	.menue-pc {
		float: right;
		margin-top: 40px;
		display: block;
		}	
		
	.menue-mo {
		display:none;
		}
		

/*======================================= *** BANNER *** ==================*/
	.banner-ohne {
		position: relative;
		width: 100%;
		color: #FFF;
		padding-top:50px;
		padding-left: 0%;
		padding-bottom: 50px;
		z-index: 1;
	}
	
	.banner-aussen {
		width: 90%;
		color: #FFF;
		padding-top:50px;
		padding-left: 10%;
		padding-bottom: 50px;
		z-index: 1;
	}

	.banner-3, a.banner-3-link {
		width: 28%;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 0;
		font-size: 14px;
		line-height: 18px;
		display: block;
		float: left;
	}

	.banner-4, a.banner-4-link {
		width: 20%;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 0;
		font-size: 14px;
		line-height: 18px;
		display: block;
		float: left;
	}
/*======================================= *** BANNER *** ==================*/





	.spalte-team-1 {
		width: 19%;
		padding-left: 10%;
		float: left;
		}	
	
	.spalte-team-2 {
		width: 19%;
		padding-top: 0px;
		margin-left: 2%;
		float: left;
		}	

	.spalte-team-3 {
		width: 33%;
		padding-top: 0px;
		margin-left: 8%;
		float: left;
		}	

	.hg-rechts-klein {
		position: absolute;
		width: 53.3%;
		margin-top:0px;
		margin-left: 37.2%;
		text-align:right;
		display:block;
		}

	.hg-rechts-mittel {
		position: absolute;
		width: 53.3%;
		margin-top:0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}

	.hg-rechts-mittel-plus {
		position: absolute;
		width: 53.3%;
		margin-top:0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}

	.hg-rechts-gross {
		position: absolute;
		width: 53.3%;
		margin-top:-25px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}
	
	.hg-links {
		position: absolute;
		width: 53.24%;
		margin-top: 0px;
		margin-left: 10.1%;
		text-align:left;
		}


.hg-links-klein {
	position: absolute;
	width: 53.24%;
	margin-top: 0px;
	margin-left: 10.1%;
	text-align:left;
	display: block;
	}

.hg-links-gross, .hg-links-mittel, .hg-links-mittel-plus {
	display:none;
	}




	
	.rahmen-unternehmen {
		position: relative;
		width: 37%;
		margin-top: 50px;
		padding-top: 33px;
		padding-left: 8%;
		margin-left: 10%;
		padding-right: 8%;
		background-color:#edf3ef;
		}
	
	.rahmen-services {
		position: relative;
		width: 37%;
		margin-top: 50px;
		padding-top: 33px;
		padding-left: 8%;
		margin-left: 37%;
		padding-right: 8%;
		background-color:#edf3ef;
		}
	
	.spalte-links {
		position: relative;
		height: 175px;
		width: 22%;
		padding-top: 20px;
		margin-left: 10%;
		margin-bottom: 10px;
		background-color: #bdcaac;
		float: left;
		text-align: center;
		padding-right: 2%;
		padding-left: 2%;
		}
	

	
	
	.spalte-rechts {
		position: relative;
		height: 175px;
		width: 22%;
		padding-top: 20px;
		margin-left: 1%;
		margin-bottom: 10px;
		background-color: #bdcaac;
		text-align: center;
		padding-right: 2%;
		padding-left: 2%;
		float: left;
		}

/*======================================= *** Kontakt *** ==================*/
	.spalte-kontakt-links {
		position: relative;
		height: 260px;
		width: 22%;
		padding-right: 2%;
		padding-left: 2%;
		float: left;
		}
	
	.spalte-kontakt-rechts {
		position: relative;
		height: 260px;
		width: 22%;
		margin-left: 1%;
		padding-right: 2%;
		padding-left: 2%;
		float: left;
		}
/*======================================= *** Kontakt *** ==================*/


	#anker-uns {
		height: 50px;
		width: 50px;
		position: absolute;
		margin-top: -95px;
		}
	
	#anker-sevices {
		height: 50px;
		width: 50px;
		position: absolute;
		margin-top: -87px;
		}
	
	#anker-nachhaltigkeit {
		height: 50px;
		width: 50px;
		position: absolute;
		margin-top: -87px;
		}
	
	#anker-kontakt {
		height: 50px;
		width: 50px;
		position: absolute;
		margin-top: -87px;
		}
	
}


/*==============================================================================*/
@media only screen and (min-width: 900px) {
/*==============================================================================*/

	a.logo-pc {
		float:left;
		width: 240px;
		padding-top: 6px;
		display: block;
		}

	.kopf-pc {
		top: 0;
		position:fixed;
		width: 87%;
		height: 90px;
		padding-left: 10%;
		padding-top: 6px;
		padding-right: 3%;
		background-color:#FFF;
		display: block;
		z-index: 10;
		}

	.menue-pc {
		float: right;
		margin-top: 53px;
		display: block;
		}	


	a.menuelink, a.sprache {
		font-size: 15px;
		color: #000;
		letter-spacing: 1px;
		}

	a.menuelink:hover, a.sprache:hover {
		color: #538b61;
		font-size: 15px;
		}






	.hg-rechts-klein {
		position: absolute;
		width: 53.3%;
		margin-top:0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}

	.hg-rechts-mittel {
		position: absolute;
		width: 53.3%;
		margin-top:0px;
		margin-left: 37.2%;
		text-align:right;
		display:block;
		}

	.hg-rechts-mittel-plus {
		position: absolute;
		width: 53.3%;
		margin-top:0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}


	.hg-rechts-gross {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}



.hg-links-mittel {
	position: absolute;
	width: 53.24%;
	margin-top: 0px;
	margin-left: 10.1%;
	text-align:left;
	display: block;
	}

.hg-links-klein, .hg-links-mittel-plus, .hg-links-gross {
	display:none;
	}


.weiss {
	font-size: 40px;
	line-height: 60px;
	font-weight:bold;
	}


}

/*==============================================================================*/
@media only screen and (min-width: 1200px) {
/*==============================================================================*/



	.aussen {
		width: 100%;
		padding-top: 90px;
		}

	.kopf-pc {
		top: 0;
		position:fixed;
		width: 80%;
		height: 90px;
		padding-left: 10%;
		padding-top: 6px;
		padding-right: 10%;
		background-color:#FFF;
		display: block;
		z-index: 10;
		}
		
	.menue-pc {
		float: right;
		margin-top: 53px;
		display: block;
		}	

	a.logo-pc {
		float:left;
		width: 240px;
		padding-top: 6px;
		display: block;
		}

	a.menuelink, a.sprache
	 {
		font-size: 16px;
		color: #000;
		letter-spacing: 1px;
		}

	a.menuelink:hover, a.sprache:hover {
		color: #538b61;
		font-size: 16px;
		}





	.spalte-links {
		position: relative;
		height: 210px;
		width: 22%;
		padding-top: 55px;
		margin-left: 10%;
		margin-bottom: 10px;
		background-color: #bdcaac;
		float: left;
		text-align: center;
		padding-right: 2%;
		padding-left: 2%;
		}
	
	
	.spalte-rechts {
		position: relative;
		height: 210px;
		width: 22%;
		padding-top: 55px;
		margin-left: 1%;
		margin-bottom: 10px;
		background-color: #bdcaac;
		text-align: center;
		padding-right: 2%;
		padding-left: 2%;
		float: left;
		}

	
/*======================================= *** Kontakt *** ==================*/
	.spalte-kontakt-links {
		height: 230px;
		}
	
	.spalte-kontakt-rechts {
		height: 230px;
		}
/*======================================= *** Kontakt *** ==================*/
	
	.hg-rechts-klein {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}

	.hg-rechts-mittel {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}

	.hg-rechts-mittel-plus {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:block;
		}


	.hg-rechts-gross {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}
	
.hg-links-mittel-plus {
	position: absolute;
	width: 53.24%;
	margin-top: 0px;
	margin-left: 10.1%;
	text-align:left;
	display: block;
	}

.hg-links-klein, .hg-links-mittel, .hg-links-gross {
	display:none;
	}


	
}


/*==============================================================================*/
@media only screen and (min-width: 1500px) {
/*==============================================================================*/


	.hg-rechts-klein {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}

	.hg-rechts-mittel {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}

	.hg-rechts-mittel-plus {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:none;
		}


	.hg-rechts-gross {
		position: absolute;
		width: 53.3%;
		margin-top: 0px;
		margin-left: 37.2%;
		text-align:right;
		display:block;
		}


.hg-links-gross {
	position: absolute;
	width: 53.24%;
	margin-top: 0px;
	margin-left: 10.1%;
	text-align:left;
	display: block;
	}

.hg-links-klein, .hg-links-mittel, .hg-links-mittel-plus {
	display:none;
	}




}