* {
  font-family: sans-serif;
}

tr, td {
  border: 1px solid #000;
  border-radius: 3px;
  font-family: sans-serif;
  padding: 5px;
  margin: 5px;
}

td:hover {
  background-color: #A1CF9D;
  color: #838383;
}

input:hover {
  background-color: #A1CF9D;
  color: #ffffff;
}

table {
  background-color: background-color: #A1CF9D;;
  margin-top: 50px;
  border: 1px solid;
  border-radius: 3px;
}

.del {
  background-color: #bb5555;
  border-radius: 4px;
  border-style: none;
  padding: 2px;
  text-align: center;
  width: 80px;
}

.del:hover {
  background-color: #55bb55;
  color: #ffffff;
}

.speichern {
  background-color: #55bb55;
  border-radius: 4px;
  border-style: none;
  padding: 2px;
  text-align: center;
  width: 80px;
}

.speichern:hover {
  background-color: #55bb55;
  color: #ffffff;
}