/* === Grundfarben für Body und Text === */
#body {
    background-color: #000000;
}

#body p,
#body h3,
#body h4,
#body span.mr-4,
#body #filterLabel {
    color: white;
}

/* === Divider === */
#job-divider {
    background-color: #ffffff !important;
}

/* === Header Mobile === */
.header-nav-mobile {
    background-color: #000000 !important;
}


/* === Header Toolbar === */
body#body.wide .header.header-new .header-toolbar.d-none.d-lg-block {
    background-color: #000000;
}

/* === Header Search === */
#headerSearch {
    background-color: #000000;
}

/* === Breadcrumb === */
div.header-breadcrumb,
div.header-breadcrumb > div.container-fluid > ol.breadcrumb {
    background-color: #000000;
}

/* === Navigation === */
body#body.wide .header.header-new .header-nav.d-none.d-md-block nav#megaDropdown.navbar {
    background-color: white;
}

nav#megaDropdown a.nav-link:link,
nav#megaDropdown a.nav-link:visited {
    color: black;
}

nav#megaDropdown a.nav-link:hover,
nav#megaDropdown a.nav-link:active {
    color: #cc0000;
}

/* === Hauptbereich === */
body#body.wide #main-wrapper.responsive .canvas-container .main {
    background-color: #000000;
}

/* === Highlight Container === */
.bg-light {
    background-color: #000000 !important;
}

.btn.disabled, .btn:disabled {
    opacity: 1;
}

.highlight-container th {
    color: #ffffff;
}

.highlight-container button.btn.btn-info.btn-angepasst {
    background-color: #cc0000;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.highlight-container a.page-link:link,
.highlight-container a.page-link:visited {
    color: #ffffff;
    background-color: #000000;
    border-color: #ffffff;
}

.highlight-container a.page-link:hover,
.highlight-container a.page-link:active {
    background-color: #ffffff !important;
    color: #000000 !important;
}



/* === Teaser Textfarbe === */
body#body.wide .outer-container .container-fluid #hrportal .teaser.big .teaser-text-inner .pb-4 {
    color: white;
}

/* === Teaser === */

.img-textbox-teaser {
    background-color: #000000;
    .text-overlay{
        background-color: #000000;
        span.h1-style.text-secondary.text-center{
            justify-content: flex-start;
            font-size: 6.5rem;
            color: white !important;
        }
    }
}

div.dtsp-searchPane:nth-child(3) > div:nth-child(1){
    padding-left: 0px !important;
}


div.px-0.card a.card-link div.card-body > :last-child{
    margin-bottom: 24px !important;
}

div.dtsp-topRow {
    border: black !important;
}





/* === Text Overlay im Teaser === */
/*.img-textbox-teaser .text-overlay span.h1-style.text-secondary.text-center {
    justify-content: flex-start;
    font-size: 6.5rem;
    color: white !important;
}*/

/* === Überschriften === */
.h1-style, h1 {
    font-size: 6rem;
    color: white;
}

.h1-style.heading-alt.teaser-text-inner {
    font-size: 3.7rem;
}

/* === Media Queries === */
@media only screen and (min-width: 1400px) {
    .slider-backgroundbox.p-4 > div > p {
        font-size: 3rem;
    }
}

/* === Footer Bereich === */
.copyright {
    color: black;
}