/* 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**** */
html{width: 100%; height: 100%; padding: 0px; margin: 0px; }
body{width: 100%; height: 100%; padding: 0px; margin: 0px; 
font-family: 'Roboto', Segoe, Helvetica, Arial, Verdana, Sans, Lucida;
  font-size: 1.0em; 
  font-weight: 300; 
}

a:link, a:visited{
color: #000000; 
}

.slideshow-container{
padding: 0px; 
margin: 0px !important; 
}

#zentrieren{
width: 90%; 
margin: 0px 0px 0px 5%; 
padding: 40px 0px 150px 0px; 
border-top: 1px solid #E2E2E2; 
border-left: 0px solid #E2E2E2; 
border-right: 0px solid #E2E2E2; 
border-bottom: 0px solid #E2E2E2;
display: inline-block; 
}
#inhalt_top{
width: 90%; 
margin: 0px 0% 0px 0%; 
padding: 30px 5% 30px 5%; 
border-bottom: 1px solid #E2E2E2; 
display: inline-block; 
}
.toplink{width: 33%; float: left; border: 0px solid #FF0000; }
.toplink img{position: relative; margin: 0px auto; border: 0px solid #FF0000; display: block; }
#header{
height: 160px; 
border-bottom: 10px solid #C1C1C1; 
z-index: 1000; 
position: relative; 
margin: 0px 0px 20px 0px; 
}

.small{font-size: 0.7em; line-height: 0.7em; }

.textlinks, .textrechts{
width: 45%; 
float: left; 
border: 0px solid #FF0000; 
margin: 0px 0px 0px 0px;  
padding: 0px 4% 0px 0px; 
}
.textlinks img{
max-width: 100%; 
height: auto; 
}
 
.servlink{
float: left; 
text-align: center; 
width: 24%; 
padding: 0px; 
margin: 0px 1% 50px 0px; 
}
.servlink img{
height: 150px; 
}
.servtext{
display: block; 
padding: 0px 0px 0px 0px; 
margin: 30px 0px 0px 0px; 
}
.servlink.schwarz .servtext{
background-color: #000000; 
}
.servlink.blau .servtext{
background-color: #002482; 
}
.servlink.blauvw .servtext{
background-color: #06466d; 
}
.servtext a:link, .servtext a:visited, .servtext{
text-decoration: none; 
font-weight: 400; 
height: 50px;  
line-height: 50px;  
color: #FFFFFF; 
border: 0px solid #FF0000; 
}

#social{
border: 0px solid #FF0000; 
position: fixed; 
right: 0px; 
top: calc(50% - 100px); 
height: 300px; 
width: 40px; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
z-index: 10000; 
}

.normal #social {
right: -50px; 
}



#social a{color: #FFFFFF; display: block; }
#social #mailbox, #social #servicebox, #social #partnerbox, #social #homebox, #homeboxvw, #social #fb, #social #inst{
position: absolute; 
right: -190px; 
width: 230px;
height: 40px; 
overflow: hidden; 
background-color: #000000; 
color: #FFFFFF; 
border: 1px solid #FFFFFF; 
padding: 0px 0px 0px 50px; 
margin: 0px 0px 10px 0px; 
line-height: 40px; 
background-position: 0px 0px; 
background-repeat: no-repeat; 
background-size: 40px 40px; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}
#social:hover, #social:focus{
width: 240px; 
}
#social #mailbox:hover, #social #servicebox:hover, #social #partnerbox:hover, #social #homebox:hover, #social #homeboxvw:hover,#social #fb:hover, #social #inst:hover, 
#social #mailbox:focus, #social #servicebox:focus, #social #partnerbox:focus, #social #homebox:focus, #social #homeboxvw:focus, #social #fb:focus, #social #inst:focus, #social #mailbox.auf, #social #servicebox.auf, #social #partnerbox.auf, #social #homebox.auf, #social #fb.auf, #social #inst.auf
{
right: 0px; 
z-index: 10001; 
}

#social #mailbox{background-image: url("images/icons/mail.jpg"); top: 0px; }
#social #servicebox{background-image: url("images/icons/service.jpg"); top: 50px; }
#social #partnerbox{background-image: url("images/icons/partner.jpg"); top: 100px; }
#social #homebox{background-image: url("images/icons/stern_icon.png"); top: 150px; }
#social #homeboxvw{background-image: url("images/icons/vw_icon.png"); top: 200px; }
#social #fb{background-image: url("images/fb_white.png"); top: 250px; }
#social #inst{background-image: url("images/inst_white.png"); top: 300px; }

