/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300italic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-300italic.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-300italic.woff') format('woff'), 
       url('fonts/roboto-v18-latin-300italic.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); 
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-300.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-300.woff') format('woff'), 
       url('fonts/roboto-v18-latin-300.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), 
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-italic.eot');
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-italic.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-italic.woff') format('woff'), 
       url('fonts/roboto-v18-latin-italic.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); 
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-700.woff') format('woff'), 
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); 
}

/*****SCHRIFTGROESSEN-700-400-400i-300-300i*****/

.nichtgebraucht {
display: block; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}


/*background-image: url(images/sys/background_2.jpg);
background-repeat: repeat-x;
background-attachment: fixed; 
background-position: bottom; */

html, body{
padding: 0px; 
margin: 0px; 
width: 100%; 
height: 100%;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 100; 
font-size: 1.0em; 
color: #000000; 
 hyphens: auto; 
}

#logooben{
margin: 0px 0px 30px 0px; 
border-bottom:3px solid #FECB09; 
width: 12%; 
height: auto; 
position: absolute; 
right: 10%; 
top: 3px; 
}


#logotext{
padding: 8px 0px 8px 0px;
}
#logobild{}

#logotext img, #logobild img{
width: 100%; 
}

.footer_adress{
line-height: 1.2em; 
}

#logotext span.logo_beruf{  }
#logotext span.logo_beruf_2{  }
#logotext span.logo_name{  }
#logotext span.logo_strasse{  }
#logotext span.logo_ort{  }
#logotext span.logo_tel{  }
#logotext span.logo_mail{  }

#headerbild{
width: 75%; 
display: inline-block; 
float: left; 
margin: 150px 0px 50px 0px; 
padding: 0px; 
}

.headerpix{
width: 100%; 
height: auto; 
padding: 1px; 
margin: 0px; 
border: 1px solid #999999; 
}

#partnerbox{
float: right; 
font-size: 0.8em; 
font-weight: 300; 
line-height: 1.0em; 
margin:0px 0px 10px 20px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF; 
width: 242px;
padding: 10px 10px 10px 10px; 
}

#partnerbox img{
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px; 
}

.trenner{
margin: 20px 0px 20px 0px; 
padding: 0px 0px 0px 0px; 
display: inline-block; 
width: 100%; 
border-top: 1px solid #999999;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
}

#texte a:link, #texte a:visited{
color: #333333; 
text-decoration: none; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#texte a:hover, #texte a:focus{
color: #666666; 
}

#texte{
width: 75%; 
border: 0px solid #DFDFDF; 
line-height: 2.0em; 
margin: 180px 0px 150px 0px; 
}
#texte b, #texte strong{
font-weight: 400; 
}

.reftxt{
width: 45%; 
float: right; 
}

.refbild{
width: 50%; 
float: left; 
}

h1, h2{
font-weight: 400; 
color: #000000; 
border-top: 0px solid #999999;
border-bottom: 1px solid #999999; 
border-left: 0px solid #DFDFDF; 
border-right: 0px solid #DFDFDF; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 30px 0px; 
height: 60px; 
display: inline-block; 
width: 100%; 
}
h3, h4, h6{
padding: 0px 0px 0px 0px; 
margin: 0px 0px 20px 0px; 
height: 40px; 
line-height: 1.2em; 
display: block; 

font-weight: 400; 
color: #000000; 
border-top: 0px solid #999999;
border-bottom: 0px solid #999999; 
border-left: 0px solid #DFDFDF; 
border-right: 0px solid #DFDFDF; 
}

.referenzbox{
border-top: 1px solid #999999;
border-bottom: 0px solid #999999; 
border-left: 0px solid #DFDFDF; 
border-right: 0px solid #DFDFDF; 
padding: 30px 0px 30px 0px; 
margin: 0px 0px 0px 0px; 
display: inline-block; 
width: 100%; 
}

.refheadline{
background-color: #DFDFDF; 
font-size: 1.2em;  
padding: 10px 0px 10px 0px; 
margin: 200px 0px 0px 0px; 
text-align: center; 
display: block; 
width: 100%; 
font-weight: 300; 
color: #000000; 
}

.refheadline.first{
margin: 0px 0px 0px 0px; 
}

.refheadline h5{
padding: 0px; 
margin: 0px; 
}

#texte hr{
border-top: 1px solid #DFDFDF; 
border-left: 0px solid #DFDFDF; 
border-right: 0px solid #DFDFDF; 
border-bottom: 0px solid #DFDFDF; 
}

