/* text */

a:hover {
  color: #89c743;
}

/* usp bar */

.cs-topBar .cs-topItem a {
color: #ffffff;
}

.cs-topBar .cs-topItem a:hover {
text-decoration: underline;
}

/* category navigation */

.cat a:hover {
  color: #89c743 !important;
}

/* general */
html body.cs-lemon {background: #f2f3f5;font-family: 'Inter';font-weight: 500;color: #1d2a38;}
html body.cs-lemon header {margin-bottom: 2em;}
html body.cs-lemon header .cs-headerInner {max-width: 1290px;margin: 0 auto;background: #fff;box-shadow: 0px 3px 13px 0px rgba(0,0,0,.11);border-radius: 0 0 6px 6px;}
html body.cs-lemon header .cs-topBar {width: 100%;background: #89c743;padding: 0 1em;}
html body.cs-lemon .cs-container,
html body.cs-lemon.cs-start .cs-box,
html body.cs-lemon .cs-box {max-width: 1290px;}
html body.cs-lemon header .cs-headerContent .cs-container {flex-wrap: wrap;}
html body.cs-lemon header .cs-headerContent .cs-container .cs-logo {width: 12%;}
html body.cs-lemon header .cs-headerContent .cs-container .cs-headerRight {width: 85%;}
html body.cs-lemon header .cs-headerContent .cs-container .cs-headerRight .cs-headerInnerTop {display: flex;justify-content: space-between;}
html body.cs-lemon header .cs-headerContent .cs-categoriesBox > .cs-container {display: flex;}
html body.cs-lemon header .cs-topBar > .cs-container {justify-content: space-between;}
html body.cs-lemon header .cs-topBar .cs-topItem {padding: 10px;color: #fff;display: flex;}
html body.cs-lemon header .cs-topBar .cs-topItem svg {margin-right: 6px;width: 20px;}
html body.cs-lemon header .cs-topBar .cs-topItem svg path {fill: #fff;}
html body.cs-lemon header .cs-headerContent > .cs-container {padding: 0 2em;}
html body.cs-lemon header .cs-headerContent {padding: 22px 0 20px 0;}
html body.cs-lemon .cs-categoriesBox {position: relative;background: #fff;margin-top: 10px;margin-bottom: 7px;}
html body.cs-lemon.cs-start .lastViewVBox article.cs-articlePreview {width: calc(100% /5 - 2em);}
html body.cs-lemon .theme-bar.slider-wrapper {border: 0;border-radius: 6px;}
html body.cs-lemon .cs-container {padding: 0;}
html body.cs-lemon footer .cs-footerInner {background: #fff;border-radius: 6px 6px 0 0;}
html body.cs-lemon .cs-bannerRow {overflow: unset;position: relative;}
html body.cs-lemon:not(.cs-start) .cs-box {background: #fff;border-radius: 6px;padding: 0 1em;}
html body.cs-lemon .cs-startVersandBanner {margin: 3em 0;border-radius: 6px;overflow: hidden;}
html body.cs-lemon .categoryPicture {display: none;}
html body.cs-lemon .cs-categoryRubText2 > b {font-weight: normal;}
html body.cs-lemon .articleDetailPics {text-align: center;}
html body.cs-checkout .logo {max-width: 148px;margin: 1em 0;}
html body.cs-checkout .cs-statusbar li.cs-basketSteps.active {background: #89c743;color: #fff;}
html body.cs-lemon .cs-categoriesBox .cs-mobileCategorysHeader.noselect {border-radius: 0 0 6px 0;}
html body.cs-lemon article.cs-articlePreview .cs-hoverlay {display: none !Important;}

html body.cs-checkout .cs-trustedBadge {position: fixed;bottom: 11em;right: 2px;}
html body.cs-checkout .cs-trustedBadge img {max-width: 119px;}

/* startseitenartikel */
html body.cs-lemon .cs-startLink a {background: #19bec0;color: #fff;font-size: 18px;padding: 5px 10px;border-radius: 6px;top: -3px;position: relative;}

/* footer */
html body.cs-lemon .cs-footerBoxes {display: flex;flex-wrap: wrap;border-bottom: 1px solid #e5e5e5;}
html body.cs-lemon .cs-footerBoxes > div {width: 40%;padding: 4em;}
html body.cs-lemon .cs-footerBoxes > div:last-of-type {width: 20%;padding: 10px 30px 0 4em;}
html body.cs-lemon .cs-footerBoxes > div img {max-width: 135px;}
html body.cs-lemon .cs-footerAdress .cs-head {font-size: 22px;font-weight: 700;}
html body.cs-lemon .cs-help {font-size: 17px;font-weight: 700;margin-bottom: 10px;}
html body.cs-lemon footer .cs-footerTop {padding: 0 4em;margin-top: 50px;gap: 8%;}
html body.cs-lemon footer .cs-footerBoxx {width: 28%;}
html body.cs-lemon footer .cs-footerBoxxx {width: 64%;}
html body.cs-lemon ul#main_categories_footer {column-count: 3;}
html body.cs-lemon footer .cs-footerBoxHeader {font-size: 24px;font-weight: 600;margin-bottom: 1em;margin-top: 32px;}
html body.cs-lemon footer .cs-footerPayments ul {display: flex;justify-content: center;}
html body.cs-lemon footer .cs-copyrightBox {margin: 25px 0 0 0;padding-bottom: 25px;}

/* primary */
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: #89c743;border-radius: 6px;}

/* badge */
html body.cs-lemon .cs-badgesBox .singleBadge {position: relative;font-size: 11px;margin-bottom: 0.1em;border-radius: 4px;height: 18px;width: 54px;align-items: center;justify-content: center;display: flex;}
html body.cs-lemon .cs-badgesBox {position: absolute;left: 3%;top: 1.5%;z-index: 2;}
html body.cs-lemon .cs-badgesBox .badgeGreen {background: #84be52;color: #fff;}

/* slider */
html body.cs-lemon .slider-wrapper {border-radius: 6px;}
html body.cs-lemon .slider-wrapper .nivoSlider .nivo-caption {
    pointer-events: none;opacity: 1;
    z-index: 10;
    left: auto;
    top: 0;
    bottom: auto;
    right: auto;
    position: absolute;
    display: flex;
    justify-content: right;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 100%;
}
html body.cs-lemon .slider-wrapper a.sliderButton {
    text-decoration: none;
    border: 0 !important;
    background: #fff;
    display: flex !important;
    width: 190px;
    align-items: center;
    justify-content: center;
    padding: 13px;
    border-radius: 100px;
    text-align: center;
    margin-top: 2em;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
html body.cs-lemon .slider-wrapper a.sliderButton:hover {color: #111;}

/* topsearch */
html body.cs-lemon .cs-topsearch {position: relative;}
html body.cs-lemon .cs-topsearch .cs-topSearchSubmit {
    position: absolute;
    cursor: pointer;
    right: 6px;
    top: 5px;
    background: #89c743;
    padding: 3px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
}
html body.cs-lemon .cs-topsearch .cs-topSearchSubmit svg {width: 27px;}

/* preview */
html body.cs-lemon article.cs-articlePreview .priceBox .priceRow .price span {font-size: 18px;font-weight: 700;color: #eb3a7b;}
html body.cs-lemon article.cs-articlePreview .cs-actionButton a {display: flex;align-items: center;gap: 10px;}
html body.cs-lemon article.cs-articlePreview .cs-actionButton svg {width: 35px;background: #89c743;padding: 5px;border-radius: 100%;}
html body.cs-lemon article.cs-articlePreview .cs-actionButton svg stroke {fill: #fff;}
html body.cs-lemon article.cs-articlePreview .cs-actionButton {margin-top: 10px;cursor: pointer;}
html body.cs-lemon article.cs-articlePreview .cs-actionButton:hover a {background: #89c743;border-radius: 50px;color: #fff;}
html body.cs-lemon article.cs-articlePreview .cs-actionButton:hover a {-ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;}

/* searchbar */
html body.cs-lemon .cs-miniButtons .cs-searchBar {display: none;}
html body.cs-lemon .cs-searchSelect {position: absolute;z-index: 1;}
html body.cs-lemon .cs-searchSelect select {border-radius: 25px 0 0 25px;padding: 13px 13px 14px 13px;width: 21em;background-color: #fbfbfb;}
html body.cs-lemon .cs-topsearch input {padding-left: 219px;}
html body.cs-lemon .cs-topsearch {position: relative;width: 75%;}
html body.cs-lemon .cs-topsearch input {border: 0;max-width: 100%;border-radius: 36px;width: 100%;border: 1px solid #dadadd;padding-left: 330px;}
html body.cs-lemon .cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
html body.cs-lemon .cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #89c743;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}

/* navbar */
html body.cs-lemon .cs-overlayButton.cs-overlayMenuButton {
    margin-right: 1em;
    padding: 0;
    font-size: 17px;
    border: 0;
    background: #89c743;
    color: #fff;
    border: 0;
    cursor: pointer;
    width: auto;
    color: #fff;
    padding: 0px 13px 0 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
html body.cs-lemon .cs-overlayButton.cs-overlayMenuButton svg {
    width: 1.8em;
    height: 1.8em;
    position: relative;
    top: 0px;
}
html body.cs-lemon .cs-topPages > ul > li a {font-weight: 600;font-size: 17px;padding: 0.3em 0em 0.3em 0;margin-right: 1em;}
html body.cs-lemon .cs-topPages > ul > li {display: inline-block;margin-right: unset;padding: 0;cursor: pointer;}
html body.cs-lemon.cs-start .cs-categoriesBox {background: #ffffff;margin-bottom: 0;margin-top: 8px;padding-left: 5px;}
html body.cs-lemon .cs-overlayButton.cs-overlayMenuButton span {display: inline-block;padding: 0.3em 0em 0.3em 0;top: auto;left: auto;font-weight: 600;}

/* article */
html body.cs-lemon article.cs-articlePreview {background: #fff;padding: 1em 2em 1em 2em;border-radius: 6px;transition: all ease-out .3s;}
html body.cs-lemon article.cs-articlePreview:hover {box-shadow: 0 3px 13px rgba(0,0,0,.11);}

/* startseite */
html body.cs-lemon .cs-startArtikelBoxHeading {font-size: 28px;font-weight: 600;color: #1d2a38;margin: 2em 0 1em 5px;display: flex;align-items: center;gap: 10px;}
html body.cs-lemon .cs-startArtikel2Box article.cs-articlePreview {width: calc(100% /5 - 2em);}
html body.cs-lemon .cs-bannerRow {padding: 0;margin-top: 3em;}
html body.cs-lemon .cs-bannerRow .cs-bannerItem {border-radius: 6px;}

/* banner */
html body.cs-lemon .cs-bannerItem {overflow:hidden;background-size: 100%;
  position: relative;
  transition-duration: .5s;
}
html body.cs-lemon .cs-bannerItem:hover {box-shadow: 0 3px 13px rgba(0,0,0,.11);background-size: 103%;}
html body.cs-lemon .cs-bannerItem .cs-bannertxt {
    font-size: 29px;
    position: absolute;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin: 22px;
}
html body.cs-lemon .cs-bannerItem a.cs-bannerShopping {
    display: flex;
    position: absolute;
    background: #fff;
    padding: 10px 20px;
    border-radius: 100px;
    bottom: 2em;
    left: 2em;
}

/* showcase gerneral */
html body.cs-lemon .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);}
html body.cs-lemon .owl-carousel .owl-nav [aria-label="Next"] svg {transform: rotate(0);max-width: 30px;width: 30px;height: 30px;}
html body.cs-lemon .owl-carousel .owl-nav [aria-label="Previous"] svg {transform: rotate(180deg);max-width: 30px;width: 30px;height: 30px;}
html body.cs-lemon .owl-carousel .cs-mainButton {display: block;}
html body.cs-lemon .owl-carousel .owl-dots,
html body.cs-lemon .owl-carousel .owl-nav {position: absolute;top: 0;right: 0;}
html body.cs-lemon .owl-carousel .owl-nav {top: -57px;right: 15px;}
html body.cs-lemon .owl-carousel .owl-nav span {display: inline-block;margin-left: 3px;background: #fff;border-radius: 100%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
html body.cs-lemon .owl-carousel article.cs-articlePreview {width: auto;}
html body.cs-lemon .owl-carousel .owl-nav span:hover {background: #89c743;}
html body.cs-lemon .owl-carousel .owl-nav span:hover g rect {fill: #89c743;}
html body.cs-lemon .owl-carousel .owl-nav span:hover g path {stroke: #fff;}

/* brands */
html body.cs-lemon .cs-startBrands {margin: 5em 0;}
html body.cs-lemon .cs-startBrands .cs-startBrandsInner {}
html body.cs-lemon .cs-startBrands .cs-startBrandsInner ul {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 25px;}
html body.cs-lemon .cs-startBrands .cs-startBrandsInner ul li {width: calc(100% / 4 - 19px);border-radius: 6px;background: #fff;display: flex;align-items: center;}
html body.cs-lemon .cs-startBrands .cs-startBrandsInner ul li:hover {box-shadow: 0 3px 13px rgba(0,0,0,.11);}
html body.cs-lemon .cs-startBrands .cs-startBrandsInner ul li:hover img {opacity: 0.65;transition: all ease-out .3s;}
html body.cs-lemon .cs-startBrands .cs-startBrandsInner ul li img {padding: 10px 30px;}
html body.cs-lemon .cs-startBrands .cs-startBrandsInner ul li a {display: flex;align-items: center;justify-content: center;}

html body.cs-lemon .cs-productListing, html body.cs-lemon .cs-categoryList {
    margin: 0 -1em;width: 102%;
}
html body.cs-lemon .cs-main .owl-carousel .owl-dots.disabled, html body.cs-lemon .cs-main .owl-carousel .owl-nav.disabled {
    display: block;
}

#liveshopping {
  display: none;
}