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;
}
/** AGBs Check Styling **/
.form-check a{
 color :var(--main-background);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #footer a {
        color: #EDEDED;
    }

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

    #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;
    }
.servicePrice {
    display: none !important;
}

div.hint_galliker {
    display: block !important;
    color: red;
    font-weight: bold;
}

div.hint_galliker.services {
    padding-top: 10px;
    padding-bottom: 50px;
}

div.hint_galliker.summary {
    padding-bottom: 10px;
}