/* Farben/Kanten global */
:root {
  --bs-primary: #0052cc;
  --bs-secondary: #6b778d;
  --bs-success: #22a06b;
  --bs-warning: #f5cd47;
  --bs-danger:  #e2483d;

  --bs-body-bg: #f7f9fc;
  --bs-body-color: #1d2129;
  --bs-border-radius: 0.75rem;  /* runde Ecken */
}

/* Karten/Tabellen etwas „luftiger“ */
.card { border: 0; box-shadow: 0 6px 24px rgba(0,0,0,.06); }
.table { vertical-align: middle; }
.table th { font-weight: 600; }
.table-hover tbody tr:hover { background: rgba(0,0,0,.03); }

/* Buttons kräftiger */
.btn-primary { box-shadow: 0 4px 16px rgba(0,82,204,.25); }
.btn-outline-primary:hover { background: var(--bs-primary); color: #fff; }

/* Formulare */
.form-control, .form-select { border-radius: var(--bs-border-radius); }

/* Badge-Größen für Ampel */
.badge { font-weight: 600; padding: .45rem .6rem; }

/* Navbar (falls du eine hast) */
.navbar-brand img { height: 28px; }

.navbar, .navbar .container-fluid, .navbar .collapse { overflow: visible !important; }
.navbar .dropdown-menu { max-width: calc(100vw - 24px); }