ul.nav{
float: right; 
font-weight: 400; 
list-style-type: none; 
margin: 0px 5% 0px 0px; 
padding: 45px 0px 0px 0px; 
position: relative; 
z-index: 500; 
border: 0px solid #FF0000; 
}
ul.nav li{
float: left; 
border: 0px solid #FF0000; 
margin: 0px 30px 0px 0px; 
font-weight: 700; 
height: auto; 
display: block; 
}
ul.nav li a{
color: #000000; 
text-decoration: none; 
width: 100%; 
display: block; 
}

ul.subnav{
border-top: 0px solid #DDDDDD; 
border-left: 0px solid #DDDDDD; 
border-right: 0px solid #DDDDDD; 
border-bottom: 1px solid #DDDDDD; 
background-color: #FFFFFF; 
opacity: 0.95; 
display: none; 
position: absolute; 
top: 70px; 
padding: 20px 0px 0px 0px; 
  background-image: url("images/sys/arrow_1c.png"); 
  background-position: 20px 0px; 
  background-repeat: no-repeat; 

margin-top: 0px; 
max-width: 250px;  
}
ul.subnav li{
float: left; 
width: 100%; 
margin: 0px; 
padding: 0px; 
}
ul.subnav li.first{
border-bottom: 1px solid #DDDDDD; 
border-left: 1px solid #DDDDDD; 
border-right: 1px solid #DDDDDD; 
}
ul.subnav li.one{
border-top: 1px solid #DDDDDD; 
border-left: 1px solid #DDDDDD; 
border-right: 1px solid #DDDDDD; 
}


ul.subnav li a{
display: block; 
margin: 0px; 
padding: 8px 8px 8px 8px; 
}


ul.subnav.two.active, ul.subnav.three.active, ul.subnav.six.active{
display: inline-block; 

}




ul.responsive{
display: none; 
}

div#logo{
float: left; 
max-width: 18%; 
border: 0px solid #FF0000; 
margin: 30px 0px 0px 5%;
}
img.logo{
width: 100%; 
max-width: 300px; 
height: auto; 
padding: 0px 0px 0px 0px; 
margin: 0px; 
}

#radiospot{
width: 95%; 
margin: 0px; 
padding: 20px 0% 20px 5%;  
border: 0px solid #FF0000; 
}
#radiospot h3{
width: 100%; 
display: block; 
font-size: 1.5em; 
}
.audiobox, audio{
width: 100%; 
display: block; 
border: 0px solid #FF0000; 
}

.herobilder{
position: relative; 
width: 100%;  
margin: 0px; 
padding: 20px 0px 20px 0px;  
max-width: 100%; 
overflow-x: hidden;
z-index: 500; 
}
.herobilder img{
width: 100%; 
}

.newsbox{
width: 23%; 
min-height: 550px; 
float: left; 
padding: 0px; 
margin: 0px 1% 30px 0px; 
border: 1px solid #999999; 
position: relative; 
}
.newsbild, .newsbild img{
width: 100%; 
height: auto; 
padding: 0px; 
margin: 0px; 
}
.newstext{
padding: 20px 20px 80px 20px; 
margin: 0px; 
width: calc(100% - 40px); 
height: auto; 
display: block; 
border: 0px solid #FF0000;
}
.newslink{
display: block; 
padding: 0px; 
margin: 20px 20px 20px 20px; 
float: left; 
width: calc(100% - 40px); 
position: absolute; 
bottom: 20px; 
font-size: 0.9em; 
}

.weiterenews{
display: inline-block; 
width: 100%; 
float: left; 
border-top: 1px solid #CCCCCC; 

}
.weiterenews b.nheadline{
display: inline-block; 
width: 100%; 
float: left; 
margin: 0px; 
padding: 30px 0px 30px 0px; 
}


.jobbox{
display: block; 
width: 100%; 
min-height: 350px; 
padding: 0px; 
margin: 0px 0px 30px 0px; 
border: 0px solid #FF0000; 
background-repeat: no-repeat; 
background-size: cover; 
}
.jobbox.eins{
  background-image: url("images/jobs/001.jpg"); 
}
.jobbox.zwei{
  background-image: url("images/jobs/002.jpg"); 
}
.jobbox.drei{
  background-image: url("images/jobs/003.jpg"); 
}
.jobtext{
width: 90%; 
text-align: left; 
margin: 20px 5% 20px 5%; 
padding: 0px; 
color: #FFFFFF; 
font-size: 1.3em; 
display: block; 
font-weight: 400; 
}
.jobtext h3{
font-weight: bold; 
font-size: 1.8em; 
}

