body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
@charset "utf-8";
/* CSS Document */

*,
*:before,
*:after {
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
}
body {
font-size: 15px;
line-height: 25px;   
font-family: Arial, Helvetica, sans-serif;
color: #59632b;
margin: 0;
padding: 0;
}

.div {
border: 1px #000 solid;
}

h1,h2,h3,h4 {
margin: 0; 
color: #59632b;
}
h1 {
	font-size: 30px;
	line-height: 36px;   
	margin: 0 0 20px 0;
}

h2 {
	font-size: 20px;
	line-height: 26px;   
	margin: 40px 0 0px 0;
}

h3 {
	margin: 30px 0 0px 0;
}

#wrapper {
width: 100%;
padding: 0px 0px 0px 0px;
background-color: #fff;
height: auto !important;
margin: 0 auto;
}
#header {
width: 100%;   
position: relative;
background: #59632b;
}
#header .inside {
width: 100%;   
max-width: 1180px;
margin: 0 auto;
}
#container {
width: 100%;   
max-width: 1180px;
margin: 0 auto; 
}
#main {
margin: 50px 0 80px 0;
}
#main .ce_image {
margin: 30px 0;
}
p {
margin: 15px 0 15px 0;
}
p:nth-child(1) {
margin: 0px 0 5px 0;
}

img {
vertical-align: bottom;
}

#main p,
#main h1,
#main h2,    
#main h3,
#main ul   {
max-width: 850px;
}





.mod_mobile_menu {position: fixed; top: 0px; right: 0px; display: inline-block; padding: 7px 10px; z-index:99999999999;font-size: 40px; cursor: pointer; background: #59632b; color: #fff;}
.menu_icon {}

.mobile_menu .mod_navigation {background: #fff; color: #333; font-size: 16px;} 
.mobile_menu .mod_navigation a,
.mobile_menu .mod_navigation strong {display: block; color: #333; text-decoration: none; padding: 6px 10px; font-size: 14px; } 

.mobile_menu .mod_navigation strong {color:#fff; background: #59632b; }  
.mobile_menu .mod_navigation li { border: 0px rgba(0,0,0,0.35) solid; border-bottom-width: 1px;}       
.mobile_menu .mod_navigation ul li:last-child {border-bottom-width: 0px;}
.mobile_menu .mod_navigation ul {list-style-type: none; padding: 0;}   


/*  ############################################################################################### */
/*  ############################################################################################### */          
/*  ###################################################################################  BUTTONS */

.box {
margin: 0px 0 50px 0;
display: flex;
justify-content: space-between;
}
.box a {
width: 32%;
display: block;
position: relative;
padding: 30px 30px 60px 30px;
border: 1px #83c445 solid;
-webkit-transition: all 0.3s; transition: all 0.3s;  
}
.box a:hover {
border: 1px #59632b solid;
box-shadow: 0px 0px 8px rgba(0,0,0,0.25); 
background-image: linear-gradient(to top, #eee, #fff);
}


.planen .box a.planen,
.planen .box a.planen:hover,
.bauen .box a.bauen,
.bauen .box a.bauen:hover,
.pflegen .box a.pflegen,
.pflegen .box a.pflegen:hover {
border: 2px #59632b solid;
box-shadow: 0px 0px 8px rgba(0,0,0,0.25); 
background-image: linear-gradient(to top, #eee, #fff);
}

.box h3 {
font-size: 20px;
line-height: 25px;
color: #59632b;
margin: 0;
}
.box strong {
margin: 5px 0 20px 0;
display: block;
font-size: 17px;
line-height: 22px;
}
.box a {
color: #83c445 !important;
text-decoration: none;
}
.box p.more {
color: #83c445 !important;
display: block;
position: absolute;
bottom: 10px;
text-decoration: underline;
}
.box a p.more {
-webkit-transition: all 0.3s; transition: all 0.3s;       
}
.box a:hover p.more {
letter-spacing: 0.05em;
}


@media screen and (max-width: 750px)  { 
.box a { padding: 10px 10px 70px 10px;} 
.box p.more { bottom: 0px; }
} 
@media screen and (max-width: 660px)  { 
.box { display: block;}
.box a { padding: 10px 10px 10px 10px; width: 100%; margin-bottom: 20px;}   
.box p.more { position: relative; bottom: 0px; padding: 3px 5px; }
} 
@media screen and (max-width: 660px)  { 
.box p { display: none;}
.home .box p,
.home .box p strong  { display: block;}  
.box a p { margin: 0;}
.box a  { margin-bottom: 5px;} 
.home .box a p { margin: 0 0 5px 0;}         
} 





/*  ############################################################################################### */
/*  ############################################################################################### */          
/*  ###################################################################################  Leisungen und Kontakt  */


.kform{
	float:left;
	}

.formK{
	padding-top:8px;
	float:right;
	}
	
h1.nebeneinander{
	padding-right: 25px;
	display: inline;
	
	}	
.formK option{
	padding:0px 10px 0 10px;
	}
	
.kSuche{
	width:300px;
	float:left;
	padding:8px 0 0 30px;
	}	
	
.strichUnterKKSuche{
	padding-top: 10px;
	border-bottom: 3px solid #1a171b;
	clear: both;
	width: 1014px;
	
	}
.kreuzle {
	float: right;
	padding: 20px 75px 0 0;
}




/*  ############################################################################################### */
/*  ############################################################################################### */          
/*  ###################################################################################  MOBILE NAV  */


.custom {    
display: none;
}

@media screen and (max-width: 660px)  {  
.custom {
display: inline-block;
position: fixed;
top: 0px;
right: 0px;
font-size: 40px;
background: #59632b;
color: #fff;
z-index: 999999999999;
}
.custom a {
text-decoration: none;
display: inline-block;  
color: #fff;
padding: 10px 10px;
}
}











 /*  ############################################################################################### */
/*  ############################################################################################### */          
/*  ###################################################################################  GALERIE  */

.ce_gallery div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ce_gallery figure {
width: 33%;
margin-bottom: 5px;
}

@media screen and (max-width: 700px)  {  
.ce_gallery figure {
width: 49.5%;
margin-bottom: 5px;
}
}


/*  ############################################################################################### */
/*  ############################################################################################### */          
/*  ###################################################################################  FOOTER  */


 
#footer {
background-color: #59632b;
width: 100%;
height: auto;
}
#footer .inside {
width: 100%;
max-width: 1180px;
height: auto !important;
margin: 0 auto;
padding: 30px 0;
display: flex;
color: #fff;
justify-content: space-between;
}
#footer .inside .one {
width: 600px;
}
#footer .inside .one .ce_text {
padding: 0 50px 0 50px;
}
#footer .inside .one .ce_text:nth-child(1) {
padding: 0 50px 0 0px;
}
#footer .inside .two {
width: 400px;  
justify-content: space-between; 
}
#footer .inside div.one,
#footer .inside div.two {
display: flex; 
align-items: stretch;  
}
#footer .inside a {
color: #fff;
}
#footer .inside ul a {
text-decoration: none;
}
#footer .inside ul {
padding: 0;
margin: 20px 0 0 0;
list-style-type: none;
}
#footer .inside .one p {
font-weight: bold;
text-transform: uppercase;
}
#footer .inside ul li {
margin: 0 0 10px 0;
}
#footer .inside .one .ce_text:nth-child(1),
#footer .inside .one .ce_text:nth-child(2), 
#footer .inside .one .ce_text:nth-child(3)  {
border: 0px #fff solid;
border-right-width: 1px;
}