#flexbox_container{
display: flex; 
flex-flow: row wrap; 
justify-content: flex-start; 
position: relative; 
top: -100px; 
}

.startseiten_box{
width: 45%; 
max-width: 250px; 
margin: 10px 1% 10px 0px; 
padding: 10px; 
background-color: #F5F5F5; 
border: 1px solid #CCCCCC;
line-height: 1.2em; 
min-height: 350px; 
font-style: italic; 
}
.startseiten_box .headline{
background-image: url(images/sys/read_on.png);
background-repeat: no-repeat;
background-position: right top; 
font-weight: 400; 
padding: 10px 0px 10px 10px; 
display: block; 
width: 100%; 
float: left; 
}
.startseiten_box img{
margin: 10px 0px 10px 0px; 
padding: 0px; 
}
.startseiten_box a:link, .startseiten_box a:visited{
text-decoration: none; 
color: #000000; 

}


a.links{
float: left; 
display: inline-block; 
width: 30%; 
height: auto; 
margin: 0px 5px 5px 0px; 
padding: 0px; 
}
a.rechts{
float: right; 
display: inline-block; 
width: 20%; 
height: auto; 
margin: 0px 5px 5px 0px; 
padding: 0px; 
}


.thumbnail_praxis{
width: 25%; 
height: auto; 

}

.thumbnail_left{
width: 100%; 
height: auto; 
border: 0px solid #FFFFFF; 

}

.abstand{
clear: both; 
float: left; 
display: block; 
margin: 0px 5px 5px 0px; 
padding: 0px; 
border: 0px solid #FF0000; 
width: 100%; 
height: 50px; 

}

#zentrieren{
width: 70%; 
padding: 0px 15% 40px 15%; 
margin: 0px; 
border-top: 3px solid #999999; 
border-left: 0px solid #353637; 
border-right: 0px solid #353637; 
border-bottom: 0px solid #353637; 
}



ul.responsive{
display: none; 
}

ul.nav img.navimg{
height: 30px; 
width: auto; 
padding: 0px; 
margin: 0px; 
}

ul.nav{
border: 0px solid #FF0000; 
position: absolute; 
top: 0px; 
left: 15%; 
padding: 0px;
margin: 0px; 
font-size: 1.05em; 
}
ul.nav li{
border-top: 3px solid #999999; 
border-left: 0px solid #DFDFDF; 
border-right: 0px solid #DFDFDF; 
border-bottom: 1px solid #FFFFFF; 
list-style-type: none; 
float: left; 
height: 30px; 
line-height: 30px; 
padding: 10px 10px 10px 10px; 
}
ul.nav li a:link, ul.nav li a:visited{
text-decoration: none; 
color: #000000; 
text-transform: uppercase; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

.start ul.nav li.start, 
.architektur ul.nav li.architektur,
.beratung ul.nav li.architektur,
.planung ul.nav li.architektur,
.energieberatung ul.nav li.energieberatung,
.energieeffizienz ul.nav li.energieberatung,
.foerdermittel ul.nav li.energieberatung,
.energieausweis ul.nav li.energieberatung,
.e_mobilitaet ul.nav li.energieberatung,
.leistungen ul.nav li.leistungen,
.referenzen ul.nav li.referenzen,
.neubau ul.nav li.referenzen,
.sanierung ul.nav li.referenzen,
.buero_geschaeftsflaechen ul.nav li.referenzen,
.projekte ul.nav li.referenzen, 
.profil ul.nav li.profil,
.aktuelles ul.nav li.aktuelles,
.kontakt ul.nav li.kontakt,
.datenschutz ul.nav li.kontakt, 
.impressum ul.nav li.kontakt 
{
border-top: 3px solid #666666; 
border-bottom: 1px solid #666666; 
}
ul.nav li:hover, ul.nav li:focus{
border-top: 3px solid #CCCCCC; 
border-bottom: 1px solid #CCCCCC; 
}

#subnavigation{
border: 0px solid #FF0000; 
position: absolute; 
top: 70px; 
left: 15%; 
padding: 0px;
margin: 0px 0px 0px 60px; 
font-size: 0.8em; 
}
#subnavigation ul{
list-style-type: none; 
text-transform: uppercase; 
padding: 0px; 
margin: 0px; 
}

