Reflexion

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
  <title>Regelwerk</title>
  <style> /*die Anweisungen */
  body {
      font-family:"Trebuchet MS", Helvetica, sans-serif;
      letter-spacing: 4px; /*! wow*/
      font-size: 1em; /*Standardgröße */
      background-color: #254c73;
  }
  h1,h2,h3,h4,h5,h6,#logo   {
    text-align: center;
  }

#logo {
  width: 37em;
  margin: 0 auto;
}

  #inhalt {
        width: 37em;  /*ca. din-a4 Breite*/
        min-height: 52em; /*ca. din-a4 Länge*/
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px; /*Höhe des Logo?*/
        padding: 1em;
        background-color: white;
        box-shadow: 5px 5px 5px grey;
        /*anstatt der Grafik*/
  }
  /*Ein Beispiel für kleinere Displays*/
  @media (max-width: 23em) {
   #inhalt, #logo  {
       width: 22em;
    }
    #logo img {
      width: 100%;
      height: auto;
    }

  }
    </style>
</head>

<body>
     <div id="logo"><img src="../images/logo.jpg" width="xx" height="xx" alt="Logo Comunity Forum"></div>
     <div id="inhalt">
     <h1>Forum-Regelwerk</h1>
     <h2>Schnellnavigation</h2>
     <ol>
     <li>Grundsätze
        <ol>
      <li>Das Forumregelwerk</li>
     </ol>
     </li>
     <li>Allgemeine Regeln
      <ol>
        <li>usw.</li>
      </ol>
     </li>

     </ol>

     <hr />
                 <h3>Änderungen des Regelwerks</h3>
                 <p>Blabla....</p>
                 <hr />
     </div>
</body>

</html>