div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin-bottom: 30px;
}

div.dataTables_wrapper div.dataTables_info {
  margin-bottom: 30px;
}

.dashboard {
  background: #009FE3;
  color: #fff;
  text-align: center;
  padding: 30px 5px 1px 5px;
  margin: 0 0 30px 0;
}

.dashboard h2 {
  font-size: 100px;
  line-height: 100px;
  margin: 0 0 10px 0;
  color: #fff;
}

.dashboard a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* Bootstrap 5: Links standardmäßig nicht unterstreichen (BS5-Default zurücknehmen, wie BS4). */
:root { --bs-link-decoration: none; }
a { text-decoration: none; }

/* Listen: Klick auf einen Zellwert filtert danach (app.js). Dezent halten –
   die Zeile bleibt klickbar, der Hinweis soll erst beim Überfahren auftauchen. */
table.data-table tbody td.filter-cell,
table.filter-table tbody td.filter-cell {
  cursor: pointer;
}

table.data-table tbody td.filter-cell:hover,
table.filter-table tbody td.filter-cell:hover {
  text-decoration: underline dotted;
  text-underline-offset: 3px;
}

/* Auswahl-Spalte aller Listen: EINE Regel statt Inline-Breiten je Template.
   Vorher war sie mal zentriert, mal linksbündig, und die Breite stand in jeder
   Datei einzeln — sichtbar als unterschiedliche Abstände zwischen den Listen. */
table[data-select] th.select-col,
table[data-select] td.select-col {
  width: 40px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  vertical-align: middle;
}

table[data-select] .select-col input[type="checkbox"] {
  margin: 0;
  vertical-align: middle;
}