#subnavigation ul li{
float: left; 
margin: 0px 30px 0px 0px; 
padding: 0px; 
}

#subnavigation ul a:link, #subnavigation ul a:visited{
text-decoration: none; 
color: #000000;
padding: 0px 10px 10px 10px; 
}
#subnavigation ul a:hover, #subnavigation ul a:focus{
}

.beratung #subnavigation ul li a.beratung,
.planung #subnavigation ul li a.planung,
.neubau #subnavigation ul li a.neubau,
.sanierung #subnavigation ul li a.sanierung,
.buero_geschaeftsflaechen #subnavigation ul li a.buero_geschaeftsflaechen,
.projekte #subnavigation ul li a.projekte, 
.energieeffizienz #subnavigation ul li a.energieeffizienz,
.foerdermittel #subnavigation ul li a.foerdermittel,
.energieausweis #subnavigation ul li a.energieausweis,
.e_mobilitaet #subnavigation ul li a.e_mobilitaet,
.datenschutz #subnavigation ul li a.datenschutz,
.impressum #subnavigation ul li a.impressum
{
border-top: 0px solid #666666; 
border-left: 0px solid #666666; 
border-right: 0px solid #666666; 
border-bottom: 1px solid #FECB09; 
}

#subnavigationrefer{
z-index: 5000; 
position: fixed; 
bottom: 0px; 
left: 0px; 
width: 100%; 
height: 40px; 
background-image: url(images/sys/black80.png);
background-repeat: repeat;
}
#subnavigationrefer ul{
position: relative;
list-style-type: none; 
margin: 0px auto; 
padding: 0px; 
width: 70%; 
}
#subnavigationrefer ul li{
float: left; 
padding: 0px; 
margin: 0px 30px 0px 0px; 
}
#subnavigationrefer ul li a:link, #subnavigationrefer ul li a:visited{
color: #FFFFFF; 
font-weight: 400; 
line-height: 40px; 
text-decoration: none; 
}

#oben{
position: absolute; 
top: 0px; 
left: 0px; 
border:0px solid #FF0000; 
width: 20px; 
height: 20px; 
}

span#goback{
width:40px; 
height: 40px; 
overflow: hidden; 
border-top:1px solid #666666; 
border-left:1px solid #666666; 
border-right:1px solid #666666; 
border-bottom:0px solid #666666; 
z-index: 100; 
position: absolute; 
right: 10%; 
top: -41px; 
margin: 0px 40px 0px 0px; 
}
#gobackto{
width: 40px; 
height: 40px; 
background-image: url(images/sys/back_go.png);
background-repeat: no-repeat;
background-position: 0px 0px; 

}

span#tothetop a:link, span#tothetop a:visited{
width:40px; 
height: 40px; 
overflow: hidden; 
border-top:1px solid #666666; 
border-left:1px solid #666666; 
border-right:1px solid #666666; 
border-bottom:0px solid #666666; 
z-index: 100; 
position: absolute; 
right: 10%; 
top: -41px; 
}
#totopimg{
width: 40px; 
height: 40px; 
background-image: url(images/sys/back_top.png);
background-repeat: no-repeat;
background-position: 0px 0px; 

}
#totopimg:hover, #totopimg:focus, 
#gobackto:hover, #gobackto:focus {
background-position: 0px -40px; 
}
#footer{
position: relative; 
background-color: #FECB09;
border-top: 1px solid #666666; 
border-left: 0px solid #DFDFDF; 
border-right: 0px solid #DFDFDF; 
border-bottom: 3px solid #666666; 
padding: 30px 15% 30px 15%; 
margin: 0px 0px 40px 0px; 
width: 70%; 
height: auto; 
display: inline-block; 
font-weight: 100; 
font-size: 0.9em; 
line-height: 2.4em; 
z-index: 4000; 
}

#footer .footerleft{
float: left; 
text-align: left; 
display: inline-block; 
width: 45%; 
height: auto; 
}
#footer .footerright{
color: #FFFFFF; 
float: right; 
text-align: right; 
display: inline-block; 
width: 45%; 
height: auto; 
}
#footer a:link, #footer a:visited{
color: #000000; 
font-weight: 300; 
text-decoration: none; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#footer a:hover, #footer a:focus{
color: #333333; 
}


@media screen and (min-width: 1024px) and (max-width: 1400px) { 

#logooben{
margin: 150px 0px 0px 0px;
}

#texte{
width: 100%; 
}

