/*@media (max-width: 1200px) */

@media (max-width: 1740px) {
 #logo {display:block} 
 }
 
@media (max-width: 1550px) { .abstand {width:100px} }
@media (max-width: 1350px) { #menuinhalt a {font-size:0.9em }}

@media (min-width: 1260px) {#menutop {display:none}   }
@media (max-width: 1259px) {
#menuinhalt a, #sprachen, #logo, #logolink  {display:none!important} 
#menu{background:url(images/top_logo.png) top center no-repeat;background-size:100% auto;} 
#stage, #top {top:26px; }
#menu{background-position:0 27px;}
 }

@media (min-width: 980px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }

.container-fluid {padding-right: 0px;padding-left: 0px;}

  .row-fluid {width: 100%;*zoom: 1;}
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after { clear: both;}
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child { margin-left: 0;}
  
  .row-fluid .span24 {
    width: 100%;
    *width: 99.94680851063829%;
  }  
   .row-fluid .span23 {
    width: 95.73%;
    *width: 95.67%;
  }  
  .row-fluid .span22 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
    .row-fluid .span21 {
    width: 87.1799%;
    *width: 87.11%;
  }
  .row-fluid .span20 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
    .row-fluid .span19 {
    width: 78.6329%;
    *width: 78.57%;
  }
  .row-fluid .span18 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
    .row-fluid .span17 {
    width: 70.0859%;
    *width: 70.02%;
  }
  .row-fluid .span16 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
   .row-fluid .span15 {
    width: 61.5689%;
    *width: 61.50%;
  }
  .row-fluid .span14 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
    .row-fluid .span13 {
    width: 52.9919%;
    *width: 52.93%;
  }
  .row-fluid .span12 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
   .row-fluid .span11 {
    width: 44.4449%;
    *width: 44.38%;
  }
  .row-fluid .span10 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span9 {
    width: 35.8979%;
    *width: 35.83%;
  }
  .row-fluid .span8 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
   .row-fluid .span7 {
    width: 27.3509%;
    *width: 27.29%;
  }
  .row-fluid .span6 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
    
      .row-fluid .span6 {
    width: 22.976923076923077%;
    *width: 22.923731587561375%;
  }
    
    
    
    .row-fluid .span5 {
    width: 18.8039%;
    *width: 18.74%;
  }
  .row-fluid .span4 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span3 {
    width: 10.2567%;
    *width: 10.19%;
  }
  .row-fluid .span2 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
    .row-fluid .span1 {
    width: 1.7099%;
    *width: 1.64%;
  }
  
  
  
  .row-fluid .offset24 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset24:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }    
  .row-fluid .offset23{
    margin-left: 100.8547%;
    *margin-left: 100.74%;
  }
  .row-fluid .offset23:first-child {
    margin-left: 98.2906%;
    *margin-left: 98.18%;
  } 
  .row-fluid .offset22{
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset22:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  } 
   .row-fluid .offset21 {
    margin-left: 92.3076%;
    *margin-left: 92.19%;
  }
  .row-fluid .offset21:first-child {
    margin-left: 89.7435%;
    *margin-left: 89.7435%;
  }
  .row-fluid .offset20 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset20:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  } 
   .row-fluid .offset19 {
    margin-left: 83.7606%;
    *margin-left: 83.65%;
  }
  .row-fluid .offset19:first-child {
    margin-left: 81.1965%;
    *margin-left: 81.08%;
  } 
  .row-fluid .offset18 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset18:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
   .row-fluid .offset17 {
    margin-left: 75.2136%;
    *margin-left: 75.10%;
  }
  .row-fluid .offset17:first-child {
    margin-left: 72.6495%;
    *margin-left: 72.53%;
  }
  .row-fluid .offset16 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset16:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
   .row-fluid .offset15 {
    margin-left: 66.6666%;
    *margin-left: 66.55%;
  }
  .row-fluid .offset15:first-child {
    margin-left: 64.1025%;
    *margin-left:64.0%;
  }
  .row-fluid .offset14 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset14:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  } 
   .row-fluid .offset13 {
    margin-left: 58.1196%;
    *margin-left: 58.0%;
  }
  .row-fluid .offset13:first-child {
    margin-left: 55.5555%;
    *margin-left: 55.43%;
  }  
  .row-fluid .offset12 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
   .row-fluid .offset11 {
    margin-left: 49.5726%;
    *margin-left: 49.46%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 47.0085%;
    *margin-left: 46.89%;
  }  
  .row-fluid .offset10 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  } 
   .row-fluid .offset9 {
    margin-left: 41.0256%;
    *margin-left: 40.89%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 38.4615%;
    *margin-left: 38.35%;
  }
  .row-fluid .offset8 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }  
   .row-fluid .offset7 {
    margin-left: 32.4786%;
    *margin-left: 32.4786%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 29.9145%;
    *margin-left: 29.80%;
  }  
  .row-fluid .offset6 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
   .row-fluid .offset5 {
    margin-left: 23.9316%;
    *margin-left: 23.82%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 21.3675%;
    *margin-left: 21.25%;
  }
  .row-fluid .offset4 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  } 
   .row-fluid .offset3 {
    margin-left: 15.3846%;
    *margin-left: 15.27%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 12.8205%;
    *margin-left: 12.71%;
  }
   
  .row-fluid .offset2 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
    .row-fluid .offset1 {
    margin-left: 6.8376%;
    *margin-left: 6.72%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 4.2735%;
    *margin-left: 4.16%;
  }

  
}




