#name:hover .dropdown-toggle {
  transform: scale(1.1);
}

#name {
  transition: all 0.2s ease-in-out;
}

.dropdown-toggle .show {
  border: none !important;
}

.mitarbeiterlink {
  text-decoration: none;
  color: black;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.mitarbeiterlink:hover {
  text-decoration: underline;
}

.sortable {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.sortable:hover {
  color: rgb(3, 158, 255);
}

.aktiv {
  color: blue !important;
}

.scroll thead th {
  position: sticky;
  top: 0;
  background-color: white; /* oder z. B. #f8f9fa für Bootstrap-Grau */
  z-index: 2;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); /* optionaler Schatten */
}

table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; /* Wichtig für Spaltenbreiten */
}

thead th {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 2;
}