div.headers {
  background-color: red;
}

div.header {
  display: inline-block;
  background-color: black;
  border-radius: 5px;
  color: white;
  font-family: 'Anton';
  font-weight: bold;
  padding: 5px 20px;
  margin: 15px;
  cursor: pointer;
}

h2.veranstaltung {
  display: inline-block;
  font-family: 'Anton';
  font-weight: bold;
  padding: 5px 20px;
  margin: 10px 0px;
  cursor: pointer;
}

table.meldungen, div.veranstaltung {
  display: none;
}

table.meldungen td, table.meldungen th {
  padding: 1px 3px;
  font-family: 'Anton';
}

div.showing {
  background-color: grey;
}

@media only screen and (min-width: 600px) {
  table.meldungen td, table.meldungen th {
  padding: 1px 10px;;
  font-size: 12pt;
  }
}

table.meldungen th {
  text-align: left;
}

table.meldungen th.header {
  text-align: center;
  padding-top: 15px;
  font-size: 16pt; 
  /*cursor: pointer;*/
}

table.meldungen td.prio2b, table.meldungen th.prio2b {
  display: none;
}

.schwarzaufweiss {
  color: black;
  background-color: white;
  font-weight: bold;
  border: 1px solid black;
  text-align: center;
}

.schwarzaufgelb {
  color: black;
  background-color: yellow;
  font-weight: bold;
  border: 1px solid black;
  text-align: center;
}

.rotaufweiss {
  color: red;
  background-color: white;
  font-weight: bold;
  border: 1px solid black;
  text-align: center;
}

.weissaufrot {
  color: white;
  background-color: red;
  font-weight: bold;
  border: 1px solid black;
  text-align: center;
}