body {
      background-color: #1b1030;
      color: #f0e6ff;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    header, footer {
      background-color: #4b1f78;
      padding: 1rem;
      color: #f0e6ff;
      text-align: center;
    }

    .btn-vorschlagen {
      background-color: #7F00FF;
      border: none;
      color: #fff;
      font-weight: bold;
    }

    .btn-vorschlagen:hover {
      background-color: #6600cc;
    }

    footer a {
      color: #e0d4ff;
      margin: 0 10px;
      text-decoration: none;
    }

    footer a:hover {
      text-decoration: underline;
    }

    /* Tabellen im Enzian-Darkmode */
    .table {
      background-color: transparent;
      color: #e3d5ff;
      border-color: #4b1f78;
    }

    .table thead {
      background-color: #2b1a44;
    }

    .table thead th {
      background-color: #2b1a44 !important;
      color: #e3d5ff !important;
      border-color: #4b1f78 !important;
    }

    .table td {
      background-color: #2b1a44 !important;
      color: #e3d5ff !important;
      border-color: #4b1f78 !important;
    }

    .table tbody tr:nth-child(odd) {
      background-color: #3c2755 !important;
    }

    .table tbody tr:nth-child(even) {
      background-color: #2b1a44 !important;
    }

    .table tbody tr:hover {
      background-color: #4a3070 !important;
    }

    .form-select,
    .form-select:focus {
      background-color: #3c2755;
      color: #e3d5ff;
      border: 1px solid #7F00FF;
      box-shadow: none;
    }

    .btn-primary {
      background-color: #7F00FF;
      border: none;
      color: #fff;
    }

    .btn-primary:hover {
      background-color: #6600cc;
    }

    .btn-success {
      background-color: #28a745;
      border: none;
      color: #fff;
    }

    .btn-success:hover {
      background-color: #218838;
    }

    .alert-success,
    .alert-info {
      background-color: #4b1f78;
      border-color: #7F00FF;
      color: #e3d5ff;
    }
      .footer-box {
    max-width: 800px;
    margin: 40px auto 0 auto;
    padding: 20px;
    text-align: center;
    font-size: 0.9rem;
    color: #ccc;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06); /* minimal heller durch Transparenz */
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.06); /* sanfter Lichtschein */
    backdrop-filter: blur(2px); /* optional: leichter Unschärfeeffekt für edlere Optik */
  }
  .footer-box a {
    color: #66b3ff;
    text-decoration: none;
    margin: 0 8px;
  }
  .footer-box a:hover {
    text-decoration: underline;
  }