ul.nav{
font-size: 0.8em; 
}
#subnavigation, #subnavigationrefer{
font-size: 0.8em; 
}


#zentrieren{
width: 80%; 
padding: 0px 10% 40px 10%; 
}
#footer{
width: 80%; 
padding: 50px 10% 50px 10%; 
}
ul.nav{
right: 10%; 
}
}

@media screen and (min-width: 768px) and (max-width: 1023px) { 
#zentrieren{
width: 80%; 
padding: 0px 10% 40px 10%; 
border: 0px solid #FFFFFF; 
}
#logooben{
z-index: 1001; 
width: 25%; 
max-width: 180px; 
top: 0px; 
}
ul.nav{
z-index: 1000; 
font-size: 0.8em; 
position: relative; 
left:0px; 
width: 65%; 
}
ul.nav li{
float: none; 
padding: 5px 10px 5px 10px; 
border-left: 0px solid #FFFFFF; 
border-right: 0px solid #FFFFFF; 
border-bottom: 0px solid #FFFFFF; 
border-top: 0px solid #FFFFFF; 
}
.start ul.nav li.start, 
.architektur ul.nav li.architektur,
.beratung ul.nav li.architektur,
.planung ul.nav li.architektur,
.energieberatung ul.nav li.energieberatung,
.energieeffizienz ul.nav li.energieberatung,
.foerdermittel ul.nav li.energieberatung,
.energieausweis ul.nav li.energieberatung,
.e_mobilitaet ul.nav li.energieberatung,
.leistungen ul.nav li.leistungen,
.referenzen ul.nav li.referenzen,
.neubau ul.nav li.referenzen,
.sanierung ul.nav li.referenzen,
.buero_geschaeftsflaechen ul.nav li.referenzen,
.projekte ul.nav li.referenzen, 
.profil ul.nav li.profil,
.aktuelles ul.nav li.aktuelles,
.kontakt ul.nav li.kontakt,
.datenschutz ul.nav li.kontakt, 
.impressum ul.nav li.kontakt 
{
border-top: 0px solid #666666; 
border-bottom: 0px solid #666666; 
background-color: #DFDFDF; 
}
ul.nav li:hover, ul.nav li:focus{
border-top: 0px solid #CCCCCC; 
border-bottom: 0px solid #CCCCCC; 
background-color: #E7E7E7; 
}
#texte{
width: 100%; 
margin: 30px 0px 150px 0px;
}
#headerbild{
width: 100%; 
margin: 30px 0px 50px 0px;
}

.reftxt{width: 400px; border: 0px solid #FF0000; }
.refbild{width: 170px; }
#subnavigation{
font-size: 0.7em;
margin: 0px 0px 0px 0px;
clear: both; 
display: inline-block; 
position: relative; 
top: 0px; 
left: 0px; 
width: 100%; 
border: 0px solid #FF0000; 
}
#subnavigation ul{
}
#subnavigation ul li{
margin: 0px 10px 0px 0px;
}
h2{
border: 0px solid #FF0000; 
}
#subnavigationrefer{
font-size: 0.8em; 
}
#subnavigationrefer ul{
width: 90%; 
}
#subnavigationrefer ul li{
margin: 0px 20px 0px 0px;
}

}

