/* Zeichensatz der Webseiten */
@charset "utf-8";
/* Schriftart laden */
@import url(https://fonts.googleapis.com/css?family=UnifrakturMaguntia);

/*Allgemeine Seiteneinstellungen */
body {
     /* Google-Schriftart */
     font-family: 'UnifrakturMaguntia', cursive;
     /* Schriftfarbe: Limettengrün */
     color: limegreen;
     /* Hintergrundfarbe: dunkelocker */
     background-color: #5E4314;
     /* Hintergrundbild von http://osirisbrackhaus.deviantart.com/art/Framed-Smoke-102060588, bitte Autor nennen und informieren */
     background-image: url('framed_by_firesign24_7.jpg');
     /* Hintergrundbild nicht wiederholen */
     background-repeat: no-repeat;
     /* Hintergrundbild ins Fenster einpassen */
     background-size: cover;
     }
header,
nav,
main,
footer { clear: both;
       }
h1 {
   text-align: center;
   text-decoration: underline;
   }
/* Absatz allgemein */
p { }
footer p {
         text-align: center;
         }
div {
     float: right;
     margin: 0.1em;
     /* border: 1px solid red; */
     }
div.r1 {
       font-size: 1em;
       }
div.r2 {
       font-size: 1.1em;
       }
div.r3 {
       font-size: 1.2em;
       }
div.r4 {
       font-size: 1.3em;
       }
div.r5 {
       font-size: 1.4em;
       }
div.r6 {
       font-size: 1.5em;
       }
div.r7 {
       font-size: 1.6em;
       }
div.r8 {
       font-size: 1.7em;
       }
div.r9 {
       font-size: 1.8em;
       }
div.l1 {
       float: left;
       font-size: 1em;
       }
div.l2 {
       float: left;
       font-size: 1.1em;
       }
div.l3 {
       float: left;
       font-size: 1.2em;
       }
div.l4 {
       float: left;
       font-size: 1.3em;
       }
div.l5 {
       float: left;
       font-size: 1.4em;
       }
div.l6 {
       float: left;
       font-size: 1.5em;
       }
div.l7 {
       float: left;
       font-size: 1.6em;
       }
div.l8 {
       float: left;
       font-size: 1.7em;
       }
div.l9 {
       float: left;
       font-size: 1.8em;
       }
header ul {
          text-align: center;
          font-size: 1,3em;
          }
header li {
          display: inline;
          list-style-type: none;
          }
header li::before {
                  content: '  |  ';
                  }
header li:first-child::before {
                              content: '';
                              }
footer ul {
          text-align: center;
          font-size: 0.8em;
          }
footer li {
          display: inline;
          list-style-type: none;
          }
footer li::before {
                  content: '  *  ';
                  }
footer li:first-child::before {
                              content: '';
                              }