/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../webfonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../webfonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../webfonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../webfonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../webfonts/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('../webfonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../webfonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('../webfonts/source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('../webfonts/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


body{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	line-height:19px;
	background-color:#8dc146;
	background-image:url(../images/template/baum.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-attachment: fixed;
	color:#505548;
	-webkit-text-size-adjust: none;
}

h1{
	font-weight:600;
	text-transform:uppercase;
	font-size:20px;
	line-height:24px;
	margin-bottom:10px;
}

h2{
	font-weight:600;
	text-transform:uppercase;
	font-size:15px;
	margin-bottom:12px;
}


p{
	padding-bottom:15px;
}


a{
	outline-width:0;
	text-decoration:none;
	color:#505548;
}

hr{
	border:none;
	border-bottom:2px solid #717175;
	margin-bottom:20px;
}

strong{
	font-weight:600;
}

.invisible{
	display:none !important;
}

#wrapper{
	position: relative;
	background-color: #F7FBF2;
	min-height:100%;
}

#wrapper:before {
    box-shadow: -15px 0 15px -15px inset;
    content: " ";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
#wrapper:after {
    box-shadow: 15px 0 15px -15px inset;
    content: " ";
    height: 100%;
    position: absolute;
    right: -15px;
    width: 15px;
    top:0;
}

#wrapper{
	text-align:left;
    margin: 0 auto;
    position: relative;
    width: 95%;
}

#header{
	background-color:#0f6e2d;
	text-align:center;
}
.desktopHeader{
	display:none;
}

#logo{
	padding:15px 0px;
}

#ral{
	display:none;
}

#container{
	padding:15px;
	background-color:#f7fbf2;
}

	

.mobileHeader img{
	width:100%;
	height:100%;
	margin:0;
	line-height:0;
}

#landingHeader img{
	width:100%;
	height:100%;
	margin:0;
	line-height:0;
}


figure.image_container{
	padding:0;
	margin:0;
	line-height:0 !important;
}

#phoneN{
	color:#f7fbf2;
	padding:6px 15px;
	background-color:#79b744;
	width:45%;
	float:right;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#phoneN a[href^="tel"]:link,
#phoneN a[href^="tel"]:visited,
#phoneN a[href^="tel"]:hover {
	text-decoration: none;
	color:#f7fbf2;
   }
   
#descPhone{
	display:none;
}

#descPhone a[href^="tel"]:link,
#descPhone a[href^="tel"]:visited,
#descPhone a[href^="tel"]:hover {
	text-decoration: none;
	color:#f7fbf2;
	line-height:18px;
   }
   
#descPhone p{
	padding-bottom:0px;
}

#descPhone a{
	padding:0px !important;
}

#descPhone a:hover{
	background:none !important;
}

.rsts-nav-bullets{
	display:none;
}

#mobileMenu{
	background-color:#79b744;
	width:55%;
	float:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-top:24px;
	padding-left:10px;
	padding-bottom:22px;
	
}

#mobileMenu a{
	color:#f7fbf2;
	font-size:25px;
	}

#sidr{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size:14px !important;
}	
#sidr a.active{
	color:#f7fbf2;
}

.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
    box-shadow: none;
    background-color:#8dc146;
}

.sidr ul li span {

    padding: 0px;
}
	
#mainnav{
		display:none
	}

#left img{
	max-width:100% !important;
	height:100%;
	display:none;
}	

#left{
	margin-bottom:20px;
}

.greyBox{
	background-color:#e7ede3;
	padding:20px;
}

.greyBoxLarge{
	background-color:#ebf1e9;
	padding:20px;
	margin-bottom:20px;
	float:none;
	clear:both;
}

.greyBoxLarge img{
	margin-bottom:15px;
}

.greyBoxLarge .float_left{
	float:none !important;
}

.greyBoxLarge h2{
	text-transform:none;
	margin-bottom:6px;
}

#main ul{
	margin-left:15px;
}

#footer{
	padding:0px 15px 0px;
	background-color:#f7fbf2;
	color:#bbbfb5;
	font-size:12px;

}

#footer a{
	color:#bbbfb5;
}

#contactForm label{
	float:left;
	width:120px;
}

#contactForm #ctrl_3 label{
	float:none;
	width:auto;
}

#contactForm input[type=text], #contactForm input[type=email], #contactForm textarea{
	float:left;
	width:70%;
	border:none;
	border:1px solid #e7ede3;
	border-radius:3px;
	padding:3px;
	margin-bottom:10px;
	font-size:14px;
	font-family: 'Source Sans Pro', sans-serif;
	color:#505548;

}

#contactForm .error{
	color:red;
	
}

#contactForm p.error{
	float:left;
	width:70%;
}

#contactForm #ctrl_9.error{
	margin-left:120px;
}

#contactForm input:after{
	content: " ";
	clear:both;
	
}

