@charset "utf-8";
/* CSS Document */
html,body{width:100%;height:100%;margin:0px;padding:0px;font-size:14px;color:#3A3A3A;background-image:url(assets/bg.jpg);background-size:cover;background-attachment:fixed}
*{box-sizing:border-box;font-family: 'Nunito', sans-serif;}
#header{left:0px;top:0px;width:100%;height:60px;background-color:rgba(119,188,31,0.8);position:fixed;z-index:1000;text-align:center}
#mainmenu{text-align:center}
#mainmenu a{display:inline-block;height:60px;line-height:60px;color:#fff;text-decoration:none;font-size:18px;padding:0px 10px 0px 10px;-webkit-transition: color 0.5s; /* Safari */
    transition: color 0.5s;font-weight:bold}
#mainmenu a:hover{color:rgba(2,105,55,0.8)}

.logomenu{height:40px;vertical-align:middle;margin-top:-5px}

.opener{height:40px;width:40px;display:none;border-radius:50%;background-color:#137c40;margin-top:10px;cursor:pointer}
.center{position:relative;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:10px}
#footer{text-align:center;width:100%;color:#cecece;font-size:12px;padding:20px 0px 20px 0px;background-color:#3a3a3a}

.filler{width:100%}

.table{display:table;width:100%}
.row{display:table-row}
.cell{display:table-cell}

.alignCenter{text-align:center}
.alignRight{text-align:right}
.alignLeft{text-align:left}
.valignMiddle{vertical-align:middle}
.valignTop{vertical-align:top}

p.clearer{clear:both;margin:0px}

#slider{width:100%;position:relative;overflow:hidden;height:640px}
#slider img{margin-bottom:-4px}

#sliderlogo{position:absolute;right:100px;bottom:100px;z-index:400;height:300px}

#timer{position:absolute;left:0px;bottom:0px;width:100%;overflow:hidden;height:5px;z-index:400;background-color:transparent}
#timer .inner{position:absolute;left:0px;top:0px;height:20px;background-color:rgba(119,188,31,0.8)}

h1{color:#77bc1f;border-bottom:1px solid #77bc1f}

h2{color:#0d6938;text-transform:uppercase;font-size:30px;text-align:center}
h3{margin-bottom:5px;;margin-top:0px;padding-bottom:5px;border-bottom:1px dotted #A1A1A1;color:#0d6938}

ul#imprint{width:100%;margin:0px;padding:0px;list-style-type:none}
ul#imprint li{float:left;width:25%;padding:5px}

.lightgreen{color:#77bc1f}

.sliderImg{position:absolute;left:0px;top:0px}

#wrapper{}
#serviceBox{background-color:#F3F3F3;padding:10px;margin-left:500px}
.serviceContent{display:none}
.serviceContent img{height:140px;margin:3px 3px 3px 0px}
.serviceContentShow{}


#alternate-service-menu{display:none}


.rows33{table-layout:fixed}
.rows33 .cell{padding:5px}

ul.rows100{margin:0px;padding:0px;list-style-type:none;display:none}
ul.rows100 li{padding:0px;width:100%}

ul.list{margin:10px 0px 10px 0px;padding:0px;list-style-type:disc;list-style-position:inside}
ul.list li{float:none;width:100%;padding:0px;margin-top:4px}


/**/

#overlay{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:1100;background-color:rgba(0,0,0,0.8)}
#imageContent{width:90%;position:relative;margin-left:auto;margin-right:auto;height:100px;background-color:#fff}

.content-bg{background-color:#ECECEC;padding:10px}

/*FORM*/
.textfield{width:100%;margin:3px 0px 3px 0px;height:35px;border:1px solid #cecece;color:#7c7c7c;padding:5px;font-size:16px}
select{width:100%;margin:3px 0px 3px 0px;height:35px;border:1px solid #cecece;color:#7c7c7c;padding:5px;font-size:16px}
.grey{color:#BBB}

.checkboxOne{width:20px;height:20px;margin:10px 0px;position:relative;float:left;border-radius:20px;border:1px solid #CECECE;}
.checkboxOne label{display:block;width:12px;height:12px;cursor:pointer;position:absolute;top:3px;left:3px;background-color:#fff;border:1px solid #cecece;border-radius:20px;}
input[type="checkbox"]{visibility:hidden;}
.checkboxOne input[type="checkbox"]:checked + label {background-color:#77bc1f;}
textarea{width:100%;resize:none;border:1px solid #cecece;height:250px;color:#7c7c7c;padding:5px;font-size:16px;margin-bottom:10px}

.button{height:30px;color:#fff;border:0px;background-color:#0d6938;display:block}
.button:hover{background-color:#137c40;cursor:pointer}

a.button{height:30px;color:#fff;border:0px;background-color:#7b7b7b;text-decoration:none;width:100px;line-height:30px;text-align:center}
a.button:hover{background-color:#77bc1f;cursor:pointer}

.button-form{height:40px;color:#fff;border:0px;background-color:#7b7b7b;margin:10px 10px 0px 0px;line-height:40px;padding:0px 20px 0px 20px}
.button-form:hover{background-color:#77bc1f;cursor:pointer}
.textimage{width:100%;margin:10px 0px 10px 0px}
.floatimage{float:left;margin:0px 10px 10px 0px;width:50%}

a.textlink{color:#77bc1f;text-decoration:none}
a.textlink:hover{text-decoration:underline}

ul#referenzen{margin:0px;padding:0px;list-style-type:none}
ul#referenzen li{width:50%;padding:10px;float:left}
ul#referenzen li .img img{width:100%}
ul#referenzen li .img{width:50%;float:left}
ul#referenzen li .text{width:50%;float:left;padding-left:10px}
ul#referenzen li .text p{margin:0px}

@media screen and (max-width:1610px){
#slider{height:600px}
}

@media screen and (max-width:1510px){
#slider{height:560px}
}

@media screen and (max-width:1410px){
#slider{height:520px}
#sliderlogo{height:250px}
}

@media screen and (max-width:1310px){
#slider{height:480px}
#sliderlogo{bottom:50px;right:50px;height:250px}
}

@media screen and (max-width:1280px){
#slider{height:440px}
}


@media screen and (max-width:1110px){
#house{float:none;margin-left:auto;margin-right:auto}
#serviceBox{margin-left:0px}
#slider{height:400px;top: 60px;margin-bottom: 60px;}	
}

@media screen and (max-width:1010px){
#slider{height:360px}
#sliderlogo{height:200px}
}

@media screen and (max-width:910px){
#slider{height:320px}
}

@media screen and (max-width:850px){
#slider{height:300px;}
}


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

ul#imprint li{width:50%}
#mainmenu a{font-size:14px}
}

@media screen and (max-width:755px){
ul#referenzen li{width:100%;padding:0px;float:left}
#slider{height:260px;}
#sliderlogo{bottom:25px;right:25px;height:150px}
h1{margin-top:0px}
}

@media screen and (max-width:650px){
#slider{height:220px;}
}

@media screen and (max-width:630px){
#mainmenu a{padding:0px 5px 0px 5px}
ul.rows100{display:block}
.rows33{display:none}
.filler{display:none}
}


@media screen and (max-width:560px){
.opener{display:inline-block;}
#mainmenu{position:absolute;top:60px;width:100%;display:none}
#mainmenu a{display:block;height:45px;line-height:45px;background-color:#77bc1f;border-bottom:1px solid #609b0f}
.floatimage{float:none;margin:0px 0px 10px 0px;width:100%}
#slider{height:180px;}
#sliderlogo{height:100px}
#mainmenu a#startanker{display:none}
}

@media screen and (max-width:530px){
h1{font-size:26px}
#alternate-service-menu{display:block}
#house{display:none}

}

@media screen and (max-width:460px){
ul#service li .title{font-size:16px}
ul#imprint li{width:100%}
#slider{height:140px;}
}
@media screen and (max-width:380px){
ul#service li .title{font-size:13px}
ul#referenzen li .text{font-size:12px}
#slider{height:120px;}
#sliderlogo{bottom:15px;right:15px;height:80px}
}