@media screen and (max-width: 480px) {
  
  .accordion {
    max-width: 400px;
    text-align: left;
  }

  body{
    /*height: 100%;*/
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .boxrechts{
    width: auto;
    height: auto;        
    padding: 10px;        
    margin: 20px;
    border: 10px;        
  }

  .willkommen-text{
    padding: 20px;
    width: auto;
    max-width: 90%;
    margin: 20px;
    float: left;
  }

  .willkommen-fotostephan{        
    margin: 20px;
    float: right;        
  }

  header .navbar ul li{
    text-align: left;
  }
}