td {
	text-align: center;
}  

@media screen and (max-width: 33em) {
  table, tbody, tr {
    display:block;
  }
  tr:first-child {
    border-top: medium solid lightblue;
  }
  tr{
    medium solid lightblue;
    padding: .5em .5em;
  }
  /* th::before { */
    /* content: ""; */
  /* } */
  td::before {
    content: "Beaufort: ";
    font-weight: bold;
  }
  td:nth-child(2)::before {
    content: "v in m/s: ";
  }
  td:nth-child(3)::before {
    content: "km/h: ";
  }
  td:nth-child(4)::before {
    content: "Knoten: ";
  }
  td:nth-child(5)::before {
    content: "Bezeichnung: ";
  }
  td:nth-child(6)::before {
    content: "Kennzeichen an Land: ";
  }
  td:nth-child(7)::before {
    content: "Kennzeichen auf See: ";
  }
  tbody th {
    /* display: block; */
    display: none;
    font-weight: bold;
  }
  td {
    /* display: inline-block; */
    display: block;
    width: 100%;
    /* min-width: 30%; */
    padding: .2em .2em .2em .2em;
    /* margin: 2em; */
    text-align: left;
    hyphens: none;
  }
  td:nth-child(6) {
    text-align: left;
  }
}

}