/* =====================================================================
   custom.css – KOMPLETT
   Inhalt des Editors vollständig löschen und diese Datei 1:1 einfügen.
   Teil 1: Seitenbreite   Teil 2: gedämpfte Farben   Teil 3: Farbthema
   ===================================================================== */

/* ---------- Teil 1: Seitenbreite ---------- */
body {
    max-width: 1600px;
    margin: 0px auto;
}


/* ---------- Teil 2: gedämpfte Farben ---------- */
/* =====================================================================
   Breedmaster – gedämpfte Farben im Stil von Bootstrap 3 (theme.css)
   Für: php83_local/css/custom.css  (wird NACH adminlte.min.css geladen)
   Alle Farben zentral in :root – dort einfach nachjustieren.
   ===================================================================== */

:root {
    /* ---- Grundfarben (Bootstrap 3) -------------------------------- */
    --bm-primary:  #337ab7;  --bm-primary-dark:  #286090;  --bm-primary-darker:  #204d74;
    --bm-success:  #5cb85c;  --bm-success-dark:  #449d44;  --bm-success-darker:  #398439;
    --bm-info:     #5bc0de;  --bm-info-dark:     #31b0d5;  --bm-info-darker:     #269abc;
    --bm-warning:  #f0ad4e;  --bm-warning-dark:  #ec971f;  --bm-warning-darker:  #d58512;
    --bm-danger:   #d9534f;  --bm-danger-dark:   #c9302c;  --bm-danger-darker:   #ac2925;
    --bm-secondary:#7a8288;  --bm-secondary-dark:#62686d;  --bm-secondary-darker:#52575b;

    /* ---- Alerts: Text / Hintergrund oben / unten / Rahmen ----------- */
    --bm-alert-primary-text:#245580; --bm-alert-primary-from:#e3eef8; --bm-alert-primary-to:#cbdff0; --bm-alert-primary-border:#a9c7e3;
    --bm-alert-success-text:#3c763d; --bm-alert-success-from:#dff0d8; --bm-alert-success-to:#c8e5bc; --bm-alert-success-border:#b2dba1;
    --bm-alert-info-text:   #31708f; --bm-alert-info-from:   #d9edf7; --bm-alert-info-to:   #b9def0; --bm-alert-info-border:   #9acfea;
    --bm-alert-warning-text:#8a6d3b; --bm-alert-warning-from:#fcf8e3; --bm-alert-warning-to:#f8efc0; --bm-alert-warning-border:#f5e79e;
    --bm-alert-danger-text: #a94442; --bm-alert-danger-from: #f2dede; --bm-alert-danger-to: #e7c3c3; --bm-alert-danger-border: #dca7a7;
    --bm-alert-secondary-text:#555; --bm-alert-secondary-from:#f5f5f5; --bm-alert-secondary-to:#e8e8e8; --bm-alert-secondary-border:#d0d0d0;

    /* ---- Bootstrap-5-Variablen umbiegen (bg-*, text-bg-*, border-*, Links …) */
    --bs-primary: var(--bm-primary);   --bs-primary-rgb: 51,122,183;
    --bs-success: var(--bm-success);   --bs-success-rgb: 92,184,92;
    --bs-info:    var(--bm-info);      --bs-info-rgb:    91,192,222;
    --bs-warning: var(--bm-warning);   --bs-warning-rgb: 240,173,78;
    --bs-danger:  var(--bm-danger);    --bs-danger-rgb:  217,83,79;
    --bs-secondary: var(--bm-secondary); --bs-secondary-rgb: 122,130,136;

    --bs-primary-text-emphasis: var(--bm-alert-primary-text);  --bs-primary-bg-subtle: var(--bm-alert-primary-from);  --bs-primary-border-subtle: var(--bm-alert-primary-border);
    --bs-success-text-emphasis: var(--bm-alert-success-text);  --bs-success-bg-subtle: var(--bm-alert-success-from);  --bs-success-border-subtle: var(--bm-alert-success-border);
    --bs-info-text-emphasis:    var(--bm-alert-info-text);     --bs-info-bg-subtle:    var(--bm-alert-info-from);     --bs-info-border-subtle:    var(--bm-alert-info-border);
    --bs-warning-text-emphasis: var(--bm-alert-warning-text);  --bs-warning-bg-subtle: var(--bm-alert-warning-from);  --bs-warning-border-subtle: var(--bm-alert-warning-border);
    --bs-danger-text-emphasis:  var(--bm-alert-danger-text);   --bs-danger-bg-subtle:  var(--bm-alert-danger-from);   --bs-danger-border-subtle:  var(--bm-alert-danger-border);

    --bs-link-color: var(--bm-primary);           --bs-link-color-rgb: 51,122,183;
    --bs-link-hover-color: #23527c;               --bs-link-hover-color-rgb: 35,82,124;
    --bs-focus-ring-color: rgba(51,122,183,.25);

    /* ---- Bestehende Breedmaster-Aktionsbuttons mitziehen --------------- */
    --bm-gradient: linear-gradient(to bottom, rgba(255,255,255,.12) 0, rgba(0,0,0,.08) 100%);
}

/* =====================================================================
   BUTTONS – flacher Verlauf wie früher, Farben über BS5-Variablen
   ===================================================================== */
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-secondary, .btn-default {
    background-image: var(--bm-gradient) !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}
.btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active,
.btn-danger:active, .btn-secondary:active, .btn-default:active,
.btn.active { background-image: none !important; box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }

.btn-primary {
    --bs-btn-color:#fff; --bs-btn-bg:var(--bm-primary); --bs-btn-border-color:#2e6da4;
    --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--bm-primary-dark); --bs-btn-hover-border-color:var(--bm-primary-darker);
    --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--bm-primary-darker); --bs-btn-active-border-color:#122b40;
    --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:var(--bm-primary); --bs-btn-disabled-border-color:#2e6da4;
    --bs-btn-focus-shadow-rgb:51,122,183;
}
.btn-success {
    --bs-btn-color:#fff; --bs-btn-bg:var(--bm-success); --bs-btn-border-color:#4cae4c;
    --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--bm-success-dark); --bs-btn-hover-border-color:var(--bm-success-darker);
    --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--bm-success-darker); --bs-btn-active-border-color:#255625;
    --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:var(--bm-success); --bs-btn-disabled-border-color:#4cae4c;
    --bs-btn-focus-shadow-rgb:92,184,92;
}
.btn-info {
    --bs-btn-color:#fff; --bs-btn-bg:var(--bm-info); --bs-btn-border-color:#46b8da;
    --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--bm-info-dark); --bs-btn-hover-border-color:var(--bm-info-darker);
    --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--bm-info-darker); --bs-btn-active-border-color:#1b6d85;
    --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:var(--bm-info); --bs-btn-disabled-border-color:#46b8da;
    --bs-btn-focus-shadow-rgb:91,192,222;
}
.btn-warning {
    --bs-btn-color:#fff; --bs-btn-bg:var(--bm-warning); --bs-btn-border-color:#eea236;
    --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--bm-warning-dark); --bs-btn-hover-border-color:var(--bm-warning-darker);
    --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--bm-warning-darker); --bs-btn-active-border-color:#985f0d;
    --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:var(--bm-warning); --bs-btn-disabled-border-color:#eea236;
    --bs-btn-focus-shadow-rgb:240,173,78;
}
.btn-danger {
    --bs-btn-color:#fff; --bs-btn-bg:var(--bm-danger); --bs-btn-border-color:#d43f3a;
    --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--bm-danger-dark); --bs-btn-hover-border-color:var(--bm-danger-darker);
    --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--bm-danger-darker); --bs-btn-active-border-color:#761c19;
    --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:var(--bm-danger); --bs-btn-disabled-border-color:#d43f3a;
    --bs-btn-focus-shadow-rgb:217,83,79;
}
.btn-secondary {
    --bs-btn-color:#fff; --bs-btn-bg:var(--bm-secondary); --bs-btn-border-color:var(--bm-secondary-dark);
    --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--bm-secondary-dark); --bs-btn-hover-border-color:var(--bm-secondary-darker);
    --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--bm-secondary-darker); --bs-btn-active-border-color:#3f4346;
    --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:var(--bm-secondary); --bs-btn-disabled-border-color:var(--bm-secondary-dark);
    --bs-btn-focus-shadow-rgb:122,130,136;
}
.btn-default {
    --bs-btn-color:#333; --bs-btn-bg:#fff; --bs-btn-border-color:#ccc;
    --bs-btn-hover-color:#333; --bs-btn-hover-bg:#e6e6e6; --bs-btn-hover-border-color:#adadad;
    --bs-btn-active-color:#333; --bs-btn-active-bg:#d4d4d4; --bs-btn-active-border-color:#8c8c8c;
    --bs-btn-focus-shadow-rgb:180,180,180;
    background-image: linear-gradient(to bottom, #fff 0, #ececec 100%) !important;
    text-shadow: 0 1px 0 #fff;
}

/* Outline-Buttons */
.btn-outline-primary   { --bs-btn-color:var(--bm-primary);   --bs-btn-border-color:var(--bm-primary);   --bs-btn-hover-bg:var(--bm-primary);   --bs-btn-hover-border-color:var(--bm-primary);   --bs-btn-active-bg:var(--bm-primary-dark);   --bs-btn-active-border-color:var(--bm-primary-dark);   --bs-btn-focus-shadow-rgb:51,122,183; }
.btn-outline-success   { --bs-btn-color:var(--bm-success);   --bs-btn-border-color:var(--bm-success);   --bs-btn-hover-bg:var(--bm-success);   --bs-btn-hover-border-color:var(--bm-success);   --bs-btn-active-bg:var(--bm-success-dark);   --bs-btn-active-border-color:var(--bm-success-dark);   --bs-btn-focus-shadow-rgb:92,184,92; }
.btn-outline-info      { --bs-btn-color:var(--bm-info-darker); --bs-btn-border-color:var(--bm-info);    --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--bm-info); --bs-btn-hover-border-color:var(--bm-info); --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--bm-info-dark); --bs-btn-active-border-color:var(--bm-info-dark); --bs-btn-focus-shadow-rgb:91,192,222; }
.btn-outline-warning   { --bs-btn-color:var(--bm-warning-darker); --bs-btn-border-color:var(--bm-warning); --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--bm-warning); --bs-btn-hover-border-color:var(--bm-warning); --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--bm-warning-dark); --bs-btn-active-border-color:var(--bm-warning-dark); --bs-btn-focus-shadow-rgb:240,173,78; }
.btn-outline-danger    { --bs-btn-color:var(--bm-danger);    --bs-btn-border-color:var(--bm-danger);    --bs-btn-hover-bg:var(--bm-danger);    --bs-btn-hover-border-color:var(--bm-danger);    --bs-btn-active-bg:var(--bm-danger-dark);    --bs-btn-active-border-color:var(--bm-danger-dark);    --bs-btn-focus-shadow-rgb:217,83,79; }
.btn-outline-secondary { --bs-btn-color:var(--bm-secondary); --bs-btn-border-color:var(--bm-secondary); --bs-btn-hover-bg:var(--bm-secondary); --bs-btn-hover-border-color:var(--bm-secondary); --bs-btn-active-bg:var(--bm-secondary-dark); --bs-btn-active-border-color:var(--bm-secondary-dark); --bs-btn-focus-shadow-rgb:122,130,136; }

