#weichwasser {width:100%!important;height:auto;text-align:center!important;position:absolute;top:0; left:0;z-index:100}
.wraper  {text-align:left;margin:150px auto 0 auto;position:relative;}


footer,header,hgroup,nav,section {display: block;}

html {font-size: 100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Roboto:400,700);


@font-face {
    font-family: 'GothamLight';
    src: url('fonts/gotham-light.eot');
    src: url('fonts/gotham-light.otf') format('opentype'),
         url('fonts/gotham-light.eot?iefix') format('embedded-opentype'),
         url('fonts/gotham-light.woff') format('woff'),
         url('fonts/gotham-light.ttf') format('truetype'),
         url('fonts/gotham-light.svg#gothamlight') format('svg');}




body {margin: 0; color: #666;  font-family: 'GothamLight', 'Roboto',  "Helvetica Neue", Helvetica, Arial, sans-serif;inherit;font-weight:300;
font-size: 85%;line-height: 120%;background-color: #fff;text-align:center}

a {color: #666;text-decoration: none;}
a:hover {color: #2795A6;text-decoration: none;}

h1,h2, h3, h4, h5, h6 {margin: 0px 0;font-family: inherit;font-weight:300;}
h2 {font-size:2.4em;line-height: 2.5rem;color:#666;text-align:center;text-transform:uppercase;letter-spacing: 0.2em;}
h1 {font-size:3.1em;line-height: 4rem;color:#666;text-align:center;text-transform:uppercase;letter-spacing: 0.2em;}
h3 {font-size:1.5em;line-height: 1.8em;color:#666;margin-bottom:0 em;font-weight:300;letter-spacing: 0.1em;}
h4 {font-size:2.4em;line-height: 128%;color:#666;margin-bottom:0.7em}
h5 {font-size:1.4em;font-size:1.6em;font-weight:normal;}
h6 {font-size: 11.9px;}

p, ul li{font-size: 1.3em;line-height:1.4em; font-weight:300;}
p {margin: 0 0 0px;text-align:justify}

.center {text-align:center}

.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;
}


.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.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {margin-left: 0;}
[class*="span"].pull-right,.p [class*="span"].pull-right { float: right;}

.container {margin-right: auto;margin-left: auto;*zoom: 1;}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,.container-fluid:after {display: table;line-height: 0;content: "";}
.container-fluid:after {clear: both;}
strong {font-weight: bold;}

.rund  {overflow:hidden;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}  
.hellblau {background:#4cafd8;}
.blau {background:#2795A6;}
.mittellblau {background:#269ed0;}
.helllgrau {background:#e6e6e6;}
.grau {background:#58585a;}
.hellblau, .blau, .grau, .mittellblau {padding:20px 15px;}
.hblau, .link  {color:#2795A6}
.orange   {color:#f5b037}
.pblau {color:#2795A6;margin:15px 0 7px 0}
.weiss {background:#fff;padding:30px}

.blau, .blau p, .blau a, .blau h1,  .blau h2, .blau h3, .blau h4, .blau h5, .blau h6, 
.hellblau,  .hellblau p ,  .hellblau a,  .hellblau li, .hellblau h1, .hellblau h2, .hellblau h3,  .hellblau h4 , .hellblau h5, .hellblau h6,
.mittellblau, .mittellblau a, .mittellblau p, .mittellblau h1, .mittellblau h2, .mittellblau h3, .mittellblau h4, .mittellblau h5, .mittellblau h6,
.grau, .grau a, .grau p, .grau h1, .grau h3 {color:#fff}

.weiss, .weiss p, .weiss a,  .weiss h3, .weiss h4  {color:#666}
.weiss a {color:#2795A6;font-weight:bold}
.telefon {position:absolute; top:0px;right:0;width:100%;padding:15px 0;background:#2795A6;position:fixed;z-index: 2000}
.telefon h5 {font-weight:bold;color:#fff;font-size:2.5em;line-height: 1.2em;margin:20px 0;}
.image {background: url('wasser.jpg') no-repeat center left ;background-size: 100% auto}
.rund {border:8px solid #fff;  border-radius: 25px 0 25px 0;background:#fff}
.rund p {padding:3px 10px;background:#2795A6}

footer {margin:0;position:relative;text-align:left}
.linkleft {float:left}
.linkrechts {float:right}
.footerlinks  {padding:0;position:absolute; top:20px; right:20px}
.footerlinks a {display:inline-block;padding:0px 15px ;}


.wir {margin:30px 0 0px 0}
.eckstein {margin:0px 10% 0px 15%;}
#wasserenthaerter .span18 {margin-top:20px}


footer h3 {line-height: 1.2em;}
footer p {text-align:left}
footer .orange {font-weight:bold}
footer .webdesign {color:#2795A6}


/*@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: 1150px){
.flex h3 {padding:0 2%!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:90px 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;}   
    footer h3 {font-size:1.35em;}
    .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} 
.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;}
		

}