html, body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #000000;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

h1, h2, h3 {
  font-size: 10 px;
  font-weight: bold;
  margin: 6px 0 8px 0;
  width: 100%
}

hr {
    width: 100%    
}

table {
  width: 95%;
  border-collapse: collapse;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
table tr:first-child td {
    font-weight: bold;
    font-size: 1.0em;
    background-color: #f0f0f0;
}
 */   

th {
  font-size: 0.8rem;
/*  font-weight: bold;  */
  background-color: #f0f0f0;
  padding: 2px 4px;
}

td {
  padding: 2px 4px;
}

tbody tr:nth-child(odd) td {
  background-color: #ffffff;
}

tbody tr:nth-child(even) td {
  /*background-color: #f8f8f8;*/
  background-color: #F0F0F0;
}

tbody tr:hover td {
  background-color: #eaeaea;
}

td.nummern {
  text-align: right;
}

td.zahlen {
  text-align: right;
}
.spacer {
    height: 1rem;
}

/* Für kleine Bildschirme ...*/
@media (max-width: 600px) {
  table {
    font-size: 0.8em;
  }

  th, td {
    padding: 2px 3px;
  }
}