html{height:101%;background:#000}
body{
 margin:0;
 background:#fff;
 font-family:verdana;
 font-size:10pt !important;
 }

#adresse2{background:#333}
.adresse2{max-width:1000px;margin:auto;color:#fff;line-height:50px;}
.span12{display:inline-block;background:url(images/phone3.png) no-repeat left center;padding:0 10px 0 25px;}
.span22{display:inline-block;background:url(images/mail3.png) no-repeat left center;padding:0 10px 0 29px;}
.span32{display:inline-block;background:url(images/adress3.png) no-repeat left center;padding:0 10px 0 25px;;}
.span42{float:right;clear:right;display:inline-block;padding:10px 10px 0 25px;}
.span42 img{border-color:#fff;}
.adresse a, .adresse2 a{color:#fff}

#streifen{background:#63C6AE;line-height:70px;margin-bottom:60px;}
.streifen{max-width:1000px;margin:auto;color:#fff;font-size:14pt;}

.anker{display:block;padding-top:70px;}

.back-to-top, .back-to-top:hover {
 position: fixed;
 bottom:105px;
 right:90px;
 z-index:9999;
 background:#2064ad url(images/top.png) no-repeat center center;
 background-size:40px;
 width:40px;
 height:40px;
 border-radius:5px;
 border:1px solid #fff;
 }

.button{
 display:inline-block;
 width:auto;
 background:#6d9;
 padding:10px;
 font-size:12pt;
 color:#fff;
 border-radius:5px;
 }
.button:hover{background:#4b7}

.wrapper{
 position:relative;
 max-width:1010px;
 margin:10px auto;
 padding:0px;
 border:0px solid #333;
 background:#fff;
 }
.logo{float:left;max-width:359px;}

.lang{position:absolute;top:0;right:0;}

#header{position:relative;overflow:auto;
 padding:0px;
 margin-bottom:10px;
 border:bottom:1px solid #000;
 }
#galerie img{margin-bottom:5px;}

#bilder{float:right;max-width:320px;text-align:center;border:0px solid black}
#bilder img{margin-bottom:5px;}

#container{overflow:hidden;min-height:500px; border-top:0px solid black;}

h1, h2, h3{margin:0;padding:0 0 16px 0;font-weight:bold;color:#333}
#links{
 float:left;
 width:64%;
 padding:25px;
 background:transparent;
 }
#rechts{
 float:right;
 width:32%;
 padding:25px;text-align:center
 background:transparent;
 }

#links, #rechts{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
   padding-bottom: 32767px !important;
   margin-bottom: -32767px !important;
 }


.text-rechts{
 float:right;
 width:64%;
 border:0px solid black }

.text-links{
 float:left;
 width:55%;
 border:0px solid black }


.bild-links{float:left;width:auto;}
.bild-rechts{float:right;max-width:400px;;}


#footer{
 clear:both;
 line-height:100px;
 background:#000;
 text-align:center;
 color:#fff;
 }
p{
 font-size:11pt !important;
 margin:0 0 16px 0
 }
li{font-size:11pt;}

.clear{clear:both}




@media only screen and  (max-width: 900px) {

body{font-size:10pt !important;}

.wrapper{padding:0;}

#container{
 padding:10px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
}
.back-to-top, .back-to-top:hover {
 position: fixed;
 bottom:50px;
 right:20px;
 z-index:9999;
 background:#2064ad url(images/top.png) no-repeat center center;
 background-size:40px;
 width:40px;
 height:40px;
 border-radius:5px;
 border:1px solid #fff;
 }


h1{font-size:15pt;}
h2{font-size:12pt}

.bild-links, .bild-rechts{float:none;width:100%;text-align:center;margin-bottom:10px;}

.text-rechts, .text-links{
 float:none;width:100% ;
 box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
 }

#streifen{line-height:30px;margin-bottom:10px;padding:10px;}
.adresse, .adresse2{padding:10px;line-height:30px !important;}

#links, #mitte, #rechts {
 float:none;
 width:100% !important;
 padding:10px;
 margin:0;
}
#links ul{padding-left:20px;}
 }

@media only screen and  (max-width: 400px) {

.logo {max-width:250px !important}
.logo img{max-width:250px !important}

}