/* Breedmaster-Aktionsbuttons (Hinzufügen / Sammelbearbeitung / Sammellöschen / Dropdowns) */
.btn.ew-add-edit {
    --bm-action-btn-color:#fff; --bm-action-btn-bg:var(--bm-success);
    --bm-action-btn-hover-bg:var(--bm-success-dark); --bm-action-btn-hover-border:var(--bm-success-darker);
    --bm-action-btn-focus-rgb:92,184,92; --bm-action-btn-active-bg:var(--bm-success-darker); --bm-action-btn-active-border:#255625;
}
.btn.ew-multi-update {
    --bm-action-btn-color:#fff; --bm-action-btn-bg:var(--bm-warning);
    --bm-action-btn-hover-bg:var(--bm-warning-dark); --bm-action-btn-hover-border:var(--bm-warning-darker);
    --bm-action-btn-focus-rgb:240,173,78; --bm-action-btn-active-bg:var(--bm-warning-darker); --bm-action-btn-active-border:#985f0d;
}
.btn.ew-multi-delete {
    --bm-action-btn-color:#fff; --bm-action-btn-bg:var(--bm-danger);
    --bm-action-btn-hover-bg:var(--bm-danger-dark); --bm-action-btn-hover-border:var(--bm-danger-darker);
    --bm-action-btn-focus-rgb:217,83,79; --bm-action-btn-active-bg:var(--bm-danger-darker); --bm-action-btn-active-border:#761c19;
}
.btn.dropdown-toggle:not(.btn-default) {   /* z. B. „Werkzeuge" – war grelles #0dcaf0 */
    --bm-action-btn-color:#fff; --bm-action-btn-bg:var(--bm-info);
    --bm-action-btn-hover-bg:var(--bm-info-dark); --bm-action-btn-hover-border:var(--bm-info-darker);
    --bm-action-btn-focus-rgb:91,192,222; --bm-action-btn-active-bg:var(--bm-info-darker); --bm-action-btn-active-border:#1b6d85;
}
.btn.ew-add-edit, .btn.ew-multi-update, .btn.ew-multi-delete, .btn.dropdown-toggle:not(.btn-default) {
    background-image: var(--bm-gradient) !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.18);
}

/* =====================================================================
   ALERTS – hell mit leichtem Verlauf (wie Bootstrap 3)
   ===================================================================== */