@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {width: 724px;}
  

  
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
}
@media (max-width: 1750px){
#kompetenzen .drittel li {font-size:1.3em }
}


@media (max-width: 1150px){
.flex h3 {padding:0 2%!important;}
    .viertel   {width:46%!important; margin:0px 1.9% 20px 1.9%!important; }
     #bilder .drittel  {width:30%!important;margin:0 1.5%!important;}

}

@media (max-width: 979px) {
  body {padding-top: 0;}
      h1 {font-size:2.4em;line-height: 1.30em; margin:30px 0 20px 0!important} 
    .container-fluid {padding-right: 50px;padding-left: 50px;}  
.bloks, .unten, .anlagen {margin: 20px 30px 0 30px;width:auto!important;}  

.webdesign {display: none!important} 
    .drittel img {width:100%!important;margin:0px!important;padding:0px!important}
        .telefon {padding:7px 0;}
.telefon h5 {font-size:2.0em;line-height: 1.1em;margin:10px 0;}
    .wraper  {margin:60px auto 0 auto;}
    footer p, .unten, .unten p {font-size:1.0em!important;}
	
} /* nicht löschen*/

@media (max-width: 580px) { 
     h1 {font-size:2.3em;line-height: 1.35em; margin:0} 

.wraper  {margin:80px auto 0 auto;}

    
  }

@media (max-width: 490px) { 
  .container-fluid {padding-right: 30px; padding-left: 30px;}	
    .bloks, .unten, .anlagen {margin: 20px 15px 0 15px;width:auto!important;}  
    #kompetenzen .hellblau, #kompetenzen .blau, #kompetenzen .mittellblau {padding:20px 15px;min-height:150px}  
    footer h3 {font-size:1.35em;}
    .drittel p {font-size:1.1em;}
    .footerlinks  {top:10px;}
    
   .row-fluid { width: 100%;}

  [class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .row-fluid [class*="offset"]:first-child {margin-left: 0;}
    
 

.row-fluid [class*="span"] , footer .row-fluid  .span5.offset7 /* alle span Blöcke auf die ganze Breite*/
{
  display: block;
  float: left;
  width: 100%!important;
  min-height: 30px;
  margin-left: 0%;
  box-sizing: border-box;
  
}
    h1, h2 {font-size:2.0em;line-height: 1.35em; margin:0} 
    h3 {line-height: 1.35em; margin:0} 
.viertel   {margin-bottom:15px!important;}
  #kompetenzen .drittel  {  height:auto; margin-bottom:20px!important} 
.mitarbeiterkl .drittel {width:30%!important; margin:0 1.55%!important; }
.rechts {margin-top:20px!important}
    
} /* nicht löschen*/	





@media (max-width: 400px) {
	body {line-height: 1.25rem;line-height: 1.5rem;line-height: 150%;}
	h1, h2 {font-size:2.0em;margin:0} 
	h3 {font-size:1.4em;}
h4 {font-size:1.0em;}
.personal {margin-top:40px!important}
		

}