:root {
  --farbe-haupt: #7d140d55;
  --farbe-akzent: #232a34;
  --farbe-hintergrund: #181c24;
  --farbe-text: #f2f2f2;
}
body {
  background: var(--farbe-hintergrund, #181c24);
  color: var(--farbe-text, #f2f2f2);
  min-height: 100vh;
}
.bg-light, .bg-white, .modal-content, .list-group-item, .dropdown-menu, .input-group-text, .navbar-light, .border, .border-light, .bg-secondary, .alert-light, .btn-light, .table-striped>tbody>tr:nth-of-type(odd) {
    background: var(--farbe-akzent, #232a34) !important;
    color: var(--farbe-text, #f2f2f2) !important;
    border-color: #343a40 !important;
}
.text-dark, .table thead th, .table-striped>tbody>tr:nth-of-type(odd) {
    color: var(--farbe-text, #f2f2f2) !important;
}

.card { background: var(--farbe-akzent, #232a34); border: none; border-radius: 14px; box-shadow: 0 2px 16px rgba(125,20,13,0.15); }
.navbar, .navbar-dark { background: #222831 !important; }
.navbar-brand, .navbar-nav .nav-link { color: var(--farbe-text, #f2f2f2) !important; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link:focus { color: var(--farbe-haupt, #7d140d55) !important; }
.btn-primary, .btn-success, .btn-danger { border: none; border-radius: 8px; }
.btn-primary { background: var(--farbe-haupt, #7d140d55); }
.btn-primary:hover { background: #7d140d88; }
.form-control, .form-select { background: var(--farbe-akzent, #232a34); color: var(--farbe-text, #f2f2f2); border: 1px solid #343a40; }
.form-control:focus, .form-select:focus { border-color: var(--farbe-haupt, #7d140d55); box-shadow: 0 0 0 0.2rem rgba(125,20,13,0.15); }
.table { color: var(--farbe-text, #f2f2f2); background: var(--farbe-akzent, #232a34); }
.table th, .table td { border-color: #343a40 !important; }
.alert { background: var(--farbe-akzent, #232a34); color: var(--farbe-haupt, #7d140d55); border: 1px solid var(--farbe-haupt, #7d140d55); }
.elo-container > .row > .col-lg-7,
.elo-container > .row > .col-lg-5 {
  min-width: 280px;
  flex: 1 1 0;
  max-width: 100%;
  width: 0; /* wichtig für flexbox! */
}
.elo-container > .row > .col-lg-7 {
  max-width: 65%;
}
.elo-container > .row > .col-lg-5 {
  max-width: 35%;
}