/* Allgemeines Layout */
body {
    background-color: #f5f7fa;
    font-family: "Segoe UI", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #333;
  }
  
  h1, h2, h3 {
    font-weight: 600;
    color: #1a1a1a;
  }
  
  /* Karten-Layout */
  .card {
    border-radius: 0.75rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.04);
  }
  
  .card-title {
    font-size: 1.25rem;
    font-weight: 500;
  }
  
  /* Navigation */
  .navbar {
    background-color: #1f2937 !important;
  }
  
  .navbar-brand {
    font-weight: bold;
    font-size: 1.2rem;
  }
  
  .navbar img {
    height: auto;
    border-radius: 5px;
  }
  
  /* Buttons */
  .btn-primary {
    background-color: #007bff;
    border: none;
  }
  
  .btn-primary:hover {
    background-color: #0056b3;
  }
  
  .btn-outline-success:hover {
    background-color: #198754;
    color: #fff;
  }
  
  .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
  }
  
  /* Tabellen */
  .table th, .table td {
    vertical-align: middle !important;
  }
  
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f9fa;
  }
  
  /* Status-Badges */
  .badge {
    font-size: 0.85em;
    padding: 0.45em 0.7em;
    border-radius: 0.5rem;
  }
  
  /* Formularfelder */
  input.form-control,
  select.form-select {
    border-radius: 0.5rem;
    border: 1px solid #ced4da;
  }
  
  /* Footer */
  footer {
    font-size: 0.85rem;
    color: #6c757d;
  }
  /* Custom Navbar Style */
.custom-navbar {
    background: linear-gradient(to right, #212529, #343a40);
    padding: 0.75rem 1.5rem;
    border-bottom: 2px solid #0d6efd;
  }
  
  .navbar .nav-link {
      color: #f8f9fa !important;
      font-weight: 400;
      margin-right: 10px;
      border-radius: 6px;
      transition: color 0.2s ease, background-color 0.2s ease;
  }

  .navbar .nav-link:hover {
      color: #0d6efd !important;
      background-color: rgba(13, 110, 253, 0.1);
  }
  
  .logo-white {
    width: 150px;
    height: auto;
    filter: brightness(0) invert(1); /* Weißes Logo bei dunklem Hintergrund */
  }