body {
          background-color: orange;
     } 

h1 { 
          text-align: center;
   }

li {
          font-size: 16px;
   }
  
.menu {
          width: 100%;
          position: relative;
          top: 1%;
          left: 0.5%;
      }

.section {
          border: 0px solid #ccc;   <!-- Rahmengröße von Menü -->
          padding: 5px;
          margin-bottom: 10px;
         }

.show-details {
          cursor: pointer;
              }

.hidden {
          display: none;
        }

img {
         position: relative;
    }

a:visited {
          color: black;
          text-decoration: none;
          }
a:link {
          color: black;
          text-decoration: none;
       }

a:focus {
         color: black;
         text-decoration: underline;
        }

a:hover {
        color: black;
        text-decoration: underline;
        }

a:active {
       color: black;
       text-decoration: underline;
         }


* {
       margin:0;
       padding:0;
  }

html,body {
       height:100%;
          }

#wrapper {
       position:relative;
       min-height:100%;
       height:auto !important;
       height:100%;
       margin:0 auto -80px;
       background:orange;
         }

#middle {
       padding:10px 10px 80px 10px;
        }

#middle p {
       margin:5px 0;
          }

#footer {
       position:relative;
       width:50%;
       line-height:500%;
       margin:0 auto;
       background:orange;
       text-align:center;
        }

.clearfix:after {
       content:".";
       display:block;
       height:0;
       font-size:0;
       clear:both;
       visibility:hidden;
                 }