#contactForm .submit{
	float:none;
	color:#f7fbf2;
	padding:6px 15px;
	background-color:#79b744;
	border-radius:4px;
	width:120px;
	border:none;
	font-size:14px;
	margin-top:15px;
	cursor:pointer;
}

#lbl_3_0{
	padding-right:15px;
}

#contactForm .submit_container{
	text-align:right;
}


/* ******************************************************************************************* */
/* Breite ab 450px */
/* ******************************************************************************************* */
@media screen and (min-width:450px){

	.greyBoxLarge .float_left{
		float:left !important;
	}
	
	.greyBoxLarge img{
		margin-right:15px;
		margin-bottom:7px;
	}

}

/* ******************************************************************************************* */
/* Breite ab 500px */
/* ******************************************************************************************* */
@media screen and (min-width:500px){

	#left{
		width:40%;
		float:left;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	
	#main{
		width:60%;
		float:left;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding-left:25px;
	}
	
	.leistung #left{
		width:0%;
	}
	
	.leistung #main{
		width:100%;
		padding-left:0px;
	}
	
	#left img{
		display:block;
	}
	


	
}

/* ******************************************************************************************* */
/* Breite ab 600px */
/* ******************************************************************************************* */
@media screen and (min-width:600px){

	#logo{
		width:50%;
		float:left;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;   
		text-align:left;
		padding-left:15px;
		padding-top:20px;
	}
	
	#ral{
		display:block;
		width:50%;
		float:right;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		padding-right:10px;
		padding-top:10px;  
		padding-bottom:10px;
		text-align:right;
	}
	
	#ral img{
		max-width:100%;
		width:auto;
		height:100%;
		
	}
	
	.mobileHeader{
		display:none;
	}
	
	.desktopHeader{
		display:block;
	}
	
	.slider-control{
		display:none;
	}
	
	#mobileMenu{
		display:none;
	}
	
	#phoneN{
		display:none;
	}
	
	#mainnav{
		display:block;
		margin-top:-29px;
		z-index:10000;
		position:relative;
		background-image:url(../images/template/navBG.png);
		font-weight:500;
		font-size:15px;		
	}
	

	#mainnav a{
		display:inline-block;
		color:#505548;
		padding:6px 5px 4px;
	}
	
	#mainnav a:hover, #mainnav a.active{
		background-color:#f1f8ea;
	}
	
	
	
	#mainnav li{
		list-style:none;
		display:inline;
	}
	
	#container{
		padding-top:60px;
	}
	
	#footer{
		padding-bottom:20px;
	}
	
	#footertext p{
		text-align:center;
		padding-bottom:0px;
	}
	
	
	
}

/* ******************************************************************************************* */
/* Breite ab 650px */
/* ******************************************************************************************* */
@media screen and (min-width:650px){
#descPhone{
		display:block;
		position:absolute;
		background-image:url(../images/template/button_gruen.png);
		width: 99px;
		height:57px;
		top:0;
		right:12px;
		margin-top:-39px;
		padding:5px 10px;
		color:#f7fbf2;
		font-size:14px;
		line-height:18px;
	}
	
	
	
}


/* ******************************************************************************************* */
/* Breite ab 700px */
/* ******************************************************************************************* */
@media screen and (min-width:720px){
	#mainnav{
		font-size:17px;	
		margin-top:-33px;	
	}
	
	#mainnav a{
		padding:8px 6px 6px;
	}
	
	#descPhone{
		margin-top:-35px;
	}
	
	.greyBoxLarge img{
		margin-right:25px;
	}
	
	
	
	
}


/* ******************************************************************************************* */
/* Breite ab 768px */
/* ******************************************************************************************* */
@media screen and (min-width:768px){
	#mainnav{
		font-size:18px;	
		margin-top:-33px;	
	}
	
	#mainnav a{
		padding:8px 8px 6px;
	}
	
	#descPhone{
		margin-top:-35px;
	}
	
	#footer{
		font-size:13px;
		
	}

	
}


/* ******************************************************************************************* */
/* Breite ab 980px */
/* ******************************************************************************************* */
@media screen and (min-width:975px){

	#wrapper{
	 	width:975px;
	}

	#left{
		width:347px;
		padding-left:47px;
	}
	
	#main{
		width:485px;
		padding-left:48px;
	}
	
	.leistung #left{
		width:0%;
	}
	
	.leistung #main{
		width:100%;
		padding-left:0px;
	}
	
	#container{
		padding-bottom:60px;
	}
	
	
	
	#logo{
		padding-left:67px;
	}
	
	#mainnav li.first{
		padding-left:58px;
	}
	
	.greyBoxLarge{
		margin:0px 50px 15px;

	}
	


	
}
	

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ce_gallery li img, .mobileHeader img ,#landingHeader img{
		height:auto !important;
		}
		


}

.g-recaptcha{
	clear:both;
	padding:10px 0 20px;
}

@media screen and (min-width:768px){
	.g-recaptcha{
		margin-left:120px;
	}
	
}