* {
 b order: 1px solid #000 ;
 padding: 0 ;
 margin: 0 ;
}

html{
}

body {
 font-size: 1em ;
 font-family: Arial ;
 color: #8E8E8E ;
 background-color: #7F7F7F ;
}

#hauptcontainer{
}

#menu{
 width: 100% ;
 height: 70px ;
 z-index: 9999 ;
}

#leiste_oben_menu{
 text-align: center ;
}

#leiste_oben_menu_inner{
 display: inline-block ;
}

#leiste_oben_menu_smartphone{
 display: none ;
 width: 100% ;
}

#unterMenuLeiste{
 height: 1px ;
 background-color: #676767 ;
}

div.buttonMenu{
 margin-top: 20px ;
 margin-right: 10px ;
}

div.buttonMenuStrich{
 w idth: calc(100% - 20px) ;
 width: calc(100% - 10px) ;
 height: 2px ;
 background-color: #350000 ;
}

div.buttonMenuLogo{
 margin-right: 15px ;
}

img.buttonMenuLogo{
 height: 70px ;
}

a.buttonMenu{
 font-size: 1.5em ;
 color: #fff ;
}

a.buttonMenuSmartphone{
 font-size: 1em ;
 color: #fff ;
}

div.buttonMenuSmartphone{
 text-align: center ;
 padding-top: 5px ;
 padding-bottom: 5px ;
 border-bottom: 1px solid #fff ;
}



div.bigBoxNurMitTextZusammen{
 position: relative ;
}

div.bigBoxZusammen{
 width: 100% ;
 position: relative ;
 text-align: center ;
}

div.bigBoxZusammenImgDiv{
 
}

img.bigBoxZusammenImg{
 max-width: 100% ;
}



div.bigBoxZusammenInhalt{
 position: absolute ;
 top: 0px ;
 color: #fff ;
 text-align: left ;
}

div.bigBoxNurMitTextZusammenInhalt{
 color: #fff ;
 text-align: left ;
}

div.bigBoxNurMitTextZusammenInhaltLinks{
 margin: 20px ;
 padding: 20px ;
 margin-right: 50% ;
}

div.bigBoxNurMitTextZusammenInhaltMitte{
 padding: 20px ;
 margin: 20px ;
 width: calc(100% - 80px) ;
}

div.bigBoxNurMitTextZusammenInhaltRechts{
 margin-left: 50% ;
 margin-top: 20px ;
 margin-right: 20px ;
 padding: 20px ;
}

div.bigBoxNurMitTextNurMitPadding{
 padding: 20px 40px 20px 40px ;
 width: calc(100% - 80px) ;
}






div.bigBoxZusammenInhaltLinks{
 margin: 20px ;
 padding: 20px ;
 margin-right: 50% ;
}

div.bigBoxZusammenInhaltMitte{
 margin: 20px ;
 padding: 20px ;
 width: calc(100% - 80px) ;
}

div.bigBoxZusammenInhaltRechts{
 margin-left: 50% ;
 margin-top: 20px ;
 margin-right: 20px ;
 padding: 20px ;
}

div.mitFilter{
 background: rgba(0, 0, 0, 0.4) ;
 opacity: inherited ;
 filter: Alpha(Opacity=50) ;
}

#fuss{
 padding: 10px 0px 10px 0px ;
 text-align: center ;
 color: #fff ;
 font-size: 1em ;
 background-color: #676767 ;
}

#bigBoxMaps{

}













div.left{
 float: left ;
}

a.buttonMenu, a.buttonMenuSmartphone{
 text-decoration: none ;
}

.durchsichtig{
 background: rgba(94, 198, 233, 0.8) ;
 opacity: inherited ;
 filter: Alpha(Opacity=50) ;
}

img.imgSauber{
 vertical-align: bottom ;
}

img.logoFuss{
 height: 20px ;
}

a.aSauber{
 text-decoration: none ;
 color: #fff ;
}

font.uberschrift{
  font-size: 2.5em ;
}

font.kropka{
 color: #64B7D3 ;
}

input.inputFeld{
 width: 100% ;
 max-width: 400px ;
 height: 25px ;
}

textarea.inputTextarea{
 width: 100% ;
 max-width: 400px ;
 height: 100px ;
}






@-webkit-keyframes fadein{
 0%{opacity:0;visibility:visible;}
 100%{opacity:1;}
}

@-webkit-keyframes fadeout{
 0%{opacity:1;visibility:visible;}
 99%{opacity:0;}
 100%{opacity:0;visibility: hidden;}
}

@media only screen and (max-width : 1230px){
 a.buttonMenu{
  font-size: 1em ;
 }

 div.buttonMenu{
  margin-top: 27px ;
 }
}

@media only screen and (max-width : 950px){
 #buttonMenuLogo{
  display: none ;
 }
}

@media only screen and (max-width : 750px){
 #menu{
  height: auto ;
 }
 
 #leiste_oben_menu_smartphone{
  display: block ;
 }
	
 #leiste_oben_menu{
  display: none ;
 }

 div.bigBoxZusammenInhalt{
  position: static ;
 }

 div.bigBoxZusammenInhaltLinks{
  margin: 20px ;
  padding: 20px ;
  width: calc(100% - 80px) ;
 }

 div.bigBoxZusammenInhaltRechts{
  margin: 20px ;
  padding: 20px ;
  width: calc(100% - 80px) ;
 }
}

@media only screen and (max-width : 650px){
 div.bigBoxZusammenImgDiv{
  display: none ;
 }
}