.clr {clear: both;}
body{background:#E3E3E3;font-family:Calibri;font-size:15px;color:#666666;}
.menu ul {height:40px;margin:0;padding:0;}
.menu ul li:hover{background-color:#728fc4;color:#ffffff}
.menu ul li a:hover{color:#ffffff}
.menu .active{background-color:#728fc4;color:#ffffff}
.menu .active a{color:#ffffff}
.baddesign-title{height:45px;background:#b1b1b1;color:#ffffff;font-family: 'Sarpanch', sans-serif;}
.baddesign-title img{height:100%;width:auto;}
.baddesign-title:hover{background-color:#728fc4;color:#ffffff}
.baddesign-title a{text-decoration:none;color:#ffffff}
.baddesign-title a:hover{text-decoration:none;color:#ffffff}
.heizung-title{height:45px;background:#b1b1b1;color:#ffffff;font-family: 'Sarpanch', sans-serif;}
.heizung-title img{height:100%;width:auto;}
.heizung-title:hover{background-color:#728fc4;color:#ffffff}
.heizung-title a{text-decoration:none;color:#ffffff}
.heizung-title a:hover{text-decoration:none;color:#ffffff}
.service-title{height:45px;background:#b1b1b1;color:#ffffff;font-family: 'Sarpanch', sans-serif;}
.service-title img{height:100%;width:auto;}
.service-title:hover{background-color:#728fc4;color:#ffffff}
.service-title a{text-decoration:none;color:#ffffff}
.service-title a:hover{text-decoration:none;color:#ffffff}
p{font-size:20px;line-height:30px;font-weight: 300;}
#wrapper-middle-middle li{font-size:20px;line-height:30px;font-weight: 300;}
#wrapper-middle-right p{font-size:16px;line-height:30px;font-weight: 300;}
a {color: #728FC4;text-decoration: none;}
a:hover, a:focus {color: #666666;text-decoration: none;}
h1{color: #666666;border-bottom: 1px solid #B1B1B1;font-family: 'Sarpanch', sans-serif;font-size:34px;text-transform:uppercase;}
h2{color: #666666;border-bottom: 1px solid #B1B1B1;font-family: 'Sarpanch', sans-serif;font-size:32px;text-transform:uppercase;}
h3{color: #666666;border-bottom: none;font-family: 'Sarpanch', sans-serif;font-size:24px;text-transform:uppercase;}
h4{color: #666666;border-bottom: 1px solid #B1B1B1;font-family: 'Sarpanch', sans-serif;font-size:20px;text-transform:uppercase;}
h5{color: #666666;border-bottom: 1px solid #B1B1B1;font-family: 'Sarpanch', sans-serif;font-size:20px;text-transform:uppercase;}
h6{color: #666666;border-bottom: 1px solid #B1B1B1;font-family: 'Sarpanch', sans-serif;font-size:20px;text-transform:uppercase;}
input[type="text"] {width: 90%;margin: 0 1px 4px 0;margin-top: 0px;margin-top: 0 !important;padding: 11px 20px 12px;text-transform: none;font-weight: 400;line-height: 20px;font-size: 12px;color: #8d8d8d;font-style: normal;border-radius: 0;background: #f4f4f4;border: 0;box-shadow: none;}
textarea {width: 90%;overflow: hidden;min-height: 95px;resize: none;margin-top: 0 !important;padding: 11px 20px 12px;text-transform: none;font-weight: 400;line-height: 20px;font-size: 12px;color: #8d8d8d;font-style: normal;border-radius: 0;background: #f4f4f4;border: 0;box-shadow: none;}
.btn {position: relative;margin-top:20px;padding: 7px 25px;border: 0;border-radius: 0;background-color: #505050;color: #fff;box-shadow: none;text-transform: none;font-weight: 300;line-height: 20px;font-size: 13px;color: #fff;background-image: none !important;}
.btn-active {background-color: #728FC4;color: #fff;}
.btn:hover{background-color: #728FC4;color: #fff;}
input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;}

@media (min-width: 1400px) { 
#wrapper{width:1400px;margin:0 auto;padding-top:30px;}
#header{height:auto;width:100%;margin-bottom: 10px;}
#navigation{height:40px;width:100%}
#wrapper-middle{width:100%;margin:0 auto;background:url(../img/fuchsmittig.png) 50% 50% no-repeat;min-height:550px;}
#wrapper-middle-left{width:22%;float:left;padding:1%;}
#wrapper-middle-middle{width:48%;float:left;padding:1%;}
#wrapper-middle-right{width:24%;float:left;padding:1%;}
.menu ul li{list-style:none;float:left;width:222px;margin:0 5px;text-align:center;line-height:35px;background:#F0F0F0;}
.menu ul li a{font-size:18px;text-decoration:none;font-family: 'Sarpanch', sans-serif;color:#666666;text-transform:uppercase;display: inline-block;width: 100%;}
.baddesign-title,.heizung-title,.service-title{font-size:30px;}
.full_width {position: relative;margin-left: 5px;margin-right: 12px;}
}

@media (min-width: 992px) and (max-width: 1400px) {
#wrapper{width:970px;margin:0 auto;padding-top:20px;}
#header{height:auto;width:100%;margin-bottom: 10px;}
#navigation{height:40px;width:100%}
#wrapper-middle{width:100%;margin:0 auto;background:url(../img/fuchsmittig.png) 50% 50% no-repeat;min-height:550px;}
#wrapper-middle-left{width:28%;float:left;padding:1%;}
#wrapper-middle-middle{width:38%;float:left;padding:1%;}
#wrapper-middle-right{width:28%;float:left;padding:1%;}
.menu ul li{list-style:none;float:left;width:151px;margin:0 5px;text-align:center;line-height:35px;background:#F0F0F0;}
.menu ul li a{font-size:16px;text-decoration:none;font-family: 'Sarpanch', sans-serif;color:#666666;text-transform:uppercase;display: inline-block;width: 100%;}
.baddesign-title,.heizung-title,.service-title{font-size:30px;}
.full_width {position: relative;margin-left: 5px;margin-right: 9px;}
}

@media (min-width: 767px) and (max-width: 992px) {
#wrapper{width:750px;margin:0 auto;padding-top:10px;}
#header{height:auto;width:100%;margin-bottom: 10px;}
#navigation{height:auto;width:100%}
#wrapper-middle{width:100%;margin:0 auto;background:url(../img/fuchsmittig.png) 50% 50% no-repeat;min-height:550px;}
#wrapper-middle-left{width:28%;float:left;padding:1%;}
#wrapper-middle-middle{width:38%;float:left;padding:1%;}
#wrapper-middle-right{width:28%;float:left;padding:1%;}
.menu ul li{list-style:none;float:left;width:115px;margin:0 5px;text-align:center;line-height:35px;background:#F0F0F0;}
.menu ul li a{font-size:16px;text-decoration:none;font-family: 'Sarpanch', sans-serif;color:#666666;text-transform:uppercase;display: inline-block;width: 100%;}
.baddesign-title,.heizung-title,.service-title{font-size:18px;line-height:45px;}
.full_width {position: relative;margin-left: 5px;margin-right: 5px;}
}

@media all and (min-width: 440px) and (max-width: 767px) {   
#wrapper{width:100%;margin:0 auto;}
#header{height:auto;width:98%}
#navigation{height:auto;width:98%}
#wrapper-middle{width:98%;margin:0 auto;background:url(../img/fuchsmittig.png) 50% 50% no-repeat;min-height:550px;}
#wrapper-middle-left{width:98%;float:left;padding:1%;}
#wrapper-middle-middle{width:98%;float:left;padding:1%;}
#wrapper-middle-right{width:98%;float:left;padding:1%;}
.menu ul li{list-style:none;float:left;width:98%;margin:5px;text-align:center;line-height:35px;background:#F0F0F0;}
.menu ul li a{font-size:16px;text-decoration:none;font-family: 'Sarpanch', sans-serif;color:#666666;text-transform:uppercase;display: inline-block;width: 100%;}
.baddesign-title,.heizung-title,.service-title{font-size:30px;}
.full_width {position: relative;margin-left: 5px;margin-right: 10px;}
}

@media all and (max-width:440px){  
#wrapper{width:100%;margin:0 auto;}
#header{height:auto;width:98%}
#navigation{height:auto;width:98%}
#wrapper-middle{width:98%;margin:0 auto;background:url(../img/fuchsmittig.png) 50% 50% no-repeat;min-height:550px;}
#wrapper-middle-left{width:98%;float:left;padding:1%;}
#wrapper-middle-middle{width:98%;float:left;padding:1%;}
#wrapper-middle-right{width:98%;float:left;padding:1%;}
.menu ul li{list-style:none;float:left;width:98%;margin:5px;text-align:center;line-height:35px;background:#F0F0F0;}
.menu ul li a{font-size:16px;text-decoration:none;font-family: 'Sarpanch', sans-serif;color:#666666;text-transform:uppercase;display: inline-block;width: 100%;}
.baddesign-title,.heizung-title,.service-title{font-size:18px;line-height:45px;}
.full_width {position: relative;margin-left: 5px;margin-right: 10px;}
}