:root {
  --bs-primary: #006B52;
  --bs-secondary: #008143;
  --bs-success: #64B32C;
  --bs-light: #FFFFFF;
  --bs-gray-200: #D5D5D5;
}

.navbar, .btn-primary {
  background-color: #006B52 !important;
  border-color: #006B52 !important;
}
.btn-primary:hover {
  background-color: #008143 !important;
  border-color: #008143 !important;
}

/* Light mode striped rows */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #D5D5D5 !important;
}

/* Dark Mode */
body.dark-mode {
  background-color: #121212;
  color: #e0e0e0;
}
body.dark-mode .table,
body.dark-mode .table th,
body.dark-mode .table td {
  color: #e0e0e0;
  background-color: #0000;
}
body.dark-mode .table thead th {
  background-color: #2b2b2b;
  color: #ffffff;
}
body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #1e1e1e !important;
}
body.dark-mode .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #2a2a2a !important;
}
body.dark-mode .table-bordered {
  border-color: #444;
}
body.dark-mode .table tfoot tr {
  background-color: #333;
}

body.dark-mode button,
body.dark-mode input[type="submit"],
body.dark-mode input[type="reset"],
body.dark-mode input[type="button"] {
  background-color: #444;
  color: #fff;
  border: 1px solid #666;
}

body.dark-mode label,
body.dark-mode legend,
body.dark-mode .form-check-label {
  color: #ccc;
}

body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .form-check-input,
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background-color: #2a2a2a;
  color: #e0e0e0;
  border-color: #666;
}

body.dark-mode .form-control:focus {
  background-color: #2a2a2a;
  color: #e0e0e0;
  border-color: #666;
  box-shadow: 0 0 0 0.2rem rgba(255,255,255,0.1);
}
body.dark-mode .dropdown-menu {
  background-color: #2b2b2b;
  color: #e0e0e0;
  border-color: #444;
}

body.dark-mode .dropdown-menu .dropdown-item {
  color: #e0e0e0;
}

body.dark-mode .dropdown-menu .dropdown-item:hover,
body.dark-mode .dropdown-menu .dropdown-item:focus {
  background-color: #3a3a3a;
  color: #fff;
}
footer {
  font-size: 0.9rem;
  text-align: center;
  padding: 1rem 0;
  color: #555; /* für Light Mode */
}

body.dark-mode footer {
  color: rgba(255, 255, 255, 0.6); /* für Dark Mode */
}

 .avatar-circle{
   width: 36px; height: 36px; line-height: 36px;
   display: inline-flex; align-items: center; justify-content: center;
   border-radius: 50%;
   background: #64B32C;           /* auf bg-primary gut sichtbar */
   color: #ffffff;                /* Bootstrap primary */
   font-weight: 700;
   text-transform: uppercase;
   box-shadow: 0 0 0 2px rgba(255,255,255,.15); /* dezenter Ring */
 }
.navbar-dark .dropdown-menu { /* bessere Lesbarkeit im Dark-Navbar-Kontrast */
  color: #212529;
}