/* Minimal Bootstrap-like fallback (nur Grundlayout) */
:root { --bs-primary:#0d6efd; --bs-success:#198754; --bs-danger:#dc3545; --bs-secondary:#6c757d; --bs-light:#f8f9fa; --bs-dark:#212529; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:#212529;background:#f8f9fa}
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 1rem}
.navbar{display:flex;align-items:center;min-height:56px;padding:.5rem 1rem;background:#212529;color:#fff}
.navbar a{color:#fff;text-decoration:none;margin-right:1rem}
.navbar .navbar-brand{font-weight:600}
.navbar .nav-link{color:#fff}
.bg-dark{background-color:#212529 !important}
.text-light{color:#f8f9fa !important}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:.5rem;border:1px solid #dee2e6}
.table-hover tbody tr:hover{background:#f6f6f6}
.table-sm th,.table-sm td{padding:.25rem .5rem}
.btn{display:inline-block;cursor:pointer;border:1px solid transparent;padding:.375rem .75rem;border-radius:.375rem;text-decoration:none;user-select:none}
.btn-primary{background:var(--bs-primary);color:#fff;border-color:var(--bs-primary)}
.btn-outline-secondary{background:transparent;color:#6c757d;border-color:#6c757d}
.btn-danger{background:var(--bs-danger);color:#fff;border-color:var(--bs-danger)}
.btn-success{background:var(--bs-success);color:#fff;border-color:var(--bs-success)}
.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}
.form-control,.form-select,textarea{display:block;width:100%;padding:.375rem .75rem;border:1px solid #ced4da;border-radius:.375rem;background:#fff}
.form-check{display:flex;align-items:center;gap:.5rem}
.form-check-input{width:1.1rem;height:1.1rem}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem}
.card-body{padding:1rem}
.alert{padding:.5rem .75rem;border-radius:.375rem;border:1px solid transparent;margin-bottom:1rem}
.alert-success{background:#d1e7dd;border-color:#badbcc;color:#0f5132}
.alert-warning{background:#fff3cd;border-color:#ffecb5;color:#664d03}
.text-center{text-align:center}
.text-muted{color:#6c757d}
.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}
.h5{font-size:1.25rem;margin:0 0 .5rem}
.small{font-size:.875rem}
.d-flex{display:flex}.gap-2{gap:.5rem}
.align-middle{vertical-align:middle}
.table-responsive{overflow-x:auto}
.footer{font-size:.9em;color:#6c757d}


/* --- nav & pills & dropdown basics --- */
ul.nav{list-style:none;margin:0;padding-left:0;display:flex;flex-wrap:wrap;gap:.25rem}
.nav .nav-link{display:block;padding:.5rem .75rem;border-radius:.375rem;color:#0d6efd;text-decoration:none}
.nav .nav-link:hover{background:#eef5ff}
.nav-pills .nav-link{background:transparent;border:1px solid #d0e1ff}
.nav-pills .nav-link.active{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}
.dropdown{position:relative}
.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:12rem;padding:.5rem 0;margin:.125rem 0 0;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.375rem}
.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;color:#212529;text-decoration:none;white-space:nowrap}
.dropdown-item:hover{background:#f8f9fa}
.dropdown.show .dropdown-menu{display:block}
/* navbar substitute */
.header, .navbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#212529;color:#fff}
.header a, .navbar a{color:#fff;text-decoration:none}
.container .card{margin-top:1rem}


/* --- Dropdown Lesbarkeit (Web & Mobile) --- */
.navbar .dropdown-menu {
  background-color: #ffffff !important;
  color: #212529 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
}
.navbar .dropdown-item { color: #212529 !important; }
.navbar .dropdown-item:hover, .navbar .dropdown-item:focus {
  color: #1e2125 !important;
  background-color: #f8f9fa !important;
}
.navbar .dropdown-divider { border-top-color: rgba(0,0,0,.15) !important; }