table {
  width: 100%;
}

table,
td,
tr,
th {
  border: none;
  border-collapse: collapse;
  text-align: left;
}
th {
  background-color: #ffffff;
  border-bottom: 1px solid #e2001a;
}
td,
tr,
th {
  padding: 0.25em;
}

tr:nth-child(even) {
  background: #f7f7f7;
}
tr:nth-child(odd) {
  background: #ffffff;
}

#muetter-vaeter-table-container {
  overflow-x: auto;
}

#muetter-vaeter-table tr {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 0px 10px;
}

#muetter-vaeter-table tr > td {
  width: calc(100% / 6);
  min-width: 120px;
  text-align: left;
  font-size: smaller;
}

#muetter-vaeter-table tr > td:first-child {
  width: calc(100% / 6);
  min-width: 30px;
  text-align: left;
  font-size: smaller;
}

@media screen and (max-width: 500px) {
  table {
    border: none;
  }
  thead {
    display: none;
  }
  table,
  tr,
  td {
    padding: 0;
    border: none;
  }

  tr {
    float: left;
    width: 100%;
    margin-bottom: 0.1em;
    border-bottom: 1px solid #e2001a;
  }
  td {
    float: left;
    width: 100%;
    padding: 0.25em;
    border-bottom: 1px solid #ffffff;
  }

  tr:nth-child(even) {
    background: #ffffff;
  }
  tr:nth-child(odd) {
    background: #ffffff;
  }
  /**
 * td::before 	{ content:attr(data-label); background: #fff; border-right:1px solid #e2001a;
 *			  width: 30%; float:left; padding:1em; font-weight: bold; margin:-1em 1em -1em -1em }
*/
}