body {
  display: flex;
  /*justify-content: center;*/
  flex-direction: column;

}

body>* {
  width: 70%;
  align-self: center;

}


.kopftop {
  display: flex;

  justify-content: center;
  flex-direction: row;
  background-color: #323430;
}

.kopftop>div {
  flex: 1;
  /* width: 100px;
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;*/
}

.kopfmid {
  display: flex;

  justify-content: center;
  flex-direction: row;
  background-color: white;
  margin: 0 auto;
}

.kopfmid>div {
  flex: 1;
  /*width: 100px;
   margin: 10px;
   text-align: center;
   line-height: 75px;
   font-size: 30px;*/
  text-align: center;
}

.kopfbot {
  display: flex;

  justify-content: center;
  flex-direction: row;
  background-color: #00857d;
  margin: 0 auto;
}

.kopfbot>div {
  flex: 1;
  height: 1rem;
  /*width: 100px;
   margin: 10px;
   text-align: center;
   line-height: 75px;
   font-size: 30px;*/
  text-align: center;
}

.stblogo {
  padding-top: 1rem;
}

main {
  padding-bottom: 3rem;
}

footer {
  position: fixed;
  bottom: 0;
}

.fuss {
  display: flex;

  justify-content: center;
  flex-direction: row;
  background-color: #323430;
  align-items: flex-end;
}

.fuss>div {
  flex: 1;
  height: 2rem;
  /* width: 100px;
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;*/
}

#auftrag_head {
  max-width: 1000px !important;
}

.key_name {
  font-weight: bold;
}