body {
 font-family:'Source Sans Pro', Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
 font-size: 16px;
 COLOR:#464646;
 overflow-x: hidden;
 min-height: 100vh;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
a {
  color: inherit;
}
.kopf {
  position: sticky;
  display: flex;
  flex-direction: column;
  background-color: white;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  top: 0px;
  left: 0px;
  width: 100%;
  box-shadow: 0px 1px 10px gray;
}
#menu {
  align-self: end;
  margin-right: 30px;
  margin-top:5px;
  margin-bottom: 5px;
  grid-column: 1/3;
  cursor: default;
}
#menu span{
  cursor: pointer;
}
#menu>a {
  text-decoration: none;
  color: inherit;
}
#regbox {
  display: none;
  position: absolute;
  border: 1px solid #aaa;
  background-color: #fff;
  box-shadow: 0px 0px 4px #555;
  border-radius: 5px;
  padding-top: 5px;
  font-size: 12pt;
  z-index: 2;
}
#regbox>div{
  cursor: pointer;
  padding: 10px;
  padding-left: 15px;
}#regbox>div a{
  text-decoration: none;
}
#regbox>div:hover{
  background-color: #eee6;
}
.footer {
  display: grid;
  grid-template-columns: auto auto;
  border-top: 2px solid #e61f4a;
  margin-top: 20px;
  width: 100%;
  justify-items: center;
}
.footer>div {
  margin: 10px;
}
.footer>div>a {
  text-decoration: none;
  color: #e61f4a;
  font-weight: bold;
}
.subtitle {
  margin-left: 10%;
  font-size: x-large;
  font-style: italic;
}
.subtitle::first-letter {
  font-size: xx-large;
  font-style:oblique;
  font-weight: bold;
  color: #e61f4a;
}
#content {
  margin-left: 10%; 
  margin-right: 10%; 
  margin-top: 50px; 
  border: 1px solid #ccc; 
  padding: 10px; 
  border-radius: 10px;
}
.buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}