.table-sm.dataTable {
    font-size: 0.875rem !important; /* 14px */
  }

  .table-sm.dataTable tbody td {
    font-size: 0.8125rem !important; /* 13px */
  }

  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    font-size: 0.8125rem !important;
    overflow: visible !important;
  }

  tr.selected {
    background-color: #97a6b5 !important;
    color: white;
}

  /* Überschreiben der Bootstrap table-active Klasse mit der gewünschten Farbe */
  .table-active,
  .table-active > th,
  .table-active > td,
  .table tbody tr.table-active {
    background-color: #97a6b5 !important;
    color: white;
}

/* Globale DataTables Header - nur VERTIKAL zentrieren, horizontale Ausrichtung beibehalten */
.dataTable thead th,
.dataTable thead td {
    vertical-align: middle !important;
    padding: 2px 27px 2px 4px !important; /* Perfekter Platz links und rechts */
}