/* =========================================================
   TABELLEN.CSS
   Alle allgemeinen Tabellen-Regeln

   Farben werden aus farben.css bezogen.
   ========================================================= */

/* =========================================================
   ANCHOR Allgemeine Tabelle
   ========================================================= */

.table {
  width: 100%;
  border-collapse: collapse;
}

/* =========================================================
   ANCHOR Tabellenzellen
   ========================================================= */

.th,
td {
  padding: 8px;
  text-align: left;
}

/* =========================================================
   ANCHOR Abwechselnde Tabellenzeilen
   ========================================================= */

.tr:nth-child(even) {
  background-color: var(--color-grau);
}

/* =========================================================
   ANCHOR Tabellenkopf
   ========================================================= */

.th {
  background-color: var(--color-gruen);
  color: var(--color-white);
}

/* =========================================================
   ANCHOR Content-Tabelle
   ========================================================= */

table.content {
  min-width: 2000px;
  margin: 32px 0;
  border-collapse: collapse;
  border-radius: 25px 25px 0 0;
  overflow: hidden;
}

/* =========================================================
   ANCHOR Content-Tabelle – Kopfzeile
   ========================================================= */

table.content thead tr {
  background-color: var(--color-aquamarine);
  color: var(--color-red);
  font-weight: bold;
  text-align: left;
}

/* =========================================================
   ANCHOR Content-Tabelle – Zellen
   ========================================================= */

table.content th,
table.content td {
  padding: 5px;
}

/* =========================================================
   ANCHOR Content-Tabelle – Zeilen
   ========================================================= */

table.content tbody tr {
  border-bottom: 1px solid var(--color-braun);
}

/* =========================================================
   ANCHOR Content-Tabelle – letzte Zeile
   ========================================================= */

table.content tbody tr:last-of-type {
  border-bottom: 2px solid var(--color-aquamarine);
}

/* =========================================================
   ANCHOR Tabellen-Container
   ========================================================= */

.tc {
  width: 90%;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
}