html body  {font-family: 'TradeGothic', sans-serif;font-weight: 500;color: #000000;font-size: 17px;line-height: 1.5;letter-spacing: normal;}
html body.LabGrotesque {font-family: 'Lab Grotesque', sans-serif;f}
html body .cs-categoriesMegaMenu .cs-megaMenu {position: relative;display: flex;justify-content: center;}

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 .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2 {background: #00469b;}

html body footer .cs-footerRow.top {border-top: 10px solid #00469b;}
html body .cs-logo img {width: 215px;}

html body .cs-miniButtons .cs-svgIcon path {fill: #00469b;}
html body .cs-miniwk span {color: #00469b;}

html body .cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price {font-weight: 600;color: #939393;}
html body .cs-categoriesMegaMenu .cs-megaMenu > ul > li > ul {left: auto;margin-left: -14px;}

html body h2.cs-betHeading span, html body h3.cs-siteHeading span {border-bottom: 0;margin-bottom: 0;color: #134c95;}

body.cs-body.cs-loginpagebody .cs-header > a > img {width: 167px;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang {top: -13px;position: relative;float: right;}

html body header .cs-miniButtons .cs-svgIcon {width: 27px;height: 27px;}
html body .cs-categoriesBox {position: relative;background: #ffffff;}

html body .cs-actionButtons.cs-merklisteButton {background: #f5f5f5;display: flex;padding: 9px;width: 184px;justify-content: center;}
html body .cs-actionButtons.cs-merklisteButton svg {width: 19px;height: 19px;position: relative;top: 4px;}

html body .cs-filterButton {font-size: 15px;padding: 4px 10px;display: flex;width: 95px;align-items: center;justify-content: center;border-radius: 5px;}
html body .cs-filterButton img {top: auto;margin-right: 5px;}
html body .cs-filterButton span {position: relative;top: auto;}

/* nachhaltigkeit */
html body .cs-nachhaltigkeit {display: flex;align-items: center;margin-bottom: 1em;flex-wrap: wrap;}
html body .cs-nachhaltigkeit .cs-nachName {width: 140px;font-weight: 600;}
html body .cs-nachhaltigkeit .cs-nachChooser {display: flex;gap: 3px;}
html body .cs-nachhaltigkeit .cs-nachChooser > span {display: block;width: 100%;text-align: center;height: 25px;visibility: hidden;}
html body .cs-nachhaltigkeit .cs-nachChooser svg {max-width: 23px;height: 21px;}
html body .cs-nachhaltigkeit .cs-nachBoxes {display: flex;gap: 3px;}
html body .cs-nachhaltigkeit .cs-nachBoxes > span {display: block;width: 70px;height: 10px;}
html body .cs-nachhaltigkeit .cs-nachBoxes > span.cs-nachBoxesRed {background: #e87355;}
html body .cs-nachhaltigkeit .cs-nachBoxes > span.cs-nachBoxesYellow {background: #ebd52f;}
html body .cs-nachhaltigkeit .cs-nachBoxes > span.cs-nachBoxesLightGreen {background: #b5e839;}
html body .cs-nachhaltigkeit .cs-nachBoxes > span.cs-nachBoxesGreen {background: #2de465;}
html body .cs-nachhaltigkeit .cs-nachLetter {display: flex;gap: 3px;}
html body .cs-nachhaltigkeit .cs-nachLetter > span {display: block;text-align: center;width: 100%;}
html body [data-value="D"].cs-nachhaltigkeit span.cs-nachD {visibility: visible;}
html body [data-value="C"].cs-nachhaltigkeit span.cs-nachC {visibility: visible;}
html body [data-value="B"].cs-nachhaltigkeit span.cs-nachB {visibility: visible;}
html body [data-value="A"].cs-nachhaltigkeit span.cs-nachA {visibility: visible;}