.infobox{
display: flex; 
/*flex: auto;  */
flex-flow: row wrap; 
justify-content: flex-start; 
align-items: stretch;  
border: 0px solid #FF0000; 
}
.ibox{
align-self: stretch; 
width: 22%; 
min-width: 320px; 
min-height: 220px; 
border: 0px solid #FF0000; 
margin: 10px 1% 10px 0%; 
padding: 10px; 
position: relative; 
left: 0px; 
overflow: hidden; 
}
.ibild{
align-self: flex-start; 
display: inline-block; 
max-width: 100%; 
min-height: 280px; 

}
.ibild img{
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
width: 100%; 
height: auto; 
position: absolute; 
left: 0%; 
top: 0%; 
}
.ibild img:hover, .ibild img:focus{
width: 110%; 
left: -5%; top: -5%; 
}

.itext{
display: inline-block; 
text-align: center; 
width: 100%; 
height: 40px; 
line-height: 40px; 
border: 0px solid #FF0000; 
position: absolute; 
bottom: 0px;  
left: 0px; 
background-color: #FFFFFF; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}
.itext:hover, .itext:focus{
background-color: #000000; 
color: #FFFFFF; 

}
.itext:hover img, .itext:focus img{
filter: invert(100%);
}

/*
content: "\f0ad"; - Schraubenschluessel 
content: "\f05d"; Haken_OK
content: "\f1ea"; News
content: "\f0c0"; Aboutus
content: "\f0e4"; Tacho 
content: "\f085"; Zahnraeder 
content: "\f2b5"; Shake_hands 
content: "\f01d"; Play-BTN 

content: "\f3c5"; Standort
content: "\f086"; Sprechblasen 
content: "\f017"; Uhr 
content: "\f2b9"; Kontakt

*/



#startfooter{
width: 95%; 
height: auto; 
display: inline-block; 
margin: 0px; 
padding: 30px 0px 50px 5%; 
border-top: 1px solid #E2E2E2; 
}
#fussbereich{
display: inline-block; 
width: 100%; 
padding: 0px; 
margin: 0px; 
border: 0px solid #FF0000; 
}

#footer{
width: 90%; 
height: auto; 
display: inline-block; 
margin: 0px; 
padding: 30px 5% 50px 5%; 
border-top: 1px solid #E2E2E2; 
}


#startfooter #logo_fuss, #footer #logo_fuss{
width: 25%;
padding: 0px; 
margin: 0px; 
float: left; 
display: inline-block; 
}
#startfooter #logo_fuss a, #footer #logo_fuss a{
font-weight: 700; 
text-decoration: none; 
color: #000000; 
}
#startfooter #googlemaps{
width: 70%;
min-height: 450px; 
padding: 0px; 
margin: 0px 0px 0px 5%; 
float: right; 
display: block; 
  background-color: #CCCCCC; 
  height: auto; 
    overflow-x: hidden; 
    border: 0px solid #FF0000; 
}

#footer #googlemaps{
width: 70%;
min-height: 450px; 
padding: 0px; 
margin: 0px 0px 0px 5%; 
float: right; 
display: block; 
  background-color: #CCCCCC; 
  height: auto; 

}
#googlemaps img{
min-width: 100%;
height: auto;  
padding: 0px; 
margin: 0px; 
}

#static_fuss{
position: relative; 
bottom: 0px; 
width: 100%; 
margin: 0px; 
padding: 20px 0px 20px 0px; 
height: 70px; 
background-color: #000000; 
color: #FFFFFF; 
  border: 0px solid #FF0000; 
}
#fuss{
position: relative; 
bottom: -20px; 
width: 100%; 
margin: 0px; 
padding: 30px 0px 30px 0px; 
height: 40px; 
background-color: #000000; 
color: #FFFFFF; 
border: 0px solid #FF0000; 
}
#standardfooter #fuss.noslider{
height: 30px; 
padding: 30px 0px 0px 0px; 
margin: 0px; 
display: block; 
float: left; 
border: 0px solid #FF0000; 
}
#fuss.slider #left_fuss{
top: 0px; 
}
#fuss.slider #right_fuss{
height: 40px;
top: 10px; 
}

#footinfo{
display: block; 
border: 0px solid #FF0000; 
width: 90%; 
height: 200px; 
margin: 0px 5% 0px 5%; 
padding: 0px 0px 30px 0px; 
float: left; 
}

#standardfooter{
width: 100%; 
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 30px 0px 30px 0px; 
background-color: #000000; 
display: block; 
position: relative; 
bottom: 0px; 
left: 0px; 
float: right; 
border: 0px solid #FF0000; 
}
#standardfooter .social img{
width: 40px; height: auto; filter: grayscale(1);
}


