/* Basislayout der Seite, zentrierte Darstellung ab 60 Standardzeichen */

html { font-size        : 1em;
     }

body {
       color            : #363636;
       background-color : #363636;
       font-family      : Helvetica,Arial,sans-serif;
       display          : flex;
       flex-flow        : row wrap;
       margin           : 2rem auto;
       padding          : 0rem;
       max-width        : 60rem;
     }

header {
         flex             : 1 100%;
         background-image : linear-gradient(-5deg, #97a1aa, #88120e);
         color            : #fefde9;
         border-radius    : .5rem .5rem 0rem .5rem;
         padding          : 0rem 2rem;
       }

nav {
      flex             : 1 100%;
      font-size        : 1.2rem;
      margin-top       : .5rem;
      color            : #fefde9;
      border-radius    : .5rem 0rem .5rem 0rem;
      padding          : 1.9rem 3rem;
      background-image : linear-gradient(5deg, #88120e, #97a1aa);
    }

nav a {
        color           : #fefde9;
        padding-right   : 3rem;
        text-decoration : none;
      }

nav a:hover {
              text-decoration : underline;
            }

main {
       flex             : 1 100%;
       margin-top       : .5rem;
       background-color : #fefde9;
       border-radius    : 0rem .5rem .5rem .5rem;
       padding          : 0rem 2rem;
     }

footer {
         flex             : 1 100%;
         margin-top       : 1rem;
         padding          : 0rem;
         color            : #fefde9;
       }

footer a {
           color           : #fefde9;
           padding-right   : 3rem;
           text-decoration : none;
        }

footer a:hover {
                 text-decoration : underline;
               }


/* Ende der Datei */