/* Cassiopeia/Bootstrap Primary-Farbe auf Schwarz setzen */
:root {
    --cassiopeia-color-primary: #000000 !important;
    --cassiopeia-color-hover: #111111 !important;  /* optional */
    --bs-primary: #000000 !important;
}
/* Header-/Top-Bereich erzwingen */
.container-header,
header.header,
.site-header,
.navbar,
.navbar .container-nav,
.navbar::before,
.navbar::after {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Menütexte weiß */
.container-header a,
.navbar a,
.navbar-brand,
.navbar-nav .nav-link {
    color: #ffffff !important;
}

/* GLOBAL – Hintergrund dunkel, Schrift hell */
body {
    background-color: #121212 !important;
    color: #e6e6e6 !important;
}

/* Modulcontainer, Artikelboxen, Cards */
.container-component,
.container-sidebar,
.moduletable,
.card,
.com-content-article,
footer,
header,
.site-grid {
    background-color: #121212 !important;
    color: #e6e6e6 !important;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* Standardtext */
p, li, span, div {
    color: #e0e0e0 !important;
}

/* Links */
a {
    color: #79b8ff !important;
}
a:hover {
    color: #a4cfff !important;
}

/* Navigationsmenü */
.navbar,
.navbar-brand,
.metismenu,
.mod-menu {
    background-color: #1b1b1b !important;
}
.mod-menu a {
    color: #f5f5f5 !important;
}

/* Footer */
.footer {
    background-color: #181818 !important;
    color: #dcdcdc !important;
}

/* Artikel Hintergründe entfernen (Cassiopeia hat viel Weißflächen) */
.article-body,
.com-content-article .article-content {
    background: transparent !important;
}

/* Breadcrumbs */
.breadcrumb {
    background-color: #1a1a1a !important;
    color: #ddd !important;
}

/* Buttons */
.btn {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #555 !important;
}
.btn:hover {
    background-color: #444 !important;
    border-color: #777 !important;
}