body.contrast button, body.contrast [role="button"]{
    --colorGreen:           #477000 !important;
    --colorGreenTrans:      #47700020 !important;
    --colorDarkGreen:       #354e00 !important;
    --colorBlue:            #00344e !important;
    --colorDarkBlue:        #001b27 !important;
    --colorDarkGray:        #000000 !important;
    --colorGray:            #5e5e5e !important;
    --colorMediumGray:      #3d3d3d !important;
    --colorLightGray:       #ebebeb !important;
    --colorRed:             #a10000 !important;
    --colorWhite:           #FFFFFF !important;
    --colorBlack:           #000000 !important;
    --darker:               #00000008 !important;
    --lighter:              #FFFFFF66 !important;
    --RGBcolorGreen:        140, 213, 11 !important;
    --RGBcolorBlue:         0, 143, 213 !important;
    --RGBcolorDarkGray:     76, 77, 78 !important;
    --RGBcolorGray:         153, 153, 153 !important;
    --RGBcolorLightGray:    238, 238, 238 !important;
    --RGBcolorRed:          217, 0, 0 !important;
    --RGBcolorWhite:        255, 255, 255 !important;
    --RGBcolorBlack:        0, 0, 0 !important;
}

body.contrast{
    --colorGreen:           #477000 !important;
    --colorGreenTrans:      #47700020 !important;
    --colorDarkGreen:       #354e00 !important;
    --colorBlue:            #00344e !important;
    --colorDarkBlue:        #001b27 !important;
    --colorDarkGray:        #000000 !important;
    --colorGray:            #5e5e5e !important;
    --colorMediumGray:      #3d3d3d !important;
    --colorLightGray:       #ebebeb !important;
    --colorRed:             #a10000 !important;
    --colorWhite:           #FFFFFF !important;
    --colorBlack:           #000000 !important;
    --darker:               #00000008 !important;
    --lighter:              #FFFFFF66 !important;
    --RGBcolorGreen:        140, 213, 11 !important;
    --RGBcolorBlue:         0, 143, 213 !important;
    --RGBcolorDarkGray:     76, 77, 78 !important;
    --RGBcolorGray:         153, 153, 153 !important;
    --RGBcolorLightGray:    238, 238, 238 !important;
    --RGBcolorRed:          217, 0, 0 !important;
    --RGBcolorWhite:        255, 255, 255 !important;
    --RGBcolorBlack:        0, 0, 0 !important;
}

body.contrast *{
    transition:             none !important;
}

body.contrast .textgreen{
    color:                  var(--colorDarkGreen) !important;
}

body.contrast a{
    text-decoration:            underline !important;
    text-decoration-color:      var(--colorBlue) !important;
    text-decoration-style:      dashed !important;
    text-decoration-thickness:  1px !important;
    text-underline-offset:      3px !important;
}

body.contrast .prdContainer .prdSpecs > .prdSpec,
body.contrast .prd_specsgridRow{
    border-bottom:      1px solid rgba(0, 0, 0, 0.2) !important;
}

body.contrast .hdr_catMenu{
    background-color:   var(--colorDarkGreen) !important;
    border:             1px solid var(--colorWhite);

    & > .menu_text{
        color:          var(--colorWhite) !important;
    }
}

body.contrast .text_green{
    color:              var(--colorDarkGreen) !important;
}

body.contrast .prdEnergielabel img{
    filter:             contrast(1.2) saturate(1.2) brightness(1.05) !important;
}

body.contrast button{
    border:             1px dashed var(--colorWhite) !important;
    outline:            1px dashed var(--colorBlack) !important;
}
body.contrast input:not(input[type="radio"]):not(input[type="checkbox"]), body.contrast select{
    outline:            1px solid var(--colorBlack) !important;
}
body.contrast *:focus-visible{
    background-color:   #ffee0077 !important;
    outline:            3px solid #b97900 !important;
}

body.contrast button:hover, 
body.contrast a:hover, 
body.contrast [role="button"]:hover,
body.contrast input:hover,
body.contrast select:hover,
body.contrast label:hover{
    background-color:   #ffee0077 !important;
    outline:            3px solid #b97900 !important;
    color:              var(--colorBlack) !important;
}