/*body-Element*/
body  {
  font-family: Helvetica Neue;  
}

a#toogleNav  {
  display: none;	
}

/*Navigations-Logik*/
#navMain {       /*es gibt schon eine Navigation*/
  display: block;	
}

#navMain:target {      /*es gibt einen Link dorthin*/
  display: block;   
}

@media only screen and (min-width: 46.875em) {  /*bei einer groesseren Bildschirmbreite*/
	
#navMain  {        /*ist Navigation immer vorhanden*/
  display: block;	
}
	
a.toggle-nav  {    /*Menue-Link nicht sichtbar*/  
  display: none;  
}
	
}

/*Bilderreihe*/
#ersteFotos {
  text-align: center; 
  max-width: 100%;
  box-sizing: border-box; 
}

#ersteFotos img{
  height: auto;  
}

/*Navigation*/
#nav  {
  float: left;
  width: 10%;  
  font: bold 0.75em verdana, sans-serif;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#nav ul  {
  background: #FFF;
  padding: 0;
}
#nav ul li  {
  padding: 20px 20px;  
  color: #000;
  list-style: none;
}
#nav ul li:hover {
  background: #CCCCCC;
  color: #efefef;
}
#nav ul li a {
  text-decoration: none;
  color: #000;
}

#nav span  {
  display: none;	
}

/*Willkommens-Text*/
#box1 {
  float: left;
  background-color: white;
  width: 51.5%;
  margin-left: 0.5%;
  margin-top: 1%;
  padding: 0.625em 1.25em;   
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*seitliche Randbox*/
#box2  {
  float: right;   
  background-color: white;
  width: 37.5%;
  margin-top: 1%;
  padding: 0.625em 1.25em;  
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
     
#box1 img  {
  width: 100%;  /*31%;*/
  height: auto;
  padding-top: 0.5em; 
  padding-right: 0.5em;
  padding-left: 0.5em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}