@font-face { font-family: Open Sans Bold; src: url(OpenSans-BoldItalic.ttf);}
@font-face { font-family: Open Sans; src: url(OpenSans-LightItalic.ttf);}

html, body, ul, li{ padding: 0;  margin: 0;}
html, body { width: 100%; height: 100%; }
body{ background-image:url("../bilder/background_weich.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; font-family: 'Open sans', Arial, Verdana;font-weight:300; font-style:italic; 
	display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size:16px;}
body#index, body#kontakt { background-image:url("../bilder/background.jpg"); }
body#warum-wir,body#impressum, body#ueber-uns, body#partner  { height:auto;}
#footer {margin-left:-100%;}

.right{ float:right; margin: 0 0 15px 15px;}
.left { float:left; margin: 0 15px 15px 0;}
.clear { clear:both;}
h1,h2,h3 {font-style:italic; }
h1{ font-size:22px; font-weight:300}
h2 { font-size:20px;font-weight:300;  }
h3 { font-size:18px;margin-bottom:0;font-weight:300; }
strong {font-family: 'Open sans', Arial, Verdana;font-weight:600; font-style:italic; }

#balken_oben, #footer ,#logo_circle2{  background: #2f3339; background: -moz-linear-gradient(left,  #2f3339 0%, #62666a 100%); background: -webkit-linear-gradient(left,  #2f3339 0%,#62666a 100%); background: linear-gradient(to right,  #2f3339 0%,#62666a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3339', endColorstr='#62666a',GradientType=1 );  color:#c6c7c9}
#balken_oben, #footer { width:100%;  position: fixed; }
#balken_oben { height:60px;  top:0;  border-bottom: 1px solid white; z-index: 5;}
#footer	   {text-align:center; bottom: 0; height:20px; padding:10px; margin: 0; }
#wrapper { max-width:950px;margin:0 auto;}
#logo_bild { float:left; margin-left: 90px;}
#logo_text { float:left;margin-left: 10px; margin-top: 5px;}
#logo_bild img { height:50px;margin-top:5px;vertical-align:-17px;}
#main{ }
#content { margin: 70px auto; max-width:1000px; width: 90%;}
#header{ font-family: 'Open Sans Bold', Arial, Verdana; font-weight:700; font-style:italic; }


#footer a , #logo_text a{color:#c6c7c9;text-decoration:none;}
#warum-wir  div.left, #warum-wir  div.right, #ueber-uns  div.left, #ueber-uns  div.right{ width:46%; margin:0;}
#warum-wir p, #logo p {margin:0px;}
#warum-wir #content li { list-style-type: circle; }

img#logo_circle {height:0px;position:absolute; margin-left:175px;opacity:0.9;}
.kontaktbox { background: -moz-linear-gradient(top,  #2f3339 0%, #62666a 100%); background: -webkit-linear-gradient(top,  #2f3339 0%,#62666a 100%); background: linear-gradient(to bottom,  #2f3339 0%,#62666a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3339', endColorstr='#62666a',GradientType=0 ); color:#c6c7c9; width:330px; padding:20px 50px; }
#text { max-width:650px; line-height:25px; text-align:center; display:none;text-align:left;position:absolute;}
#platz_niederlassung {height: 40px; margin-top:5%}
#niederlassungen { background: #e7eaef; background: -moz-linear-gradient(top,  #e7eaef 1%, #66696e 100%); background: -webkit-linear-gradient(top,  #e7eaef 1%,#66696e 100%); background: linear-gradient(to bottom,  #e7eaef 1%,#66696e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eaef', endColorstr='#66696e',GradientType=0 ); color: white; opacity:0.9; padding:15px; text-align:center;margin-bottom: 40px;}
#niederlassungen span {margin:0 40px; font-size:20px; width: 57px;  display: inline-block;}
#referenzen #content p, #partner #content div {float:left;width:47%; min-width:250px;margin-right:1%}
#ueber-uns #content div {}
#breit-fuss{ /*position:fixed */;bottom:60px;text-align:center;width:100%;display:block;float:left;}
#block1 {margin: 1% auto;position:relative;height:350px;width: 718px;padding-left:0px;}
#block2 { position:relative;margin-left:39px;}
#wrapper_mitte { text-align:center;width:100%; margin-top: 90px; }
span.tel, .tel a{color: white; font-size: 18px;}
ul.erfahrung {margin-left:9px;}
.erfahrung li { list-style-type:none; text-indent: -9px;}
.erfahrung li:before {content: "- "; }   

@media all and (max-width:764px) {
	body {margin: 0px; width:auto; height:auto;}
	#referenzen #content p {clear:left;width:100%; margin: 0 auto; text-align:center;}
	#logo_bild { margin-left: 20px; }
	#platz_niederlassung { height:auto; margin: -20px 0 0px; position: fixed; width:100%; }
	#ueber-uns #content div {display:block; width:90%;}
	#warum-wir  div.left, #warum-wir  div.right, #ueber-uns  div.left, #ueber-uns  div.right{ width:90%; margin-bottom:20px;}
	.left, .right { float:none; }
	#breit-fuss{ display:none; }
	#niederlassungen span {margin:0 20px;}
	#ueber-uns #content div {min-height: auto;}
	#block1 {width: 90%;}
	#block2 { margin-left:0;}
	img#logo_circle { margin-left: 0}
	#text {margin-bottom: 161px;}
	#logo_gross, #logo_klein { margin-left:25%; }
	
} 
@media all and (max-height:500px) {
	#platz_niederlassung { bottom: 0px; position:fixed;}
	#block1 {margin:10px auto 0;position:relative;height:270px;padding-left:0px;}
	#wrapper_mitte { margin-top: 0px; }
	#text { margin-bottom: 70px; margin-top: 70px;}
}
	
@media all and (max-width:500px) { 
	#logo_gross, #logo_klein { margin-left:5% }
}