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

/** Bei eingelagerten Reifen auf Welcome-Seite die gewählte Option anzeigen*/
.welcomeContainer .optionsWithTires {
    display: block !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

#header .managerStepContainer .divider.active {
    background: #CC2D2E;
    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: #CC2D2E;
    background-color: var(--main-background);
}

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

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

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

.summary .dateDisplay {
    background: #CC2D2E;
    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: #333333;
    background-color: var(--main-color);
    /*height: 291px;*/
}

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

    #footer a {
        color: #EDEDED;
    }

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

    #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;
    }

input[type="button"], input[type="submit"] {
    background-color: #CC2D2E;
    color: #fff;
}

button {
    background-color: #CC2D2E;
    border: 1px solid #CC2D2E;
    color: #fff;
}