/* ===========================================
   Anpassungen Layout / Navigation / Ribbon
   =========================================== */

/* (1) Kopfzeile – Clubname */
.navbar,
.header,
.topbar,
.app-header {
    background-color: #00B1C2 !important; /* falls du das Türkis behalten willst */
    color: #000000 !important; /* Text schwarz */
}

.navbar a,
.header a,
.topbar a,
.app-header a {
    color: #000000 !important;
}

/* (2) Menüleisten mit Buttons (z. B. Syncfusion Ribbon / Toolbar) */
.e-toolbar,
.sf-ribbon-tab,
.sf-toolbar {
    /*background-color: #F7AA52 !important;*/ /* orange */
    background-color: #00B1C2 !important; /* orange */
    color: #000000 !important; /* Text schwarz */
}

.e-toolbar .e-tbar-btn,
.sf-toolbar .e-btn,
.e-toolbar-item .e-tbar-btn-text {
    color: #000000 !important;
}

/* (3) Menüleiste-Hintergründe allgemein (Header, Tabs usw.) */
.e-tab-header,
.sf-tab-header,
.e-toolbar-items {
    /*background-color: #F7AA52 !important;*/
    background-color: #00B1C2 !important;
    color: #000000 !important;
}

/* Sicherstellen, dass Icons nicht verfärbt werden */
.e-toolbar .e-btn .e-icons,
.sf-toolbar .e-btn .e-icons {
    color: #000000 !important;
}

.e-tbar-btn {
    background-color: #00B1C2 !important;
}

.bg-primary-subtle {
    background-color: #008796 !important;
    color: #dee2e6 !important;
}