/* -- ROOT COLORS ------------------ */
:root {
  --pColor: #4F4F4E;
  --pBackground: #966eff;
  --pBackgroundColor: #fff;
  --pBorderColor: #fff;
}
/* -- ROOT COLORS ------------------ */
body {font-family: 'Mark Pro', sans-serif;font-weight: normal;color: #000000;font-size: 0.875rem;line-height: 1.5;letter-spacing: -.01em;}

html body.cs-body .cs-overlayButton.cs-overlayMenuButton,
html body.cs-body .cs-topPages .cs-informationsHeader, 
html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader, 
html body.cs-body .cs-compareHeader,
html body.cs-body #bestandsbenachrichtigung .requestBtn,
html body.cs-body .cs-button1,
html body.cs-body .cs-button1:hover,
html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,
html body.cs-body .wkAddLayer .cs-checkoutBtn,
html body.cs-body .cs-filterButton,
html body.cs-body .wkAddLayer .cs-checkoutBtn a,
html body.cs-body .cs-helpButton a,
html body.cs-body .cs-statusbar li.cs-basketSteps {background: #966eff;border-radius: 100px;}

.checkoutStep4 .cs-paymentBox, .checkoutStep4 .cs-shippingBox {
    cursor: pointer;
    border-radius: 100px;
}
.cs-body .cs-button3 {border-radius: 100px;}

.badgeYellow {background: #ff4367 !important;}
.badgeGreen {background: #d2ff4f !important; color: #000000 !important;}

/* html body .cs-badgesBox .singleBadge {
    position: relative;
    padding: 1em;
    font-size: 0.8rem;
    margin-bottom: 0.1em;
    border-radius: 100px;
    height: 5em;
    width: 5em;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #ff4367;
    color: #0a0514;
} */

html body .basketStep5 .cs-buynow .cs-button1 {background: #ff4367;}
.cs-statusbar li.cs-basketSteps {background: #966eff;color: #fff;}
.cs-articleDelete {color: #ff4367;}
.cs-logo img {width: 110px;}
.cs-infoBox {
    background: #fff;
    color: #000000;
    padding: 0.3em 0.6em;
    margin-bottom: 2em;
    display: block;
    border: 1px solid #0a0514;
}
.cs-errorBox {
    background: #ffffff;
    padding: 0.3em 0.6em;
    color: #ff4367;
    margin-bottom: 2em;
    display: block;
    padding: 0.3em 0.6em;
}

body header .cs-categoriesBox {background: #966eff !important;margin-bottom: 1em;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a {padding: 1em 1.5em 1em 0;color: #fff;}
.cs-categoriesMegaMenu .cs-megaMenu svg path {fill: #fff;}

.cs-helpButton a {background: #966eff;color: #fff;display: block;padding: 10px;text-align: center;margin-top: 15px;}