:root {
    --highlightcolor: #112833;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
a, p, li,
.bg-secondary *
{
    color: #fff;
}
.overlay-content *,
.chat-content-wrapper * {
    color: #000 !important;
}
.overlay-content #overlay-close-btn {
    color: #fff !important;
}

/**** Hintergrundfarben ***********************************************************************************************/

section.header-content-wrapper.bg-secondary,
.bg-secondary { background-color: var(--highlightcolor) !important; }
.bg-secondary * { color: #fff !important; }

/**** Buttons *********************************************************************************************************/

.btn.btn-primary { background-color: var(--highlightcolor) !important; color: #fff !important; border: 0; }
.btn.btn-primary:hover { color: var(--highlightcolor) !important; background-color: #fff !important; border: 0; }

.btn.btn-secondary { background-color: #fff !important; color: var(--highlightcolor) !important; border: 0; }
.btn.btn-secondary:hover { color: #fff !important; background-color: var(--highlightcolor) !important; border: 0; }

/**** Content Elemente ************************************************************************************************/

main ol li::before,
main ul li::before {
    color: var(--highlightcolor);
}

/**** Elemente *** Accordion ******************************************************************************************/

.accordion .accordion-button:not(.collapsed) {
    color: var(--highlightcolor);
}
.accordion .accordion-button::after {
    background-image: url('../../../images/accordion-arrow-basic.svg');
}

/**** Elemente *** Icongrid *******************************************************************************************/

.icon-grid-wrapper > .container .service-box.bg-primary:hover,
.icon-grid-wrapper > .container > .bg-light,
.icon-grid-wrapper > .container > a.bg-light:hover,
.icon-grid-wrapper .service-box, .icon-grid-wrapper .service-box:hover, .icon-grid-wrapper .bg-primary, .icon-grid-wrapper .bg-primary:hover, .icon-grid-wrapper .service-box.bg-primary, .icon-grid-wrapper .service-box.bg-primary:hover {
    background-color:var(--highlightcolor) !important;
}
.service-box.bg-primary *,
.icon-grid-wrapper > .container > .bg-light *,
.icon-grid-wrapper > .container > a.bg-light:hover,
.icon-grid-wrapper .service-box .search-bar, .icon-grid-wrapper .service-box, .icon-grid-wrapper .service-box a, .icon-grid-wrapper .service-box a:hover {
    color: #fff !important;
}
.icon-grid-wrapper > .container > a.bg-light img { filter: invert(1) brightness(100); }

/**** Elemente *** Tabelle *******************************************************************************************/

thead th,
tbody th {
    background-color: var(--highlightcolor);
    color: #fff !important;
}