@media screen and (min-width: 300px) and (max-width: 767px) {
ul.nav{
display: none; 
}

ul.nav{display: none; }
ul.responsive{
font-size: 1.0em; 
list-style-type: none; 
font-weight: 300;
display: block; 
border: 0px solid #FF0000; 
width: 90%; 
position: absolute; 
left: 0px; 
top: 0px; 
padding: 50px 5% 0px 5%; 
margin: 0px; 
float: left; 
background-color: #FECB09;
overflow: hidden; 
background-image: url(images/sys/nav_resp.jpg);
background-repeat: no-repeat; 
background-position: right 0px; 
z-index: 10000; 
height: 0px; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; 
border-top: 0px solid #666666;
border-bottom: 1px solid #FFFFFF; 
border-right: 0px solid #666666; 
border-left: 0px solid #666666; 
}
ul.responsive ul{
font-size: 0.9em; 
padding: 0px 0px 10px 10px; 
margin: 0px; 
border: 0px solid #FF0000; 
list-style-type: none; 
}
ul.responsive a:link, ul.responsive a:visited{
text-decoration: none; 
color: #000000; 
font-weight: 300; 
border-top: 0px solid #666666;
border-bottom: 1px solid #000000; 
border-right: 0px solid #666666; 
border-left: 0px solid #666666; 
display:block; 
padding: 10px 0px 10px 0px; 
line-height:25px; 
text-transform: uppercase; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

ul.responsive .last_nav{
padding: 0px 0px 50px 0px; 
}
ul.responsive .last_nav a:link, ul.responsive .last_nav a:visited{
border-bottom: 0px solid #666666; 
}
ul.responsive a:hover, ul.responsive a:focus{
color: #666666; 
}

#subnavigation{
display: none; 
}

ul.responsive ul.unternavigation{
float: left; 
display: block; 
width: 100%; 
border: 0px solid #FF0000; 
padding: 0px 0px 20px 0px; 
margin: 0px; 
}

ul.unternavigation li{
display: inline; 
float: left; 
width: auto; 
padding: 0px 10px 0px 10px; 
margin: 0px; 
border-right: 1px solid #EEEEEE;
border-left: 0px solid #FF0000;
border-bottom: 0px solid #FF0000;
border-top: 0px solid #FF0000;
}
ul.unternavigation li.last{
border-right: 0px solid #000000;
}
ul.unternavigation li.ende{
padding: 0px 0px 40px 10px; 
}
ul.unternavigation li a:link, ul.unternavigation li a:visited{
padding: 5px 0px 5px 0px; 
line-height: 20px; 
border: 0px solid #FF0000; 
}

.start ul.responsive li.start a, 
.architektur ul.responsive li.architektur a,
.beratung ul.responsive li.architektur a,
.planung ul.responsive li.architektur a,
.energieberatung ul.responsive li.energieberatung a,
.energieeffizienz ul.responsive li.energieberatung a,
.foerdermittel ul.responsive li.energieberatung a,
.energieausweis ul.responsive li.energieberatung a,
.e_mobilitaet ul.responsive li.energieberatung a,
.leistungen ul.responsive li.leistungen a,
.referenzen ul.responsive li.referenzen a,
.neubau ul.responsive li.referenzen a,
.sanierung ul.responsive li.referenzen a,
.buero_geschaeftsflaechen ul.responsive li.referenzen a,
.projekte ul.responsive li.referenzen a, 
.profil ul.responsive li.profil a,
.aktuelles ul.responsive li.aktuelles a,
.kontakt ul.responsive li.kontakt a,
.datenschutz ul.responsive li.datenschutz a, 
.impressum ul.responsive li.impressum a{
color: #FFFFFF; 
}


#logooben{
margin: 0px 0px 0px 0px; 
left: 0px; 
top: 60px; 
border: 0px solid #FF0000; 
width: 50%; 
height: 150px; 
}
#logobild{
width: 50%; 
height: 100%; 
float: left; 
background-color: #FECB09; 
padding: 0px 0px 0px 0px; 
margin: 0px; 
}
#logotext{
padding: 3px 0px 0px 1%; 
margin: 0px; 
width: 49%; 
float: left; 
}

#headerbild{
float: right; 
margin: 0px 0px 0px 0px; 
position: absolute; 
top: 60px; 
right: 0px; 
width: 49%; 
height: 150px; 
border: 0px solid #FF0000; 
text-align: center; 
overflow: hidden; 
}
.headerpix{
height: 150px; 
width: auto; 
padding: 0px; 
margin: 0px; 
border: 0px solid #FFFFFF; 
}

#zentrieren{
width: 80%; 
padding: 0px 10% 40px 10%; 
margin: 220px 0px 0px 0px; 
border-top: 1px solid #CCCCCC;
border-left: 0px solid #353637;
border-right: 0px solid #353637;
border-bottom: 0px solid #353637;
}

#texte{
width: 100%; 
margin: 30px 0px 150px 0px; 
}

.startseiten_box{
width: 100%; 
}

#partnerbox{
}


#footer{
width: 90%; 
padding: 50px 5% 50px 5%; 
}

#subnavigationrefer{
display: none; 
}



}


@media screen and (min-width: 300px) and (max-width: 481px) { 
#logooben{
position: static; 
width: 100%; 
}
#headerbild{
width: 100%; 
position: static; 
}
#zentrieren{
margin: 80px 0px 0px 0px; 
border-top: 0px solid #CCCCCC;
}

.reftxt{
width: 100%; 
float: left; 
}
.refbild{
width: 100%; 
float: left; 
}
.refbild img{
width: 45%; 
}



}