#footer .inside .two .ce_text:nth-child(2) {
text-align: right;
}

#footer .inside .two .ce_text p.tmc {
font-size: 12px;
line-height: 12px !important; 
margin: 20px 0 0 0;
font-style: normal; 
}
#footer .inside .two .ce_text a em,
#footer .inside .two .ce_text em a  {
text-decoration: none; 
}



@media screen and (max-width: 1000px)  { 
#footer .inside .one .ce_text { padding: 0 20px 0 20px; }
#footer .inside .one .ce_text:nth-child(1) { padding: 0 20px 0 0px; }
} 


 @media screen and (max-width: 820px)  {  
#footer .inside div.two {
display: block;  
}
#footer .inside div.two .ce_text {
text-align: right; 
}
}



 @media screen and (max-width: 670px)  {  
#footer .inside div.two,
#footer .inside div.one  {
display: block;  
}
#footer .inside div .ce_text  {
padding: 0px !important;
margin: 0; 
}
#footer .inside div.two .ce_text {
text-align: right; 
}
#footer .inside ul {
margin: 10px 0 20px 0;
}
#footer .inside ul li:before {
content: "> ";
}
#footer .inside {
justify-content: center;
}
#footer .inside img {
max-width: 80%;
}
#footer .inside .one,
#footer .inside .two { 
width: 40% !important;
font-size: 13px;
line-height: 18px;
}
#footer .inside ul li {
margin: 0 0 5px 0;
}
#footer .inside .two { 
width: 60% !important; 
text-align: left !important;
}
}






#container,
#footer .inside,
#header .inside {
padding-left: 40px; 
padding-right: 40px;  
-webkit-transition: all 0.2s; transition: all 0.2s;
}




@media screen and (max-width: 700px)  {  
#container,
#footer .inside,
#header .inside {
padding-left: 20px; 
padding-right: 20px;  
}
#main {
margin: 20px 0 50px 0;
}  
}








/*Kontaktformular*/
.div-right {
margin-top: 20px;
}


@media screen and (min-width: 700px)  {   
.formbody {
display: flex;
}
.div-left {
width: 50%;
padding-right: 5%;
}
.div-right {
width: 50%;
}
}

label {
	display: block;
}

.submit {
margin-top: 35px;
	background-color: #83c445;
	text-aling: center;
	width: 100%;
	height: 40px;
	border: 1;
	color: #ffffff;
	font-size: 15px bold;
	float: none;
border: 0 !important;
box-shadow: 0px 0px 0px rgba(0,0,0,0) !important; 
-webkit-transition: all 0.3s; transition: all 0.3s;
cursor: pointer;
}
.submit:hover {
box-shadow: 1px 1px 3px rgba(0,0,0,0.55) !important;    
}
.strich {
	height:2px;
	border-bottom: 1px solid #1a171b;
	clear:both;
	position:relative;
	top: -12px;
	width: 78%;
	}

.clear {
	float: none;
}

input[type="text"],
input[type="email"],
.textarea {
display: block;
width: 100%;
padding: 15px 10px !important; 
-webkit-transition: all 0.3s; transition: all 0.3s;    
}

input[type="text"]:focus,
input[type="email"]:focus,
.textarea:focus {
background: #eee;
}