* {
   box-sizing: border-box; 
  }
  html {
    background-image: url("abstract-hexagon-smoke-fog-transparent-background.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
  }

  body {
    margin: 0;
  }
  #main ''
    display: flex;
    min-height: calc(100vh - 40vh);
  }
  #main > article {
    flex: 1;
  }
  #main > nav, 
  #main > aside {
    flex: 0 0 10vw;
  }

  #main > nav {
    order: -1;
  }
  header, footer, article, nav, aside {
    padding: 1em;
  }
  header, footer {
    height: 15vh;
  }

  article {
    div {
      display: box;
      width: 100%;
      font-family: Tahoma, Verdana, sans-serif;
      font-size: 1.5em;
      text-align: center;
      color: #960505;
    }
    p {
     font-weight: bold;
    }
    
    p .unterstrichen {
      text-decoration-line: underline;
    }
  }

  div .button {
    color: whitesmoke;
    display: block;
    border: 0.2em #960505 solid;
    padding: 0.5em;
    background: #c5c5c5;
    width: 30%;
    margin: auto;
  }

  a { 
    text-decoration: none;
    color #960505;
  }