:root {

    --bg-body-background-color: #1c1c1c;

    --bg-main-background-color: #1c1c1c;

    --page-main-intro-after-border-color: #1c1c1c;

}












body {
    background-color: var(--bg-body-background-color);
}
.main {
    background: var(--bg-main-background-color);
    color:white;
}

.page-main-intro:after {
    border-top: 20px solid var(--page-main-intro-after-border-color) !important;
}

/* ----------- IMG Rahmen */
.thumbnail {
    border: 1px solid #6a6a6a;
}


/* ----------- Blockquote */
blockquote {
    border-color: var(--blockquote-border-color);
}

/* ----------- Listgroup Navigation EG Arbeiten Singleview */
.list-group {
    --bs-list-group-bg: transparent !important;
}

/* ----------- Start */

.btn-primary {
    color:#000000 !important;
}


/* ----------- Sections */
.bg-white {
    background-color: #1f1f1f !important;
    color:white;
}


.bg-light-gray {
    background-color: #22292f;
}

.highlight-box-3 {
    color:black;
}
.bg-light {
    background-color: var(--bg-light-background-color) !important;
    color: white;
}
.highlight-box-2 {
    background-color: #1f1f1f;
    color:white;
}

.herounit,
.awesome {
    color:white;
}

/* ----------- Card */
.card {
    background-color: var(--card-bg-color);
}
.card-title,
.card-category,
.card-description {
    color:white !important;
}

/* ----------- Card Blog */
.card-blog .card-header {
    padding:0 !important;
    border-radius: 5px;
}

.card-blog .card-header-image {
    border-color: var(--body-background-color);
    background-color: var(--body-background-color);
}

.card-blog .card-header img {
    border-radius: 5px;
}
.card.card-blog .card-title a:hover {
    color: #000000;
}


/* ------------ Navbar */
.nav-down {
    background:rgba(28, 28, 28, 0.4);
}
.navbar .navbar-brand {
    color:white;
}
.navbar.navbar-transparent .navbar-brand {
    color:white !important;
}
.navbar .nav-link {
    color:white !important;
}

/* ------------ BEGIN Nav SUB */
.nav-tabs {
    border-bottom:1px solid #000000;
}

.nav-tabs .nav-link.active {
    background-color:black;
    color:white;
    border:1px solid #000000;
}
/* ------------ BEGIN Nav SUB */

hr {
    border-top: 1px solid var(--border-color);
    opacity: unset;
}

/* ------------ BEGIN BORDER */
.border-end {
    border-color: var(--border-color) !important;
}


/* ------------ END  BORDER */


/* ----------- Responsive */
/* ----------- Screen | Mobile */
@media (max-width: 992px) {

    /* ---------- Navbar Popover */
    .navbar-collapse,
    .navbar-collapse.show {
        background: var(--body-background-color) !important;
        border-radius:0 !important;
    }

    .navbar-collapse.show .nav-link,
    .navbar-collapse.show .nav-link i {
        color: #FFF !important;
    }
    .navbar-toggler .navbar-toggler-icon::before,
    .navbar-toggler.collapsed .navbar-toggler-icon::before {
        color: #FFF !important;
    }

}



/* --------------- Badges - News */
.badge.badge-light {
    font-size: 0.675em;
    background-color:rgb(51, 51, 51);
}
.badge.badge-dark {
    background-color:rgb(51, 51, 51);
    font-size: 0.675em;
}


/* ---------- Preloader */
.preloader {
    background:var(--body-background-color) !important;
}



/* ------- BEGIN HERO UNIT */
.herounit a {
    color: #2779bd;
}




/* ----------- Datenschutz Matomo */
#matomo {
    background-color:white;;
}

/* ----------- Datenschutz DSGVO Datenschutzwerft Logo */
.a2{fill:#fff !important;}


/* ----------- Footer */
.footer-black .content .version {
    color:white;
    opacity: .86;
}

h1,
h2,
h3,
h4,
h5 {
    color:white;
}
.text-dark {
    color:#ffffff !important;
}
.outlined.text-dark strong {
    -webkit-text-stroke-color: #ffffff;
    text-stroke: 2px #ffffff;
}


/* ----------- Referenzen */
.rotating-card-container .card .back, .rotating-card-container .card .front {
    background-color:#000000 !important;
}
/*
.rotating-card-container .card .front img {
    -webkit-filter: invert(1);
    filter: invert(1);
}
*/

/* ------------- Footer */
footer {
    background-color: #000000 !important;
}













/* --------------------- Border */
.border-top,
.border-start {
    border-color: #373737 !important;
}

/* --------------------- Text */
small,
.text-muted {
    color: #6a6a6a !important;
}