table.staff {
  width: 95%;
  text-align: left;
}
table.staff td {
  vertical-align: top;
  padding-right: 8px;
}
table.staff td.name {
  width: 32%;
}
table.staff td.tel {
  width: 22%;
  padding-right: 22px;
  white-space: nowrap;
}
table.staff td.email {
  width: 46%;
  padding-left: 12px;
  word-break: break-word;
}
#funktion {
  color: #4e4a25;
  font-size: medium;
  font-weight: bold;
  margin: 30px 0px 20px 0px;
}
table.person {
  width: 95%;
  text-align: left;
}
table.person td {
  width: 100%;
  padding-bottom: 5px;
}
table.person td.jahr {
  width: 20% ! important;
  vertical-align: top;
}
table.person td.text {
  width: 80% ! important;
  vertical-align: top;
}
#adresse {
  text-align: left;
  padding-left: 0px;
}

@media (max-width: 600px) {
  #text table.staff {
    width: 100%;
  }

  #text table.staff tr {
    display: grid;
    grid-template-columns: 75px minmax(0, 1fr);
    column-gap: 0.85rem;
    row-gap: 0.2rem;
    margin-bottom: 1rem;
  }

  #text table.staff td,
  #text table.staff td.name,
  #text table.staff td.tel,
  #text table.staff td.email,
  #text table.staff td:first-child {
    display: block;
    width: auto;
    padding: 0;
    white-space: normal;
  }

  #text table.staff td:first-child {
    grid-column: 1;
    grid-row: 1 / span 3;
  }

  #text table.staff td.name,
  #text table.staff td.tel,
  #text table.staff td.email {
    grid-column: 2;
  }

  #text table.staff td.email {
    overflow-wrap: anywhere;
    word-break: normal;
  }
}