/*
    Platzhalter für Farben
    ----------------------
    Hintergrundfarbe Header - HeaderColor: #454545
    Hintergrundfarbe Footer - FooterColor: #454545
    Hintergrundfarbe Seite - PageColor: #fcfcfc
    Schriftfarbe Header - HeaderFontColor: #f3f1f1
    Schriftfarbe Footer - FooterFontColor: #fdfcfc
    Hauptfarbe - MainColor: #ffdd00
*/

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

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

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

.exclMaterial {
    display: none;
}

:root {
    --main-color: #ffdd00;
    --main-background: #fcfcfc;
}

/** BG-COLOR OVERWRITE **/
#header {
    color: #f3f1f1;
    background-color: #454545;
}

#header .managerStepContainer .managerStep .step {
    border: 3px solid #454545;
}

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

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

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

#navigation {
    background: var(--main-background);
}

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

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

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

#header .managerStepContainer .managerStep.active .step {
    background: var(--main-color);
    box-shadow: 0 0 0 2px var(--main-background);
}

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

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

.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: var(--main-color);
}

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

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

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

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

/** BG-COLOR OVERWRITE END **/

#content {
    background: var(--main-background);
}

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

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

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

#header .managerStepContainer .managerStep .step {
    box-shadow: 0 0 0 2px var(--main-background);
}

/** FOOTER **/
#footer {
    background-color: #454545;
    /*height: 291px;*/
}
#footer .footerContainer {
    padding: 0 25px 15px 25px;
}

#footer a {
    color: var(--main-color);
}

#footer i,
#footer a:hover {
    color: var(--main-color);
}

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

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

#footer .footerTxt {
    color: #fdfcfc;
}

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

#footer .footerContainer img {
    padding-bottom: 20px;
    max-width: 200px;
    max-height: 110px;
}

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