/*body-Element*/
body  {
  font-family: Calibri;
}

#Logo  {
  width: 200px;
}

#Websitetitel  {
  font-size: 45px;
}

#nav  {
  width: 100%;
  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  {
  text-align: center;	
  padding: 10px 20px;  
  color: #000;
  list-style: none;
}
#nav ul li:hover {
  background: #CCCCCC;
  color: #efefef;
}
#nav ul li a {
  text-decoration: none;
  color: #000;
}

#toggleNav  {  
 display: inline-block;
 position: absolute;
 right: 1em;     
 top: 0.5em;    
 border-radius: 0.4em; 
 cursor: pointer;
 padding: 0.357em;
 color: #000;
 background: #FFF;
 border: 1px solid #FFF;
 font-size: 1.1em;
 text-decoration: none;
}

#toggleNav:hover {
 border: 1px solid #CCCCCC;
 background: #CCCCCC;
 color: #efefef;
}

#navMain {          /*hier ist die Navigation nicht von Anfang an vorhanden*/
  display: none;	
}

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

/*Bilderreihe*/
#ersteFotos {
  margin-top: 3em;
  text-align: center; 
}

#ersteFotos img  {
  width: 100%;
  height: auto;     
}

/*Willkommens-Text*/
#box1 {
  overflow: hidden;
  text-align: block;
  background-color: white;
  width: auto;  
  position: relative;   
  left: 0em;  
  top: 0.2em;    
  right: 0em;  
  padding: 0.625em 1.25em;  
  font-size: 1em; 
  z-index: 1;
}	
 
/*seitliche Randbox*/
#box2  {
  background-color: white;
  width: 70%;  
  margin: 0 auto;
  padding: 0.5em;
}
 
#box1 img  {
  width: 100%;   /*33.5%;*/
  padding-top: 0.5em; 
  padding-right: 0.5em;
  padding-left: 0.5em;
}

#box2 img  {
  width: 100%;   
}