#standardfooter .social img:hover{
filter: grayscale(0);
}
#standardfooter, #standardfooter a{
color: #FFFFFF; 
text-decoration: none; 
}
.stand_foot_cell{
position: relative; 
width: 23%; 
float: left; 
padding: 0px 0px 0px 2%; 
border: 0px solid #FF0000; 
}


#static_fuss a, #fuss a{
text-decoration: none; 
color: #FFFFFF; 
margin: 0px 30px 0px 0px; 
}
#totop{
width: 30px; 
height: 30px; 
display: inline-block; 
padding: 5px; 
}
#totop a{
display: inline-block; 
width: 30px; 
height: 30px; 
background-color: #E2E2E2; 
border-radius: 25px; 
margin: 0px 0px 0px 0px; 
padding: 5px 5px 5px 5px; 
text-align: center; 
vertical-align: middle; 
font-weight: 700; 
font-size: 1.0em; 
color: #666666; 
}

#left_fuss{position: absolute; left: 5%; bottom: 0px; display: block; width: 50%; height: 40px; margin: 0px; 
padding: 20px 0px 0px 0px; border: 0px solid #FF0000; }
#right_fuss{position: absolute; right: 5%; bottom: 0px;  display: inline-block; width: 30%; height: 60px; text-align: right; margin: 0px; border: 0px solid #FF0000; 
padding: 0px 0px 0px 0px; }
#right_fuss a{ border: 0px solid #FF0000;}

 /* SLIDER SEITE ANSPRECHPARTNER Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px 18px 18px 50px;
  margin: 0px 0px 10px 0px; 
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  background-image: url("images/sys/plus_1.png"); 
  background-repeat: no-repeat; 
  background-size: 30px 30px; 
  background-position: 10px 10px; 
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}
.active{
  background-image: url("images/sys/minus.png"); 
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.mitarbeiter{
width: 22%; 
min-height: 200px; 
float: left; 
padding: 10px; 
background-color: #EEEEEE; 
margin: 0px 1% 20px 0px; 
}

.mitarbeiter img{
max-width: 100%; 
height: auto; 
}
.mitarbeiter a{
}
.mitarbeiter .mailbtn a{
font-weight: 400; 
color: #FFFFFF; 
background-color: #000000; 
border-radius: 8px; 
display: inline-block; 
float: left;  
padding: 10px 15px 10px 15px; 
margin: 20px 0px 0px 0px; 
}

/* SLIDER SEITE ANSPRECHPARTNER */
#formular.karriereform #name input, #formular.karriereform #vorname input, #formular.karriereform #strasse input, #formular.karriereform #plzort input, #formular.karriereform #email input, #formular.karriereform #telefon input, #formular.karriereform #fax input, #formular.karriereform #infotext input, 
#formular #name input, #formular #vorname input, #formular #strasse input, #formular #plzort input, #formular #email input, #formular #telefon input, #formular #fax input, #formular #infotext input{
width: 90%;
border: 1px solid #999999; border-radius: 8px; padding: 5px 10px 5px 10px; font-size: 1.0em; float: right; 
}
#formular.karriereform #name, #formular.karriereform #vorname, #formular.karriereform #strasse, #formular.karriereform #plzort, #formular.karriereform #email, #formular.karriereform #telefon, #formular.karriereform #fax, #formular.karriereform #infotext, 
#formular #name, #formular #vorname, #formular #strasse, #formular #plzort, #formular #email, #formular #telefon, #formular #fax, #formular #infotext


{
background-color: #F6F6F6; padding: 8px; 
border-top: 1px solid #DFDFDF;
}



