*{
    margin: 0;
    padding: 0;
    font-family:sans-serif;
}

.wrapper {
  width: 960px;
  max-width: 90%;
  margin: 0 auto;
}


/* fenster oben  */
#navigation  {
    z-index: 10;
    position:  fixed;
    top: 0;

    width:  100%;
    height: 100px;
    background-color: rgba(250, 250, 250, 0.8);

   }
   /* logobox  */


   #logo  {
       width: : 60px;
       height: 60px;

       float: right;

       margin: 10px;

      }

      /* logoschrift  */

      #logo  p {
         font-family: fantasy;
         font-size: 3em;


         }
         /* menu position  */
         #menu  {
             position:  fixed;
             float:right;
             margin-top: 40px;
             margin-right: 30px;

            }


         /* menuspreizung  */

         #menu a {

             padding-right: 30px;
             padding-top: 10px;
             text-decoration: none;
             font-weight: 700;
             color: black;

            }

         /*  balken */
         #menu a:hover {

             border-top: solid black 5px;


            }




         /* fenster oben  */
         #banner{

          width: 100%;
          height: 500px;
          z-index: 0;

         background:
          url(IMG_2501mini.jpg);
         background-size:cover;

            }


            #banner h1 {

             padding-top: 125px;
             padding-left: 100px;
             /*text-align: center;*/
             font-size: 4em;

             font-family: fantasy;


               }

         /* fenster oben  */
         #content{

          padding-top: 100px;


            }
         /* fenster oben  */
         /* fenster oben  */
         /* fenster oben  */