:root {
    /* ============================================================
       MARKEN-FARBEN - fuers Umstyling reichen im Idealfall diese zwei
       Werte.
       ============================================================ */
    --cbm-brand-primary: #4f46e5;   /* an rgb für bs denken zb aktiver Navi-Punkt, Buttons, Links */
    --cbm-brand-secondary: #ec4899; /* an rgb für bs denken zb Logo/Uhr-Verlauf, Hover-Töne */

    --cbm-sidebar-width: 15rem;      /* 240px */
    --cbm-sidebar-width-icons: 4.75rem; /* 76px */
    --cbm-sidebar-bg: #262c3d;
    --cbm-sidebar-bg-darker: #1e2331;
    --cbm-sidebar-fg: #e7ebf3;
    --cbm-sidebar-fg-muted: #9aa5b8;
    --cbm-accent: var(--cbm-brand-primary);

    --cbm-ampel-grau: #9aa0a8;
    --cbm-ampel-gruen: #2eb872;
    --cbm-ampel-rot: #e5484d;

    /* Bootstraps eigene "primary"-Farbe (Buttons, Links, Fokus-Ringe, Checkboxen
       usw. app-weit). --bs-primary-rgb kann CSS nicht automatisch aus dem Hex-Wert
       berechnen - bei Aenderung von --cbm-brand-primary bitte manuell mitziehen. */
    --bs-primary: var(--cbm-brand-primary);
    --bs-primary-rgb: 79, 70, 229;
    --bs-link-color: var(--cbm-brand-primary);
    --bs-link-color-rgb: 79, 70, 229;
    --bs-link-hover-color: var(--cbm-brand-secondary);


}


.cbm-app {background:var(--cbm-sidebar-bg-darker)}

.cbm-nav-link {text-decoration:	none}
.cbm-sidebar__fixed {background: var(--cbm-sidebar-bg-darker); position: absolute; bottom: 0; width: 100%; display: flex; flex-direction: column;}
.cbm-sidebar__clock {text-align:center}

.cbm-sidebar-toggle {border: 0; border-radius: 30000px; margin: 0 auto .625rem; width: 2.75rem; height: 2.75rem;}
.cbm-sidebar-toggle i {font-size: 1.25rem;}

/* kalender */
.fc .fc-daygrid-day-top {flex-direction: row;}
.fc .fc-daygrid-day-number {background: var(--bs-gray-600);border-radius: 50%;width: 1.5rem;height: 1.5rem;padding: 0;color: #fff;text-align: center;text-decoration: none;font-size: .75rem;font-weight: 600;line-height: 1.5rem;left: .125rem;top: .125rem;}
.cbm-cal-add-btn {top: .125rem; bottom:auto;}