@media screen and (min-width: 996px) and (max-width: 1150px) { 
ul.nav{width: 65%;}
ul.nav li{margin: 0px 13px 0px 0px; display: block; }
.infobox{height: auto; border: 0px solid #DFDFDF; align-self: auto;}
.ibox{min-width: 250px; min-height: 170px; border: 1px solid #DFDFDF; height: auto; }
.servlink{width: 30%; min-height: 250px; border: 1px solid #DFDFDF;}
.servlink img{width: 100%; height: auto; }
.servlink.blauvw img{padding: 50px 0px 0px 0px; }
.newsbox{width: 30%; min-height: 490px; }

}

@media screen and (min-width: 300px) and (max-width: 995px) { 
#formular {width: 100% !important; }
#formular.karriereform{width: 98% !important; padding: 0px 1% 0px 1%; }
#formular.karriereform #name, #formular.karriereform #vorname, #formular.karriereform #strasse, #formular.karriereform #plzort, #formular.karriereform #email, #formular.karriereform #telefon, #formular.karriereform #fax, #formular.karriereform #infotext{
width: 90%; !important; display: block; 
}
#formular.karriereform #name input, #formular.karriereform #vorname input, #formular.karriereform #strasse input, #formular.karriereform #plzort input, #formular.karriereform #email input, #formular.karriereform #telefon input, #formular.karriereform #fax input, #formular.karriereform #infotext input{
width: 90%;
}
.textlinks, .textrechts {
width: 90%;
float: left;
border: 0px solid #FF0000;
margin: 0px 0px 0px 0px;
padding: 0px 5% 0px 5%;
}
#header{overflow: hidden; }
#header.zactive{overflow: visible; }
ul.nav{display: none; }
ul.responsive {
position: absolute; 
left: calc(100% - 60px); 
top: 0px; 
padding: 10px 20px 20px 80px; 
margin: 0px; 
display: block;
background-image: url("images/sys/hamburger_schwarz.png"); 
background-repeat: no-repeat; 
background-position: 10px 40px; 
list-style-type: none; 
border: 0px solid #FF0000;
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}
ul.responsive a{color: #000000; }
ul.responsive.zactive{
left: 20%; 
top: 0px; 
width: 80%; 
min-height: 100%; 
padding: 10px 10% 20px 10%;  
background-image: url("images/sys/minus_weiss.png"); 
background-color: rgba(0,0,0,.8);
background-size: 30px 30px; 
}
ul.responsive.zactive a{
color: #FFFFFF; 
text-decoration: none; 
}
ul.responsive li{
font-weight: 400; 
font-size: 1.1em; 
margin: 0px; 
padding: 10px 0px 10px 0px; 
display: block; 
border-top: 1px solid #FFFFFF; 
}
ul.responsive li ul{
padding: 0px; 
margin: 0px; 
}
ul.responsive li li{
font-weight: 300; 
font-size: 0.95em;
padding: 10px 0px 10px 20px; 
margin: 0px; 
border-top: 1px solid #999999; 
}

.infobox{height: auto; border: 0px solid #DFDFDF; align-self: auto;}
.ibox{min-width: 250px; min-height: 170px; border: 1px solid #DFDFDF; height: auto; }
.servlink{width: 30%; min-height: 250px; border: 1px solid #DFDFDF;}
.servlink img{width: 100%; height: auto; }
.servlink.blauvw img{padding: 50px 0px 0px 0px; }

.mitarbeiter{
width: 45%;
min-height: 200px;
float: left;
padding: 10px;
background-color: #EEEEEE;
margin: 0px 1% 20px 0px;
}

}
@media screen and (min-width: 482px) and (max-width: 768px) { 
.newsbox{width: 47%; min-height: 530px; }
.newslink{display: inline-block; }
}

@media screen and (min-width: 300px) and (max-width: 481px) { 

ul.responsive.zactive{
left: 0%; 
top: 0px; 
width: 80%; 
min-height: 100%; 
padding: 10px 10% 20px 10%;  
}
.mitarbeiter{
width: 97%;
min-height: 200px;
float: left;
padding: 10px;
background-color: #EEEEEE;
margin: 0px 1% 20px 0px;
}

.infobox{height: auto; border: 0px solid #DFDFDF; align-self: auto;}
.ibox{min-width: 180px; min-height: 170px; border: 1px solid #DFDFDF; height: auto; }
.servlink{width: 90%; min-height: 250px; border: 1px solid #DFDFDF;}
.servlink img{width: 100%; height: auto; }
.servlink.blauvw img{padding: 0px 0px 0px 0px; }
.newsbox{width: 90%; min-height: 530px; }
div#logo{
max-width: 50%; 
}
.slideshow-container .text {
display: none; 
}
#inhalt_top .toplink {
width: 100%; 
}
#fuss{
display: block; 
height: 120px;
}
#startfooter #logo_fuss, #left_fuss, #right_fuss{
width: 100%; 
position: relative; 
left: 0px;
text-align: center; 
}
#startfooter #googlemaps{
width: 100%; 
}
.textlinks, .textrechts {
    width: 90%;
    float: left;
    border: 0px solid #FF0000;
    margin: 0px 0px 0px 0px;
    padding: 0px 5% 0px 5%;
}
.stand_foot_cell {
    position: relative;
    width: 47%;
    height: 200px; 
    float: left;
    padding: 0px 0px 0px 2%;
    border: 0px solid #FF0000;
}
#footinfo{
height: 400px;
}
#standardfooter #fuss.noslider{
height: auto;
border-top: 1px solid #999999;
}


}