/* -- ROOT COLORS ------------------ */
:root {
  --pColor: #4F4F4E;
  --pBackground: #ff8f0f;
  --pBackgroundColor: #fff;
  --pBorderColor: #fff;
}

.cs-logo img {width: 123px;}
footer .cs-footerRow.top {background: #000099;color: #fff;}
footer .cs-footerRow.top a {color: #fff;}

body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang {top: 0;position: relative;float: right;}
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 {background: #000099;}
html body.cs-body .ui-dialog .ui-dialog-titlebar,
html body.cs-body .ui-dialog .ui-dialog-titlebar-close,
html body.cs-body .cs-filterButton {background: #000099 !important;}

html body .basketStep5 .cs-buynow .cs-button1 {background: #ff8f0f;}
.cs-statusbar li.cs-basketSteps {background: #000099;color: #fff;}
.checkoutStep4 .cs-paymentBox label, .checkoutStep4 .cs-shippingBox label {background: #000099;color: #fff;}
.cs-statusbar li.cs-basketSteps.active {color: #111;}
html body .cs-badgesBox .singleBadge {
    position: relative;
    padding: 1em;
    font-size: 0.8rem;
    margin-bottom: 0.1em;
    border-radius: 2px;
    height: 2em;
    width: 4em;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #5BE3D6;
    color: #0a0514;
}

.cs-actionButton svg path {fill: #111;}
article.cs-articlePreview .cs-hoverlay .cs-fastButtons .cs-actionButton {width: auto;margin: 0.5em auto;cursor: pointer;display: inline-block;}
article.cs-articlePreview .cs-hoverlay {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 2;
    margin: 0;
    top: auto;
    left: auto;
    margin-right: auto;
    transform: none;
    bottom: 8px;
}
article.cs-articlePreview .cs-watchList svg,
article.cs-articlePreview .cs-actionButton svg {width: 1.5em;height: 1.5em;position: relative;top: 4px;}
article.cs-articlePreview .cs-hoverlay .cs-actionButton {border-radius: 0.5rem;}

.cs-topPages > ul > li a {color: #ff8f11;}

html body article.cs-articlePreview .cs-actionButton .cs-skIcon {width: 26px;height: 26px;top: 5px;}
html body article.cs-articlePreview .cs-hoverlay .cs-actionButton .cs-previewButtonWK {padding: 5px 6px;}
html body article.cs-articlePreview .cs-actionButton.cs-abc {position: relative;top: 2px;}

/* Auszeichnung */
html body article.cs-articlePreview .cs-auszeichnungenItem {max-height: unset;}