*{padding:0;margin:0}
body, textarea, input{font-family:'Open Sans Condensed',Arial,Helvetica,sans-serif}
html{background-attachment:fixed}
body{color:#777;font-size:1.2em;line-height:150%}
nav div, header b, #right form, #formulare{display:none}
nav a{text-transform:uppercase;padding:5px 8px}
.active{background-color:#efefef}
.active, #right h4{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
a{text-decoration:none;color:#000}
a:hover, h4:hover{color:#cc0000}
fieldset, img a{border:none}
h1, h2, h3, h4, h5, h6{font-weight:normal}
h1{font-size:1.65em;line-height:130%;margin-bottom:15px !important}
h4, h6{color:#000;font-size:1.4em}
h3{font-size:1.5em}
h6{margin-top:27px}
p{max-width:800px}
section h3{margin-bottom:10px;color:#cc0000}
address{font-style:normal;font-weight:bold}
footer, header, article, section{display:block}
header, footer, section, nav{padding:15px 2%}
hgroup{background-color:#ECECEC;padding:30px 2%}
a img{border:none}
textarea{height:150px}
.clear{clear:both;display:block}
p, ul{font-size:1.1em}
section p, h4{margin-bottom:10px}
header, section, hgroup h1, hgroup h2{margin:0 auto;max-width:1500px}
header img, header h3, nav, nav a, footer p, footer address, #left div{display:inline-block;zoom:1;*display:inline}
header h5{display:none}
ul{margin-left:20px}
footer{background-color:#990000;color:#fff}
footer a[href^=tel]:link{color:#fff}
section{padding-bottom:150px;width:96%;color:#333}
input, textarea{padding:4px 1%;margin-bottom:4px;border:1px solid #ccc;font-size:1.2em;width:98%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input:hover, input:focus, input:active, textarea:hover, textarea:focus, textarea:active{border:1px solid #cc0000}
input[name=name], input[name=firma], input[name=email], input[name=telefon]{width:49%}
#left{float:left;width:auto}
#right{width:100%;max-width:500px;float:right}
#right h4{border:1px solid #ccc;padding:5px;cursor:pointer}
label{width:100%}
#mobilpic{width:100%;display:block}
.bereich{margin-bottom:20px}
.bereich ul{display:none;text-align:center;list-style-type:none;margin:0;padding:0}
.bereich li{border:1px solid #ccc;border-radius:7px;padding:7px;margin:5px}
.bereich h3{text-align:center}
.bereich img{cursor:pointer;display:block;margin:0 auto}
.bereich img:hover{transform:scale(1.1)}
a, input, textarea, nav{-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out}
/* Größer */
@media all and (min-width:601px){
nav{float:right;margin-top:55px;position:relative}
nav div{position:absolute;background-color:#FFF;box-shadow:2px 2px 2px 2px #CCC;left:195px}
nav div a{display:block}
footer{position:fixed;width:96%;left:0;bottom:0}
address{float:right}
#mobilpic{display:none}
#left div{width:33%;max-width:480px;margin-bottom:20px;display:block;float:left}
}
/* Kleiner */
@media all and (max-width:600px){
label{display:block}
input, textarea{width:98%}
footer{text-align:center}
#left div{margin-bottom:30px}
.home h1{display:none}
.bereich{width:100% !important}
}
@media all and (min-width:1001px){
html{background-size:100%;background-repeat:no-repeat;background-position:0 235px}
.home{background-image:url(images/home.jpg)}
.impressum{background-image:url(images/impressum.jpg);background-attachment:fixed}
section{background:rgba(255,255,255,0.9)}
.baurecht{background-image:url(images/baurecht.jpg)}
#left{min-width:950px}
.bereich{width:24%;float:left}
}
@media all and (max-width:1000px){
header b{display:block}
nav{position:fixed;left:-100%;background-color:#fff;width:96%;top:157px}
.opened{left:0}
header b{background-image:url(images/menu.png);width:36px;height:33px;position:fixed;top:20px;right:2%}
.close{background-image:url(images/close.png)}
nav a, header b, header b a{display:block}
nav div{background-color:#efefef}
section{background:rgba(255,255,255,0.7)}
.bereich{width:49%;float:left}
#left{width:100%}
#right{max-width:100%;margin-bottom:80px}
}