body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

/** Preise anzeigen oder ausblenden **/
.servicePrice {
    display: none !important;
}

/** Paketdetails anzeigen oder ausblenden **/
.workUnits .details,
.services .details {
    display: none !important;
}

/** freie Termine anzeigen oder ausblenden **/
.unitTimeBooking {
    display: none !important;
}

:root {
    --main-color: #333;
    --main-background: #ff9800;
}
/** BG-COLOR OVERWRITE **/
#header {
    background-color: #333;
    background-color: var(--main-color);
}

    #header .managerStepContainer .managerStep .step {
        border: 3px solid #333;
        border: 3px solid var(--main-color);
    }

.checkmarkRadio.disabled {
    background-color: #333;
    background-color: var(--main-color);
}

.radiobuttonLabel:hover input ~ .checkmarkRadio {
    background-color: #333;
    background-color: var(--main-color);
    /*border: 2px rgba(0,0,0,.38) solid;*/
}

.checkboxLabel:hover input ~ .checkmark {
    background-color: #333;
    background-color: var(--main-color);
    border: 2px rgba(0,0,0,.38) solid;
}

#navigationMenu .menuItem a:active {
    color: #ff9800;
    color: var(--main-background);
}

#navigationMenu .menuItem a:hover {
    color: #ff9800;
    color: var(--main-background);
}

#navigation #navigationMenu > ul > li.active > a {
    color: #ff9800;
    color: var(--main-background);
}

#header .managerStepContainer .managerStep.active .step {
    background: #ff9800;
    background: var(--main-background);
}

#header .managerStepContainer .managerStep.done .step {
    background: #ff9800;
    background: var(--main-background);
}

#header .managerStepContainer .divider.active {
    background: #ff9800;
    background: var(--main-background);
}

.datePickerContainer .mddtp-picker .mddtp-picker__header,
.datePickerContainer .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected,
.datePickerContainer .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
    background-color: #ff9800;
    background-color: var(--main-background);
}

.datePickerContainer .mddtp-button,
.datePickerContainer .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
    color: #ff9800;
    color: var(--main-background);
}

.radiobuttonLabel input:checked ~ .checkmarkRadio {
    background-color: #ff9800;
    background-color: var(--main-background);
}

.checkboxLabel input:checked ~ .checkmark {
    background-color: #ff9800;
    background-color: var(--main-background);
}

.summary .dateDisplay {
    background: #ff9800;
    background: var(--main-background);
}

/** BG-COLOR OVERWRITE END **/

#content {
    background: #f2f2f2;
}

#content {
    min-height: calc(100vh - 466px);
}

#header,
#header a.noLinkFormat:link,
#header a.noLinkFormat:visited,
#header a.noLinkFormat:hover {
    color: #ffffff;
}

    #header .managerStepContainer .divider,
    #header .managerStepContainer .managerStep.active .step {
        background: #EDEDED;
    }

    #header .managerStepContainer .managerStep .step {
        box-shadow: 0 0 0 2px #EDEDED;
    }

/** FOOTER **/
#footer {
    background-color: #333;
    background-color: var(--main-color);
    /*height: 291px;*/
}

#footer .footerContainer {
    padding: 0 25px 15px 25px;
}

#footer a {
    color: #EDEDED;
}

#footer i,
#footer a:hover {
    color: #ff9800;
}

#footer .footerTitle {
    font-size: 14px;
    font-weight: 700;
    color: #EDEDED;
    padding-bottom: 5px;
}

#footer .footerSubtitle {
    font-weight: 700;
    color: #EDEDED;
}

#footer .footerTxt {
    color: #EDEDED;
}

    #footer .footerTxt.footerpadding {
        padding-bottom: 5px;
    }

#footer .footerContainer img {
    padding-bottom: 20px;
}

#footer .footerContainer > div {
    flex: 1;
}

#footer .footerContainer div.col3 {
    padding-left: 5px;
}


#container {
    background: #333;
}