.alert {
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
}
.alert-primary, .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-secondary {
    color: var(--bs-alert-color) !important;
    background-color: var(--bs-alert-bg) !important;
    border-color: var(--bs-alert-border-color) !important;
}
.alert-primary   { --bs-alert-color:var(--bm-alert-primary-text);   --bs-alert-bg:var(--bm-alert-primary-from);   --bs-alert-border-color:var(--bm-alert-primary-border);   --bs-alert-link-color:#1a3d5c; background-image:linear-gradient(to bottom, var(--bm-alert-primary-from) 0, var(--bm-alert-primary-to) 100%); }
.alert-success   { --bs-alert-color:var(--bm-alert-success-text);   --bs-alert-bg:var(--bm-alert-success-from);   --bs-alert-border-color:var(--bm-alert-success-border);   --bs-alert-link-color:#2b542c; background-image:linear-gradient(to bottom, var(--bm-alert-success-from) 0, var(--bm-alert-success-to) 100%); }
.alert-info      { --bs-alert-color:var(--bm-alert-info-text);      --bs-alert-bg:var(--bm-alert-info-from);      --bs-alert-border-color:var(--bm-alert-info-border);      --bs-alert-link-color:#245269; background-image:linear-gradient(to bottom, var(--bm-alert-info-from) 0, var(--bm-alert-info-to) 100%); }
.alert-warning   { --bs-alert-color:var(--bm-alert-warning-text);   --bs-alert-bg:var(--bm-alert-warning-from);   --bs-alert-border-color:var(--bm-alert-warning-border);   --bs-alert-link-color:#66512c; background-image:linear-gradient(to bottom, var(--bm-alert-warning-from) 0, var(--bm-alert-warning-to) 100%); }
.alert-danger    { --bs-alert-color:var(--bm-alert-danger-text);    --bs-alert-bg:var(--bm-alert-danger-from);    --bs-alert-border-color:var(--bm-alert-danger-border);    --bs-alert-link-color:#843534; background-image:linear-gradient(to bottom, var(--bm-alert-danger-from) 0, var(--bm-alert-danger-to) 100%); }
.alert-secondary { --bs-alert-color:var(--bm-alert-secondary-text); --bs-alert-bg:var(--bm-alert-secondary-from); --bs-alert-border-color:var(--bm-alert-secondary-border); --bs-alert-link-color:#333;    background-image:linear-gradient(to bottom, var(--bm-alert-secondary-from) 0, var(--bm-alert-secondary-to) 100%); }

/* AdminLTE färbt Links/Icons/Schließen-Kreuz in Alerts weiß – zurücksetzen */
.alert-primary a:not(.btn), .alert-success a:not(.btn), .alert-info a:not(.btn),
.alert-warning a:not(.btn), .alert-danger a:not(.btn), .alert-secondary a:not(.btn),
.alert .alert-link { color: var(--bs-alert-link-color) !important; }
.alert .icon, .alert h5, .alert .alert-heading { color: inherit; }
.alert-primary .btn-close, .alert-success .btn-close, .alert-info .btn-close,
.alert-warning .btn-close, .alert-danger .btn-close, .alert-secondary .btn-close { filter: none; }
.alert-primary .close, .alert-success .close, .alert-info .close,
.alert-warning .close, .alert-danger .close, .alert-secondary .close { color: #000; opacity: .3; }

/* =====================================================================
   CALLOUTS (AdminLTE)
   ===================================================================== */
.callout.callout-primary { border-left-color: var(--bm-primary); }
.callout.callout-success { border-left-color: var(--bm-success); }
.callout.callout-info    { border-left-color: var(--bm-info); }
.callout.callout-warning { border-left-color: var(--bm-warning); }
.callout.callout-danger  { border-left-color: var(--bm-danger); }
.callout.callout-primary h5 { color: var(--bm-alert-primary-text); }
.callout.callout-success h5 { color: var(--bm-alert-success-text); }
.callout.callout-info h5    { color: var(--bm-alert-info-text); }
.callout.callout-warning h5 { color: var(--bm-alert-warning-text); }
.callout.callout-danger h5  { color: var(--bm-alert-danger-text); }

/* =====================================================================
   HINTERGRÜNDE, BADGES, TEXTFARBEN
   ===================================================================== */
.bg-primary,   .text-bg-primary   { background-color: var(--bm-primary) !important;   color: #fff !important; }
.bg-success,   .text-bg-success   { background-color: var(--bm-success) !important;   color: #fff !important; }
.bg-info,      .text-bg-info      { background-color: var(--bm-info) !important;      color: #fff !important; }
.bg-warning,   .text-bg-warning   { background-color: var(--bm-warning) !important;   color: #fff !important; }
.bg-danger,    .text-bg-danger    { background-color: var(--bm-danger) !important;    color: #fff !important; }
.bg-secondary, .text-bg-secondary { background-color: var(--bm-secondary) !important; color: #fff !important; }

/* Textfarben dunkler & lesbarer (wie früher text-warning = braun statt gelb) */
.text-primary { color: var(--bm-primary) !important; }
.text-success { color: #3c763d !important; }
.text-info    { color: #31708f !important; }
.text-warning { color: #8a6d3b !important; }
.text-danger  { color: #a94442 !important; }

.border-primary { border-color: var(--bm-primary) !important; }
.border-success { border-color: var(--bm-success) !important; }
.border-info    { border-color: var(--bm-info) !important; }
.border-warning { border-color: var(--bm-warning) !important; }
.border-danger  { border-color: var(--bm-danger) !important; }

/* =====================================================================
   CARDS (AdminLTE card-primary / card-outline …)
   ===================================================================== */
.card-primary:not(.card-outline) > .card-header { background-color: var(--bm-primary); color: #fff; }
.card-success:not(.card-outline) > .card-header { background-color: var(--bm-success); color: #fff; }
.card-info:not(.card-outline)    > .card-header { background-color: var(--bm-info);    color: #fff; }
.card-warning:not(.card-outline) > .card-header { background-color: var(--bm-warning); color: #fff; }
.card-danger:not(.card-outline)  > .card-header { background-color: var(--bm-danger);  color: #fff; }
.card-primary:not(.card-outline) > .card-header a, .card-success:not(.card-outline) > .card-header a,
.card-info:not(.card-outline) > .card-header a,    .card-warning:not(.card-outline) > .card-header a,
.card-danger:not(.card-outline) > .card-header a,  .card-header .btn-tool { color: inherit; }

.card-primary.card-outline { border-top-color: var(--bm-primary); }
.card-success.card-outline { border-top-color: var(--bm-success); }
.card-info.card-outline    { border-top-color: var(--bm-info); }
.card-warning.card-outline { border-top-color: var(--bm-warning); }
.card-danger.card-outline  { border-top-color: var(--bm-danger); }

/* =====================================================================
   NAVIGATION: Navbar, Sidebar, Pills, Pagination, Dropdown, Listen
   ===================================================================== */
.navbar-blue, .navbar-primary { background-color: var(--bm-primary) !important; }
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active { background-color: var(--bm-primary); color: #fff; }

.nav-pills { --bs-nav-pills-link-active-bg: var(--bm-primary); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--bm-primary); }

.pagination {
    --bs-pagination-color: var(--bm-primary);
    --bs-pagination-hover-color: #23527c;
    --bs-pagination-focus-color: #23527c;
    --bs-pagination-active-bg: var(--bm-primary);
    --bs-pagination-active-border-color: var(--bm-primary);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(51,122,183,.25);
}
.dropdown-menu { --bs-dropdown-link-active-bg: var(--bm-primary); }
.list-group    { --bs-list-group-active-bg: var(--bm-primary); --bs-list-group-active-border-color: var(--bm-primary); }
.progress, .progress-stacked { --bs-progress-bar-bg: var(--bm-primary); }

/* =====================================================================
   FORMULARE: Fokus-Rahmen, Checkboxen, Schalter
   ===================================================================== */
.form-control:focus, .form-select:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 .2rem rgba(102,175,233,.35);
}
.form-check-input:checked { background-color: var(--bm-primary); border-color: var(--bm-primary); }
.form-check-input:focus  { border-color: #66afe9; box-shadow: 0 0 0 .2rem rgba(102,175,233,.35); }


/* ---------- Teil 3: Farbthema ---------- */
/* =====================================================================
   Breedmaster – Farbthema
   ---------------------------------------------------------------------
   SO ÄNDERST DU DIE FARBE:

   Ein paar Zeilen weiter unten steht diese Zeile:

       --bm-theme: #2c5a8a;

   Ersetze nur den Farbcode (#2c5a8a) durch einen aus dieser Liste:

       #2c5a8a   Blau
       #2e6b46   Grün
       #1f6b6b   Petrol
       #8a2c3a   Bordeaux
       #5a3d8a   Violett
       #7a5230   Braun
       #4a5560   Grau

   Speichern, Seite neu laden – fertig. Alles andere passt sich an.

   Eigene Farbe? Geht auch – sie sollte aber eher dunkel sein
   (so dunkel, dass weiße Schrift darauf gut lesbar wäre).
   ===================================================================== */

[data-bs-theme="light"] {

    /* ▼▼▼ HIER DIE FARBE ÄNDERN ▼▼▼ */
    --bm-theme: #6e0115;   /* Lapphund-Info: Weinrot (vorher #5f5851) */
    /* ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ ▲▲▲ */


    /* -----------------------------------------------------------------
       Ab hier musst du nichts mehr ändern.
       ----------------------------------------------------------------- */

    /* Optional: Links in einer anderen Farbe als das Thema.
       Beispiel: grünes Thema, aber blaue Links →  --bm-link-base: #2c5a8a; */
    --bm-link-base: var(--bm-theme);

    /* Automatisch berechnete Farbtöne (Prozent = Anteil der Themafarbe) */
    --bm-page:     color-mix(in srgb, var(--bm-theme) 13%, #fff);  /* Seitenhintergrund      */
    --bm-card:     color-mix(in srgb, var(--bm-theme)  5%, #fff);  /* Karten, Tabellenzeilen */
    --bm-alt:      color-mix(in srgb, var(--bm-theme) 10%, #fff);  /* jede 2. Zeile          */
    --bm-head:     color-mix(in srgb, var(--bm-theme) 17%, #fff);  /* Card-Header/-Footer    */
    --bm-hover:    color-mix(in srgb, var(--bm-theme) 21%, #fff);  /* Zeile unter der Maus   */
    --bm-active:   color-mix(in srgb, var(--bm-theme) 27%, #fff);  /* ausgewählte Zeile      */
    --bm-border:   color-mix(in srgb, var(--bm-theme) 26%, #fff);  /* Linien                 */
    --bm-input-border: color-mix(in srgb, var(--bm-theme) 40%, #fff);
    --bm-input:    #fff;                                           /* Eingabefelder          */

    --bm-thead:        var(--bm-theme);                            /* Tabellenkopf           */
    --bm-thead-border: color-mix(in srgb, var(--bm-theme) 80%, #000);
    --bm-navbar:       color-mix(in srgb, var(--bm-theme) 90%, #fff);

    --bm-text:       color-mix(in srgb, var(--bm-theme) 12%, #1a1a1a);
    --bm-text-muted: color-mix(in srgb, var(--bm-theme) 40%, #333);
    --bm-link:       color-mix(in srgb, var(--bm-link-base) 90%, #000);
    --bm-link-hover: color-mix(in srgb, var(--bm-link-base) 60%, #000);

    /* Sidebar (dunkel, aus der Themafarbe) */
    --bm-sidebar:        color-mix(in srgb, var(--bm-theme) 50%, #0b0f14);
    --bm-sidebar-input:  color-mix(in srgb, var(--bm-theme) 60%, #1e2630);
    --bm-sidebar-text:   color-mix(in srgb, var(--bm-theme) 15%, #c8cdd3);
    --bm-sidebar-hover:  rgba(255,255,255,.09);
    --bm-sidebar-active-text: #fff;

    /* Primärfarbe (Buttons „primary", aktive Menüpunkte, Checkboxen …)
       folgt dem Thema. Soll sie fest blau bleiben: diese 3 Zeilen löschen. */
    --bm-primary:        var(--bm-navbar);
    --bm-primary-dark:   var(--bm-theme);
    --bm-primary-darker: var(--bm-thead-border);

    /* =================================================================
       Bootstrap-Variablen auf die Themafarben umbiegen
       ================================================================= */
    --bs-body-bg:            var(--bm-page);
    --bs-body-color:         var(--bm-text);
    --bs-emphasis-color:     var(--bm-text);
    --bs-secondary-color:    var(--bm-text-muted);
    --bs-secondary-bg:       var(--bm-head);
    --bs-tertiary-bg:        var(--bm-alt);
    --bs-border-color:       var(--bm-border);
    --bs-border-color-translucent: color-mix(in srgb, var(--bm-theme) 18%, transparent);
    --bs-link-color:         var(--bm-link);
    --bs-link-hover-color:   var(--bm-link-hover);
    --bs-primary:            var(--bm-primary);
}

/* =====================================================================
   SEITE & KARTEN
   ===================================================================== */
[data-bs-theme="light"] body,
[data-bs-theme="light"] .content-wrapper,
[data-bs-theme="light"] .main-footer {
    background-color: var(--bm-page);
    color: var(--bm-text);
}
[data-bs-theme="light"] .main-footer { border-top: 1px solid var(--bm-border); color: var(--bm-text-muted); }

/* Logo ist ein JPG mit weißem Hintergrund – Weiß wird so „durchsichtig" */
[data-bs-theme="light"] img[src*="logo-breedmaster"] { mix-blend-mode: multiply; }

[data-bs-theme="light"] .card {
    --bs-card-bg: var(--bm-card);
    --bs-card-cap-bg: var(--bm-head);
    --bs-card-border-color: var(--bm-border);
    background-color: var(--bm-card);
    border-color: var(--bm-border);
    box-shadow: 0 1px 3px rgba(0,0,0,.07);
}
[data-bs-theme="light"] .card > .card-header:not([class*="bg-"]),
[data-bs-theme="light"] .card > .card-footer:not([class*="bg-"]) {
    background-color: var(--bm-head);
    border-color: var(--bm-border);
}
/* farbige AdminLTE-Kartenköpfe (card-primary …) behalten ihre Farbe */
[data-bs-theme="light"] .card-primary:not(.card-outline) > .card-header { background-color: var(--bm-primary); }
[data-bs-theme="light"] .card-success:not(.card-outline) > .card-header { background-color: var(--bm-success); }
[data-bs-theme="light"] .card-info:not(.card-outline)    > .card-header { background-color: var(--bm-info); }
[data-bs-theme="light"] .card-warning:not(.card-outline) > .card-header { background-color: var(--bm-warning); }
[data-bs-theme="light"] .card-danger:not(.card-outline)  > .card-header { background-color: var(--bm-danger); }

[data-bs-theme="light"] .text-muted,
[data-bs-theme="light"] .text-body-secondary { color: var(--bm-text-muted) !important; }
[data-bs-theme="light"] hr { border-color: var(--bm-border); opacity: 1; }

/* =====================================================================
   LINKS IM INHALTSBEREICH
   (Sidebar und Navbar haben unten eigene Regeln)
   ===================================================================== */
[data-bs-theme="light"] .content-wrapper a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item),
[data-bs-theme="light"] .modal a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item) {
    color: var(--bm-link);
}
[data-bs-theme="light"] .content-wrapper a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item):hover,
[data-bs-theme="light"] .modal a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.list-group-item):hover {
    color: var(--bm-link-hover);
    text-decoration: underline;
}
/* Links auf dunklem/farbigem Grund: Schriftfarbe des Untergrunds übernehmen */
[data-bs-theme="light"] .ew-table .ew-table-header a,
[data-bs-theme="light"] .ew-table > thead a,
[data-bs-theme="light"] [class*="text-bg-"] a,
[data-bs-theme="light"] .bg-primary a, [data-bs-theme="light"] .bg-info a,
[data-bs-theme="light"] .bg-success a, [data-bs-theme="light"] .bg-danger a,
[data-bs-theme="light"] .bg-warning a,
[data-bs-theme="light"] .ewToolbarTopRow a { color: inherit !important; }
/* Links in Alerts behalten ihre Alert-Farbe */
[data-bs-theme="light"] .alert a:not(.btn) { color: var(--bs-alert-link-color) !important; }

/* =====================================================================
   NAVBAR (oben)
   ===================================================================== */
[data-bs-theme="light"] .main-header.navbar,
[data-bs-theme="light"] .navbar-blue,
[data-bs-theme="light"] .navbar-primary { background-color: var(--bm-navbar) !important; }

/* =====================================================================
   SIDEBAR (links) – eigene, helle Schrift auf dunklem Thematon
   ===================================================================== */
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] { background-color: var(--bm-sidebar); }
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .brand-link { border-bottom-color: rgba(255,255,255,.12); }

[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] a,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-link,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-link p,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-icon,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .user-panel,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .user-panel a,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .brand-link,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .brand-text {
    color: var(--bm-sidebar-text);
}
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-header { color: color-mix(in srgb, var(--bm-sidebar-text) 75%, var(--bm-sidebar)); }

[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-sidebar .nav-link:hover,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-sidebar .nav-link:focus,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-sidebar .menu-open > .nav-link {
    background-color: var(--bm-sidebar-hover);
    color: #fff;
}
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-sidebar .nav-link:hover p,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-sidebar .menu-open > .nav-link p { color: #fff; }

/* aktiver Menüpunkt */
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--bm-primary);
    color: var(--bm-sidebar-active-text);
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active p,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active .nav-icon { color: var(--bm-sidebar-active-text); }

/* Untermenüs (aufgeklappt) */
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-treeview { background-color: rgba(0,0,0,.12); }
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: rgba(255,255,255,.16);
    color: #fff;
}
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active p { color: #fff; }

/* Suchfeld in der Sidebar */
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .form-control-sidebar,
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .btn-sidebar {
    background-color: var(--bm-sidebar-input);
    border-color: var(--bm-sidebar-input);
    color: #fff;
}
[data-bs-theme="light"] .main-sidebar[class*="sidebar-dark-"] .form-control-sidebar::placeholder { color: var(--bm-sidebar-text); opacity: .7; }

/* =====================================================================
   TABELLEN (PHPMaker-Grids + normale Bootstrap-Tabellen)
   ===================================================================== */
[data-bs-theme="light"] .table,
[data-bs-theme="light"] .ew-grid .ew-table {
    --bs-table-bg:            var(--bm-card);
    --bs-table-color:         var(--bm-text);
    --bs-table-border-color:  var(--bm-border);
    --bs-table-striped-bg:    var(--bm-alt);
    --bs-table-striped-color: var(--bm-text);
    --bs-table-hover-bg:      var(--bm-hover);
    --bs-table-hover-color:   var(--bm-text);
    --bs-table-active-bg:     var(--bm-active);
    --bs-table-active-color:  var(--bm-text);
}
[data-bs-theme="light"] .ew-grid .ew-table > tbody > tr.ew-table-alt-row > td { --bs-table-bg: var(--bm-alt); }
[data-bs-theme="light"] .ew-grid .ew-table > tbody > tr.ew-table-preview-row > td { --bs-table-bg: var(--bm-page); }

[data-bs-theme="light"] .ew-grid { border-color: var(--bm-thead-border); }
[data-bs-theme="light"] .ew-grid .ew-grid-upper-panel { border-bottom-color: var(--bm-thead-border); }
[data-bs-theme="light"] .ew-grid .ew-table :not(thead) > tr,
[data-bs-theme="light"] .ew-grid .ew-table tbody,
[data-bs-theme="light"] .ew-grid .ew-table td,
[data-bs-theme="light"] .ew-grid .ew-table tfoot,
[data-bs-theme="light"] .ew-grid .ew-table th,
[data-bs-theme="light"] .ew-grid .ew-table > :not(:last-child):not(thead) > :last-child > * { border-color: var(--bm-border); }
[data-bs-theme="light"] .ew-grid .ew-table > thead > *,
[data-bs-theme="light"] .ew-grid .ew-table > thead > * > *,
[data-bs-theme="light"] .ew-grid .ew-table > thead > tr > td,
[data-bs-theme="light"] .ew-grid .ew-table > thead > tr > th { border-color: var(--bm-thead-border) !important; }

[data-bs-theme="light"] .ew-grid .ew-table .ew-rpt-col-header,
[data-bs-theme="light"] .ew-grid .ew-table .ew-rpt-col-summary,
[data-bs-theme="light"] .ew-grid .ew-table .ew-table-header > td,
[data-bs-theme="light"] .ew-grid .ew-table .ew-table-header > th {
    --bs-table-bg: var(--bm-thead);
    --bs-table-color-state: #fff;
    background-image: linear-gradient(to bottom, rgba(255,255,255,.08), rgba(0,0,0,.06));
}
[data-bs-theme="light"] .table:not(.ew-table) > thead > tr > th {
    --bs-table-bg: var(--bm-head);
    border-bottom-color: var(--bm-border);
}

/* =====================================================================
   FORMULARE – Felder bleiben hell
   ===================================================================== */
[data-bs-theme="light"] .form-control:not(.form-control-sidebar),
[data-bs-theme="light"] .form-select,
[data-bs-theme="light"] .select2-container--bootstrap-5 .select2-selection {
    background-color: var(--bm-input);
    border-color: var(--bm-input-border);
    color: var(--bm-text);
}
[data-bs-theme="light"] .form-control:not(.form-control-sidebar):disabled,
[data-bs-theme="light"] .form-control[readonly]:not(.tt-hint):not(.form-control-sidebar),
[data-bs-theme="light"] .form-select:disabled { background-color: var(--bm-alt); }
/* Autovervollständigung (typeahead): obere Ebene transparent */
[data-bs-theme="light"] .twitter-typeahead .tt-input { background-color: transparent !important; }
[data-bs-theme="light"] .input-group-text {
    background-color: var(--bm-head);
    border-color: var(--bm-input-border);
    color: var(--bm-text);
}
[data-bs-theme="light"] .form-check-input:not(:checked) { background-color: #fff; border-color: var(--bm-input-border); }
[data-bs-theme="light"] .form-check-input:checked { background-color: var(--bm-primary); border-color: var(--bm-primary); }
[data-bs-theme="light"] .form-control:not(.form-control-sidebar):focus,
[data-bs-theme="light"] .form-select:focus {
    border-color: var(--bm-navbar);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--bm-theme) 25%, transparent);
}
[data-bs-theme="light"] .form-control::placeholder { color: var(--bm-text-muted); opacity: .75; }

/* =====================================================================
   DROPDOWNS, TABS, PAGINATION, LISTEN, MODALS
   ===================================================================== */
[data-bs-theme="light"] .dropdown-menu {
    --bs-dropdown-bg: var(--bm-card);
    --bs-dropdown-border-color: var(--bm-border);
    --bs-dropdown-link-color: var(--bm-text);
    --bs-dropdown-link-hover-bg: var(--bm-hover);
    --bs-dropdown-link-hover-color: var(--bm-link-hover);
    --bs-dropdown-link-active-bg: var(--bm-primary);
    --bs-dropdown-divider-bg: var(--bm-border);
    background-color: var(--bm-card);
}

[data-bs-theme="light"] .nav-tabs {
    --bs-nav-tabs-border-color: var(--bm-border);
    --bs-nav-tabs-link-hover-border-color: var(--bm-border) var(--bm-border) var(--bm-border);
    --bs-nav-tabs-link-active-bg: var(--bm-card);
    --bs-nav-tabs-link-active-color: var(--bm-text);
    --bs-nav-tabs-link-active-border-color: var(--bm-border) var(--bm-border) var(--bm-card);
}
[data-bs-theme="light"] .nav-tabs .nav-link:not(.active) { color: var(--bm-link); }
[data-bs-theme="light"] .nav-tabs .nav-link:not(.active):hover { background-color: var(--bm-head); color: var(--bm-link-hover); }
[data-bs-theme="light"] .nav-tabs .nav-link.active { background-color: var(--bm-card); color: var(--bm-text); font-weight: 500; }
[data-bs-theme="light"] .nav-pills { --bs-nav-pills-link-active-bg: var(--bm-primary); }

[data-bs-theme="light"] .pagination {
    --bs-pagination-bg: var(--bm-card);
    --bs-pagination-border-color: var(--bm-border);
    --bs-pagination-color: var(--bm-link);
    --bs-pagination-hover-color: var(--bm-link-hover);
    --bs-pagination-hover-bg: var(--bm-hover);
    --bs-pagination-hover-border-color: var(--bm-border);
    --bs-pagination-active-bg: var(--bm-primary);
    --bs-pagination-active-border-color: var(--bm-primary);
    --bs-pagination-disabled-bg: var(--bm-alt);
    --bs-pagination-disabled-color: var(--bm-text-muted);
    --bs-pagination-disabled-border-color: var(--bm-border);
}
[data-bs-theme="light"] .list-group {
    --bs-list-group-bg: var(--bm-card);
    --bs-list-group-border-color: var(--bm-border);
    --bs-list-group-color: var(--bm-text);
    --bs-list-group-action-hover-bg: var(--bm-hover);
    --bs-list-group-active-bg: var(--bm-primary);
    --bs-list-group-active-border-color: var(--bm-primary);
}
[data-bs-theme="light"] .modal {
    --bs-modal-bg: var(--bm-card);
    --bs-modal-border-color: var(--bm-border);
    --bs-modal-header-border-color: var(--bm-border);
    --bs-modal-footer-border-color: var(--bm-border);
}
[data-bs-theme="light"] .modal-header,
[data-bs-theme="light"] .modal-footer { background-color: var(--bm-head); }
[data-bs-theme="light"] .popover { --bs-popover-bg: var(--bm-card); --bs-popover-header-bg: var(--bm-head); --bs-popover-border-color: var(--bm-border); }
[data-bs-theme="light"] .breadcrumb { --bs-breadcrumb-divider-color: var(--bm-text-muted); --bs-breadcrumb-item-active-color: var(--bm-text-muted); }
[data-bs-theme="light"] .progress { --bs-progress-bar-bg: var(--bm-primary); }

/* =====================================================================
   BUTTONS, die dem Thema folgen
   ===================================================================== */
[data-bs-theme="light"] .btn-default {
    --bs-btn-border-color: var(--bm-input-border);
    --bs-btn-hover-bg: var(--bm-head);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bm-theme) 55%, #fff);
    --bs-btn-active-bg: var(--bm-active);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bm-theme) 65%, #fff);
    background-image: linear-gradient(to bottom, #fff 0, var(--bm-alt) 100%) !important;
    color: var(--bm-text);
}
[data-bs-theme="light"] .btn-primary {
    --bs-btn-bg: var(--bm-primary);
    --bs-btn-border-color: var(--bm-primary-dark);
    --bs-btn-hover-bg: var(--bm-primary-dark);
    --bs-btn-hover-border-color: var(--bm-primary-darker);
    --bs-btn-active-bg: var(--bm-primary-darker);
    --bs-btn-active-border-color: var(--bm-primary-darker);
    --bs-btn-disabled-bg: var(--bm-primary);
    --bs-btn-disabled-border-color: var(--bm-primary-dark);
}
[data-bs-theme="light"] .btn-outline-primary {
    --bs-btn-color: var(--bm-link);
    --bs-btn-border-color: var(--bm-primary);
    --bs-btn-hover-bg: var(--bm-primary);
    --bs-btn-hover-border-color: var(--bm-primary);
    --bs-btn-active-bg: var(--bm-primary-dark);
    --bs-btn-active-border-color: var(--bm-primary-dark);
}
[data-bs-theme="light"] .bg-primary,
[data-bs-theme="light"] .text-bg-primary { background-color: var(--bm-primary) !important; }
[data-bs-theme="light"] .text-primary { color: var(--bm-link) !important; }
[data-bs-theme="light"] .border-primary { border-color: var(--bm-primary) !important; }
                                      
/* ---------- Teil 4: Erweiterte Suche (Layout wie BM2016 / ewBasicSearch) ---------- */
@media (min-width: 576px) {
    .ew-extended-search > .row > [id^="xs_"] {
        margin-bottom: .25rem !important;
        align-items: center !important;
    }
    .ew-extended-search .ew-search-caption {
        flex: 0 0 125px;
        width: 125px;
        margin: 0 40px 0 0;
        padding: 0;
        font-weight: 700;
        border-bottom: 1px dotted #999;
        align-self: center;
    }
    .ew-extended-search .ew-search-operator {
        flex: 0 0 122px;
        width: 122px;
        margin-right: 4px;
    }
    .ew-extended-search .ew-search-operator .form-select { width: 100%; }
    .ew-extended-search .ew-search-field,
    .ew-extended-search .ew-search-field2 { width: 324px; }
    .ew-extended-search .ew-search-field .ew-auto-suggest,
    .ew-extended-search .ew-search-field .twitter-typeahead,
    .ew-extended-search .ew-search-field .form-control { width: 100% !important; }
    .ew-extended-search .ew-search-field .form-select {
        width: auto;
        min-width: 180px;
        max-width: 100%;
    }
    .ew-extended-search .form-control,
    .ew-extended-search .form-select {
        padding-top: .25rem;
        padding-bottom: .25rem;
        font-size: .875rem;
    }
}

/* ---------- Teil 5: Lapphund-Info Farbschema ---------- */
/* =====================================================================
   Farben übernommen von lapphund-info.de (bisher Bootstrap 3.3).
   Überschreibt die automatisch berechneten Farbtöne aus Teil 3 mit festen
   Werten. Teil 5 wieder entfernen = zurück zum berechneten Farbthema.
   ===================================================================== */
[data-bs-theme="light"] {
    --bm-page:          #fbf1d6;   /* Seitenhintergrund (Creme)            */
    --bm-card:          #fffeed;   /* Karten, Tabellenzeilen               */
    --bm-alt:           #f5f1c8;   /* jede 2. Tabellenzeile                */
    --bm-head:          #eee8aa;   /* Card-Header/-Footer, Grid-Panels     */
    --bm-hover:         #ffffe0;   /* Zeile unter der Maus                 */
    --bm-active:        #f0e68c;   /* ausgewählte / bearbeitete Zeile      */
    --bm-border:        #d2b48c;   /* Linien, Tabellenrahmen               */
    --bm-input-border:  #c7b18b;   /* Eingabefelder, Box-Rahmen            */

    --bm-thead:         #e5cc80;   /* Tabellenkopf (Gold)                  */
    --bm-thead-border:  #c7b18b;
    --bm-navbar:        #6e0115;   /* Navbar / Menü (Weinrot)              */

    --bm-text:          #000000;
    --bm-text-muted:    #6b5b3e;
    --bm-link:          #2a6598;   /* Links (Blau)                         */
    --bm-link-hover:    #6e0115;

    --bm-sidebar:        #4a0710;  /* Sidebar links (dunkles Weinrot)     */
    --bm-sidebar-input:  #6e1a26;
    --bm-sidebar-text:   #f3e6c8;

    --bm-primary:        #6e0115;  /* Primär-Buttons, aktive Menüpunkte   */
    --bm-primary-dark:   #57010f;
    --bm-primary-darker: #40010b;
}

/* Überschriften im Inhaltsbereich in Weinrot (wie lapphund-info.de) */
[data-bs-theme="light"] .content-wrapper :is(h1, h2, h3):not([class*="text-"]) { color: #6e0115; }
[data-bs-theme="light"] .card > .card-header:not([class*="bg-"]) .card-title { color: #6e0115; }

/* Tabellenkopf: heller Goldverlauf mit schwarzer Schrift statt dunklem Kopf */
[data-bs-theme="light"] .ew-grid .ew-table .ew-rpt-col-header,
[data-bs-theme="light"] .ew-grid .ew-table .ew-rpt-col-summary,
[data-bs-theme="light"] .ew-grid .ew-table .ew-table-header > td,
[data-bs-theme="light"] .ew-grid .ew-table .ew-table-header > th {
    --bs-table-bg: #e5cc80;
    --bs-table-color-state: #000;
    color: #000;
    background-image: linear-gradient(to bottom, #f6eed5 0, #e5cc80 100%);
}
[data-bs-theme="light"] .table:not(.ew-table) > thead > tr > th {
    --bs-table-bg: #e5cc80;
    background-image: linear-gradient(to bottom, #f6eed5 0, #e5cc80 100%);
}
/* Tabellenfuß */
[data-bs-theme="light"] .ew-grid .ew-table .ew-table-footer > td { background-color: #fafad2 !important; }

/* Tabs: aktiver Reiter hell, inaktive in Blau, Hover Weinrot */
[data-bs-theme="light"] .nav-tabs .nav-link.active { color: #6e0115; }
