body.tot {
     background-color: red;
}

body {
     background-color: black;
     }


.tabelle {
    margin-top:50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

p {
    margin:20px;
    color:#ffffff;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size:150%;
    align:center;
    }


 button.knopp {
  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 35px 60px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 150%;
  margin: 4px 2px;
  cursor: pointer;
  transition-duration: 0.6s;
}

button.knopp:hover {
    background-color: #8CEB84;
    color:#FFF;
}

button.totknopp {
  background-color:#FF0000;
  border: none;
  color: white;
  padding: 35px 60px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 150%;
  margin: 4px 2px;
  cursor: pointer;
  transition-duration: 0.6s;
}
button.totknopp:hover {
    background-color: #8F2C1B;
    color:#FFF;
}


img.story {
   width: 100%;
   object-fit: contain;
}