.cs-line {display: inline-block;position: relative;}
.cs-line:after {content: "";height: 2px;width: 113%;background-color: #424242;display: block;position: absolute;top: 27px;left: -4px;transform: rotate(4deg);}

:root {
  
    --ev-font-body-scale: 1;
    --ev-font-heading-scale: 1;
  
    --ev-main-color: #333333;
    --ev-main-second-color: #b533a2;

    --ev-main-color-rgb: 51, 51, 51;
    --ev-color-grey-rgb : 243,243,243;

    --ev-bg-main-color: var(--ev-main-color);
    --ev-bg-second-color: #F3F3F3;

    --ev-submain-color: #893583;
    --ev-submain-color-dark: #78236b;

    /*--ev-mw-main-second-color: #00a5c0;*/
    /*--ev-mw-main-third-color: #6e1f62;*/

    --ev-font-family: Assistant, sans-serif;
    --ev-body-font-size: 1.5rem;
    --ev-body-font-weight: 400;
    --ev-body-line-height: calc(1 + 0.8 / var(--ev-font-body-scale));
    --ev-body-style: normal;
  

    --ev-body-color: var(--ev-main-color);
    --ev-body-bg: var(--color-white);

    --ev-header-bg: var(--ev-main-color);
    --ev-header-font-size: 1rem;
    --ev-header-nav-bg: rgba(0, 0, 0, .9);
    /*--ev-footer-bg: rgba(0, 0, 0, .9);*/
    --ev-footer-bg: var(--ev-main-color);
    --ev-footer-color-header: var(--color-white);
    
    --ev-h1-desktop-font-size: 5.2rem;
    --ev-h2-desktop-font-size: 4rem;
    --ev-h3-desktop-font-size: 2.4rem;
    --ev-h4-desktop-font-size: 1.8rem;
    --ev-h5-desktop-font-size: 1.5rem;
    --ev-h6-desktop-font-size: 1.3rem;

    --ev-h1-mobile-font-size: 4rem;
    --ev-h2-mobile-font-size: 3rem;
    --ev-h3-mobile-font-size: 2rem;
    --ev-h4-mobile-font-size: 1.7rem;
    --ev-h5-mobile-font-size: 1.5rem;
    --ev-h6-mobile-font-size: 1.2rem;
  
    --ev-h6-margin-block-start: 1.67em;
    --ev-h6-margin-block-end:1.67em;
    
  
    --ev-h1-margin-bottom: 1rem;

    --color-light-dark: #3b3e3f;
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-error: #d32f2f;
    --color-error-rgb: 211, 47, 47;

    --ev-color-text: var(--color-white);
    --ev-color-link: var(--color-white);

    --ev-bg-color-tricolor: linear-gradient(94.28deg, #47a4be .69%, #893583 101.47%), #1d1d1d !important;
    --ev-bg-color-tricolor-without-black: linear-gradient(94.28deg, #47a4be .69%, #893583 101.47%) !important;
    --ev-bg-color-circle-tricolor: radial-gradient(#47a4be .69%, #893583 101.47%), #1d1d1d !important;


    --ev-highlight-color: linear-gradient(96.81deg, #47a4be 0%, #893583 25%, #47a4be 75%, #893583 100%);

    --ev-highlight-head-text-bg-color: linear-gradient(96.81deg, var(--ev-main-second-color) 0%, var(--ev-main-color) 25%, var(--ev-main-second-color) 75%, var(--ev-main-color) 100%);
    --ev-highlight-text-bg-size: 1000% 100%;
    --ev-highlight-text-bg-clip: text;
    --ev-highlight-text-font-weight: 600;


    --ev-button-light-bg: var(--color-white);
    --ev-button-light-color: var(--ev-main-color);
    --ev-button-light-border-color: .1rem solid rgba(51, 51, 51, .55);

    --ev-button-dark-bg: #000;
    --ev-button-dark-color: var(--ev-color-text);
    --ev-button-dark-border-color: var(--color-light-dark);

    --ev-button-position: relative;
    --ev-button-font-size: 1.5rem;
    --ev-button-padding-right: 3.5rem;
    --ev-button-border: none;
    --ev-button-padding: 1rem 2rem;
    --ev-button-border-radius: 4px;

    --ev-primary-button-bg-color: var(--ev-submain-color) ;
    --ev-primary-button-hover-bg-color: var(--ev-submain-color-dark) ;

    --ev-secondary-button-bg-color: var(--ev-main-color);
    --ev-secondary-button-text-color: var(--ev-button-dark-color);
    --ev-secondary-button-border-color: var(--ev-button-dark-border-color);
    --ev-secondary-button-hover-bg-color: var(--color-white);
    --ev-secondary-button-hover-text-color: var(--ev-highlight-color);
    --ev-secondary-button-hover-border-color: var(--color-light-dark);


    --ev-category-list-display: grid;
    --ev-category-list-column-template: repeat(3, 1fr);
    --ev-category-list-gap: 20px;

    --ev-article-box-shadow: 0px 4px 25px rgba(0, 0, 0, .05);

    --ev-link-underline-decoration: underline;
    --ev-link-underline-thickness: 1px;
    --ev-link-underline-offset: 5px;

    --ev-minibutton-icon-margin-left: 10px;
    --ev-minibutton-icon-margin-right: 10px;

    --ev-svg-icon-width: 1.2em;
    --ev-svg-icon-height: 1.2em;

    --ev-nav-box-padding-left: 30px;
    --ev-nav-box-width: 100%;
    --ev-nav-box-align-content: flex-start;

/*    --ev-logo-width: 420px; */
    --ev-logo-width: 340px;
    --ev-logo-position: relative;
    --ev-logo-display: block;

    --ev-slide-button-width: 50%;
    --ev-slide-button-bg: var(--ev-submain-color);
    --ev-slide-button-color: var(--ev-color-text);
    --ev-slide-button-text-align: center;
    --ev-slide-button-margin-top: 30px;

    --ev-box-shadow: 0 0 0 .1rem var(--ev-button-dark-bg);
    --ev-filter-button-font-size: 14px;

    --ev-category-preview-scale-anim: scale(1.05);
  
    
}

/* STANDARD FOR PAGE */
html {
    box-sizing: border-box;
    font-size: calc(var(--ev-font-body-scale)* 62.5%);
    height: 100%;
}

body {
    margin: 0;
    font-family: var(--ev-font-family) !important;
    font-size: var(--ev-body-font-size);
    /*font-size: calc(1.0 * 62.5%);*/

    font-weight: var(--ev-body-font-weight);
    line-height: var(--ev-body-line-height);
    color: var(--ev-body-color);
    background-color: var(--ev-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
    min-height: 100%;
    letter-spacing: 0.06rem;
}

/* END STANDARD FOR PAGE */


/* LINKS */
a {
    color: rgba(var(--color-white-rgb), .75);
}

a:hover {
    color: var(--ev-color-link);
    text-decoration: var(--ev-link-underline-decoration);
    text-decoration-thickness: var(--ev-link-underline-thickness);
    text-underline-offset: var(--ev-link-underline-offset);
}

/* END LINKS */

/*HEADER */
.cs-start header {
    /*width: 100%;*/
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    /*background: transparent !important;*/
}

header {
    /*background: var(--ev-header-nav-bg);*/
    background: var( --ev-bg-color-tricolor);

}

.cs-checkout header, .cs-detail header {
    position: relative;
    z-index: 5;
    background:var(--ev-bg-color-tricolor);
}

header .cs-topPages > ul > li a{
    font-size: 1.4rem;

}

header .cs-topBar {
    /*background: var(--ev-header-bg);*/
    background: var( --ev-bg-color-tricolor);
    color: var(--ev-color-text) !important;
    padding-right: 5px !important;
}

header .cs-headerContent {
    /* background: var(--ev-header-nav-bg);*/
    background: var( --ev-bg-color-tricolor);
    color: var(--ev-color-text) !important;
    transition: all .45s ease-in-out;
    margin-bottom: 0 !important;
    padding: 0;
    padding-bottom: 20px;
}

header .cs-miniButtons .cs-svgIcon {
    /*    margin-right: unset; */
    margin-left: var(--ev-minibutton-icon-margin-left);
    margin-right: var(--ev-minibutton-icon-margin-right) !important;
}

.cs-svgIcon {
    width: var(--ev-svg-icon-width);
    height: var(--ev-svg-icon-height);
}

.cs-svgIcon.arrow-in-cat-preview path {
    color: var(--ev-main-color);
    fill: var(--ev-main-color);
    transition: color .35s ease-in-out, fill .35s ease-in-out;
}

header .cs-miniButtons > ul > li {
    /*background: var(--ev-main-color);*/
    transition: all .35s ease-in-out;
    width: 100%;
    position: relative;
}

header .cs-miniButtons .cs-svgIcon + span {
    transition: color .35s ease-in-out;
}

a:hover:has(span.count-warenkorb), a.servicePopup:not(.privacyPopup):hover, .cs-checkout .cs-button3 a:hover {
    text-decoration: unset !important;
}

.cs-categoriesMegaMenu .cs-megaMenu svg, .cs-svgIcon path {
    color: var(--color-white);
    fill: var(--color-white);
    transition: color .35s ease-in-out, fill .35s ease-in-out;
}

.cs-categoriesMegaMenu .cs-megaMenu svg {
    display: inline-block;
    top: 2px;
    position: relative;
}

.cs-mobileInfosites a {
    color: var(--ev-body-color);
    font-size: 1.6rem !important;

}

.cs-topPages .cs-informationsHeader{
   font-size: 1.6rem !important; 
}

.cs-miniwk a {
    display: inline-flex;
}

header .cs-categoriesBox {
    align-content: var(--ev-nav-box-align-content);
    width: var(--ev-nav-box-width);
    /*padding-left: var(--ev-nav-box-padding-left); */
}

header .cs-logo {
    display: var(--ev-logo-display);
    width: var(--ev-logo-width);
    position: var(--ev-logo-position);
    /*top: -6px;*/
}

header .cs-logo.logo-mobile {
    display: none;
}

header .cs-mobileCategorys {
    width: 100% !important;
}

header .cs-mobileCategorys > ul li a {
    color: var(--color-light-dark);
}

.cs-searchBar .cs-searchBlock {
    background: var(--ev-main-color);
    top: 3em;
}

/* END HEADER */

/*MEGAMENU + NAVIGATIONS */


.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a, .cs-shortnav > ul > li > a, .cs-checkoutMenu > ul > li > a {
    padding: 0;
    color: rgba(var(--color-white-rgb));
    line-height: 1.3;
    font-size: 1.8rem;
    font-weight: bold;
    
}

.cs-categoriesMegaMenu .cs-megaMenu > ul > li:hover > a > span , .cs-shortnav > ul > li:hover > a, , .cs-checkoutMenu > ul > li:hover > a{
    text-decoration: var(--ev-link-underline-decoration);
    text-decoration-thickness: var(--ev-link-underline-thickness);
    text-underline-offset: var(--ev-link-underline-offset);
    color: var(--color-white);
}


header .cs-miniButtons > ul > li:hover .cs-svgIcon path, header .cs-miniButtons > ul > li:hover .cs-svgIcon + span {
    fill: var(--ev-main-second-color);
    color: var(--ev-main-second-color);
}


.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a:hover:has(svg) span:before {
    width: calc(100% - 0.8rem);
}

.cs-categoriesMegaMenu .cs-megaMenu > ul > li .cs-megaMenuContainer {
    background: #3b3e3f;
    border: none;
}

/* END MEGAMENU */

/* TEXTS STYLE*/
h1, .h1, h1.cs-betHeading {
    font-size: var(--ev-h1-desktop-font-size);
    margin: 0;
    margin-bottom: var(--ev-h1-margin-bottom);
      line-height: calc(1 + .3 / max(1, var(--ev-font-heading-scale)));
    letter-spacing: calc(var(--ev-font-heading-scale)* .06rem);
}

h2, .h2, h2.cs-betHeading {
    font-size: var(--ev-h2-desktop-font-size);
    line-height: calc(1 + .3 / max(1, var(--ev-font-heading-scale)));
    letter-spacing: calc(var(--ev-font-heading-scale)* .06rem);
}

h3, .h3, h3.cs-betHeading {
    font-size: var(--ev-h3-desktop-font-size);
      line-height: calc(1 + .3 / max(1, var(--ev-font-heading-scale)));
    letter-spacing: calc(var(--ev-font-heading-scale)* .06rem);
}

h4, .h4, h4.cs-betHeading {
    font-size: var(--ev-h4-desktop-font-size);
      line-height: calc(1 + .3 / max(1, var(--ev-font-heading-scale)));
    letter-spacing: calc(var(--ev-font-heading-scale)* .06rem);
}

h5, .h5, h5.cs-betHeading {
    font-size: var(--ev-h5-desktop-font-size);
      line-height: calc(1 + .3 / max(1, var(--ev-font-heading-scale)));
    letter-spacing: calc(var(--ev-font-heading-scale)* .06rem);
}


article.cs-articlePreview h3 {
    line-height: 2rem;
}


.cs-productListing.cs-flex.cs-flexWrap .cs-articlePreview a, .lastViewVBox.cs-productListing a {
    color: #000;
}

/* END TEXTS STYLE */


/* NAV CATEGORIES */
.cs-start .cs-categoriesBox, .cs-categoriesBox {
    background: transparent !important;
}


article.cs-articlePreview .cs-hoverlay .cs-actionButton  {
    background: var(--ev-main-color) !important;
}

article.cs-articlePreview .cs-hoverlay .cs-actionButton a {
    color: var(--color-white) !important;

}

.cs-start .cs-categoriesBox {
    margin-bottom: unset;
}


/* END  NAV CATEGORIES */


/* FOOTER */

footer .cs-footerRow {
    background: var(--ev-footer-bg);
    color: var(--ev-color-text);
}

footer .cs-footerTop {
      margin-top: unset;
      width: 100%;
      /*justify-content: center;*/
      /*padding: 20px 15px 20px 15px;*/
  padding: 20px 15px 20px 0;
}

footer .cs-footerRow a {
   /* color: rgba(var(--color-white-rgb), .75); */
    color: var(--color-white);
    /*font-size: 1.4rem;*/
}

footer .cs-footerRow li:hover a {
    /*color: rgba(var(--ev-main-color-rgb));*/
    color: rgba(var(--color-white-rgb), 0.75);
    text-decoration: var(--ev-link-underline-decoration);
    text-decoration-thickness: var(--ev-link-underline-thickness);
    text-underline-offset: unset;
}

footer .cs-footerRow.top{
   background: #454444;
    margin-top: 50px;

}

footer .cs-footerRow.top a{
   /*color: rgba(var(--ev-main-color-rgb), .75);*/
  color: var(--color-white);
  text-decoration: var(--ev-link-underline-decoration);
}

footer .cs-footerRow.top a:hover{
  /* color: rgba(var(--ev-main-color-rgb)); */
    color: rgba(var(--color-white-rgb), 0.75);
  text-decoration: var(--ev-link-underline-decoration);
  text-underline-offset: unset;
}


footer .cs-footerRow.top h1,footer .cs-footerRow.top h2, footer .cs-footerRow.top h3, footer .cs-footerRow.top h4,footer .cs-footerRow.top h5{
    color: var(--color-white);

}

footer .cs-footerRow.top h4{
    margin: 0;
    font-weight: normal;
    font-size: 19px;
    color: var(--ev-body-color);

}

footer .cs-footerRow.top .two-column-size{
    width: 58%;
}


footer .cs-footerRow.bottom{
   background: #d9d8d8;
   color: var(--ev-body-color);
}

footer .cs-footerRow.bottom a{
   color: rgba(var(--ev-main-color-rgb), .75);
  text-decoration: var(--ev-link-underline-decoration);
}

footer .cs-footerRow.bottom a:hover{
   color: rgba(var(--ev-main-color-rgb));
  text-decoration: var(--ev-link-underline-decoration);
  text-underline-offset: unset;
}

footer .cs-footerRow.bottom .cs-footerBox:last-child{
   width: 20%; 
}

footer .cs-footerBox .cs-footerBoxHeader{
  font-size: 1.8rem;
  text-align: left;
    
}

footer .cs-footerBox .cs-footerBoxContent{
  text-align: left;
}

footer h1, footer h2, footer h3, footer h4, footer h5{
   color: var(--ev-footer-color-header);
    font-weight: 600;
}

footer .cs-footerBox .cs-footerBoxHeader img{
   width: 40px;
  height: 40px;
  text-align: left;
}

footer .cs-footerTop .cs-footerBox{
  width: 40%;
  /*width: 33.3%;*/
  /*padding: 0 110px;*/
  /*padding-left: 81px;*/
}

footer .cs-footerInner {
   display :flex;
  flex: 1;
}

/* END FOOTER */

/* BTN */
.primary-button, .cs-body .cs-button1 {
    background: var(--ev-primary-button-bg-color);
    /*background: linear-gradient(90deg,#893583 0%, #47a4be 50%);*/
    color: var(--ev-color-text);
    border: none;
    position: var(--ev-button-position);
    font-size: var(--ev-button-font-size);
    cursor: pointer;
    padding: var(--ev-button-padding);
    border-radius: var(--ev-button-border-radius);
    line-height: 1;
    transition: all .4s ease-in-out;
}

.primary-button span, .scroll-effect a, .scroll-effect span, a.scroll-effect, li.scroll-effect, div:not(.cs-actionButton).scroll-effect, .scroll-effect svg {
    position: relative !important;
    z-index: 1 !important;
    border-radius: inherit !important;
    padding: 0 5px;
}

.scroll-effect:before {
    content: "";
    background-image: var(--ev-bg-color-tricolor-without-black);
    width: 0;
    height: 100%;
    position: absolute;
    -webkit-transition: width .4s linear;
    transition: width .4s linear;
    top: 0;
    left: 0;
    border-radius: inherit;
    z-index: 0;
}

.primary-button:hover, .cs-body .cs-button1:hover {
    background: var(--ev-primary-button-hover-bg-color);
    /*border: 1px solid var(--ev-primary-button-hover-bg-color);*/

}

.scroll-effect:hover:before {
    width: 100%;
}


.secondary-button, .cs-body .cs-button3, .cs-voucherPopup .cs-voucher .cs-widgetForm .cs-voucherButton {
    background: var(--ev-secondary-button-bg-color);
    border: 1px solid var(--ev-secondary-button-border-color);
    color: var(--ev-color-text);
    font-size: var(--ev-button-font-size);
    padding-right: var(--ev-button-padding-right);
    position: var(--ev-button-position);
    cursor: pointer;
    padding: var(--ev-button-padding);
    border-radius: var(--ev-button-border-radius);
    line-height: 1;
    transition: color .25s ease-in-out, background-color .5s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;


}

.secondary-button a, .cs-body .cs-button3 a, .secondary-button span, .cs-body .cs-button3 span {
    color: var(--ev-color-text);
}

.secondary-button:hover, .cs-body .cs-button3:hover, .cs-voucherPopup .cs-voucher .cs-widgetForm .cs-voucherButton:hover {
    /*color for effect    background-color: var(--ev-secondary-button-hover-bg-color);*/
    border-color: var(--ev-secondary-button-hover-border-color);
    /*color: var(--ev-secondary-button-hover-text-color);*/
    color: var(--ev-color-text);
    box-shadow: 0 0 0 .1rem var(--ev-secondary-button-bg-color);
    background: var(--ev-secondary-button-bg-color);
}

.secondary-button:hover span, .secondary-button:hover a, cs-body .cs-button3:hover span, cs-body .cs-button3:hover a {
    background: var(--ev-bg-color-tricolor);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: var(--ev-highlight-text-bg-clip) !important;
    -webkit-background-clip: var(--ev-highlight-text-bg-clip) !important;

}

.cs-voucherButton.cs-button3:hover {
    color: var(--ev-color-text) !important;
}

.slide-button-link {
    width: var(--ev-slide-button-width) !important;
    background: var(--ev-slide-button-bg);
    color: var(--ev-slide-button-color) !important;
    text-align: var(--ev-slide-button-text-align);
    margin-top: var(--ev-slide-button-margin-top);
    box-shadow: var(--ev-box-shadow);
    border: 0 !important;

}

.slide-button-link:hover{
    text-decoration: unset;
}

.cs-filterRevert {
    background: var(--color-error) !important;
    font-size: var(--ev-filter-button-font-size) !important;

}

.cs-filterSubmit {
    font-size: var(--ev-filter-button-font-size) !important;
    background: var(--color-white) !important;
    color: var(--ev-main-color) !important;
}

/* END BTN */


/* BASKET */


.cs-statusbar li.cs-basketSteps {
    background: var(--color-light-dark);
    color: var(--ev-color-text);
}

.cs-statusbar li.cs-basketSteps.active {
    background: var(--ev-main-color);
    color: var(--ev-color-text);

}


.cs-basektRightBox, .cs-basektRightBox .cs-basektRightBoxInner {
    background: var(--color-light-dark);
    color: var(--ev-color-text);
}

.cs-basektRightBox h1, .cs-basektRightBox h2, .cs-basektRightBox h3 {
    color: var(--ev-color-text);
}

.cs-checkout .cs-basketStepOne .articletable .cs-articleName a,
.cs-checkout .basketStep5 .carttable .cs-articleName a  {
    color: var(--ev-body-color);
    font-weight: 600;
}

.cartTableRow  a , .cs-cartstep5 a{
      color: var(--ev-body-color);

}

#gutschein_eingabe:focus{
   font-size:  100% !important;
}


/*END BASKET */

/* CATEGORY LIST */
.cs-categoryList {
    width: 100%;
    display: var(--ev-category-list-display, grid) !important;
    grid-template-columns: var(--ev-category-list-column-template);
    gap: var(--ev-category-list-gap, 20px);
}

article.cs-categoryPreview {
    /*
    -webkit-box-shadow: var(--ev-article-box-shadow) !important;
    box-shadow: var(--ev-article-box-shadow) !important;
    */
    width: 100% !important;
    transition: border .65s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    background: rgba(51, 51, 51, .04);
    padding: 40px;
    max-height: 420px;
    cursor: pointer;


}

article.cs-articlePreview {
    -webkit-box-shadow: var(--ev-article-box-shadow) !important;
    box-shadow: var(--ev-article-box-shadow) !important;
}


.cs-categoryList .cs-categoryPreview .cs-categoryName a {
    color: #000;
    width: auto;
    display: flex;

}

.cs-categoryPreview .cs-categoryPicture {
    width: 100%;
}

.cs-categoryPreview .cs-categoryPicture img {
    width: 100%;
    max-height: 301px;
    object-fit: contain;
}

.cs-categoryPreview:hover img, .cs-categoryPreview:hover .cs-categoryName a {
    -webkit-transform: var(--ev-category-preview-scale-anim);
    -moz-transform: var(--ev-category-preview-scale-anim);
    -ms-transform: var(--ev-category-preview-scale-anim);
    -o-transform: var(--ev-category-preview-scale-anim);
    transform: var(--ev-category-preview-scale-anim);
    transition: all 0.2s ease-in;
    text-decoration: unset;
}

.cs-categoryPreview .cs-categoryName {
    position: relative;
    -webkit-transform: unset;
    transform: unset;
    left: auto;
    min-width: unset;
    width: 100%;
    bottom: 0;
    background: transparent !important;
    display: inline-flex;
    margin-top: 10px;
    font-size: 18px;
}

.cs-listPager .cs-articlecount {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.cs-listPager .cs-articlecount span, .cs-listPager .cs-articlecount input, .cs-listPager .cs-articlecount select {
    margin-left: 10px;
}


.article-box-info {
    padding: 2rem;
    text-align: center;
}

.article-box-info .shipmentWeight {
    font-size: 0.7rem;

}

article.cs-articlePreview .article-box-info .priceBox .priceRow {
    float: none;
}

.cs-subtitle {
    color: var(--ev-body-color);
}

.cs-watchList > div, .cs-watchList > div a, .cs-actionButton .scroll-effect a {
    border-radius: inherit !important;
}

.cs-actionButton a.scroll-effect:hover {
    text-decoration: unset !important;
}

.cs-watchList > div a {
    z-index: 1;
}

article.cs-articlePreview .cs-watchList svg {
    width: 1.5em !important;
}


.cs-additionalArticleBox .cs-additionalArticleName a, .cs-crossSellingBar  .artnamBox a{
   color: #000; 
}

/* END CATEGORY LIST */

/* SLIDER */
.nivo-prevNav, .nivo-nextNav {
    color: #000 !important;
}

.nivo-controlNav a.nivo-control {
    background: var(--ev-main-second-color) !important;
}

.nivo-controlNav a.nivo-control.active {
    background: var(--ev-main-color) !important;
}

/*
.nivo-caption .cs-captionWrapper {
  background: rgba(0,0,0,0.8);
}
*/

.nivo-caption {
    opacity: 1 !important;
}

.nivo-caption .cs-captionWrapper {
}

.slider-wrapper h2 {
    margin-bottom: 0 !important;
    font-size: 3em;
    font-weight: 600;
}

.slider-wrapper .primary-button {

      font-size: 1.2em;
}

.nivoSlider{
   height: 700px; 
}


.nivo-main-image{
  /*height: 700px !important;*/
  object-fit: cover;
}

/* END SLIDER */


/* INPUTS */

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    border-bottom: 1px solid var(--ev-main-color);
    font-size: 1.125rem !important;
}


input:focus + label,
input:not(:placeholder-shown):focus + label,
select:focus + label,
select:not(:placeholder-shown):focus + label,
textarea:focus + label,
textarea:not(:placeholder-shown):focus + label,
input + label.active,
select + label.active,
textarea + label.active,
input:autofill + label.active,
input:-webkit-autofill + label.active {
    /* Move the label above the button and scale it down */
    transform: translateY(-110%) scale(0.75) !important;
}

input[value=""] + label {
    transform: unset !important;
}

input:placeholder-shown + label {
    display: none !important;
}


input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    font-size: 20px !important;
    border: 1px solid rgba(var(--ev-main-color-rgb), .75) !important;
    text-align: center;
    line-height: 18px;
    color: var(--ev-main-color);
    border-radius: 5px;
    margin-left: 5px;
    cursor: pointer;
    position:relative;
    width: 1.5rem;
    height: 1.5rem;
   

}

input[type="checkbox"]::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-color: transparent;
    transition: all 0.3s;
    position:absolute;
    top: -2px;
    left: 0;


}

input[type="checkbox"]:hover::before {
    /*content: "\2713";*/
    background-color: transparent !important;
    border-color: var(--ev-main-color) !important;



}

input[type="checkbox"]:disabled:hover::before {
    content: "";
    background-color: transparent !important;
  

}

input[type="checkbox"]:focus{
   outline: 1px solid var(--ev-main-color);
}

input:checked[type="checkbox"]:focus{
   outline: 1px solid var(--ev-main-color);
}


input:checked[type="checkbox"] {
    border-color: var(--ev-main-color) !important;
}

input:checked[type="checkbox"]::before {
    content: "\2713";
    background-color: transparent;
    border-color: var(--ev-main-color) !important;
}

.cs-articlecount input {
   padding: auto; 
}

/*END INPUTS */

/* FORM */
.cs-form input, .cs-form textarea, .cs-form select, .cs-execution select {
    border: none;
    border-bottom: 1px solid #cacaca;
    font-size: var(--ev-button-font-size) !important;
    transition: border 0.25s ease-in-out;
}

.cs-contactForm .cs-contactForm-infobox h1 {
    /*font-size: 2.5rem !important;*/
    color: var(--ev-color-text);

}

.cs-contactForm-infobox, .cs-contactForm-infobox .cs-infoBox {
    /*background: var(--ev-bg-color-tricolor);*/
    background: var(--ev-main-color);
    color: var(--ev-color-text);
    text-align: center;
    padding: 10px;
}

.cs-contactForm-infobox .cs-infoBox{
  font-size: 2.4rem;
}

.cs-contactForm h1,
.cs-contactForm h2,
.cs-contactForm h3,
.cs-contactForm h4,
.cs-contactForm h5{
  margin-top: 30px;
}

.cs-contactForm input, .cs-contactForm textarea, .cs-contactForm select, .cs-contactForm.cs-execution select {
    font-size: var(--ev-button-font-size) !important;
    transition: border 0.25s ease-in-out;
  box-shadow:0 0 0 .1rem rgba(var(--ev-main-color-rgb),.55)
}

.cs-loginpagebody .cs-contactForm-infobox, .cs-contactForm-infobox .cs-infoBox {
    background: transparent !important;
}

.cs-form input:not([type="submit"]):hover,
.cs-form textarea:hover,
.cs-form input:not([type="submit"]):focus,
.cs-form textarea:focus,
.cs-form input:not([type="submit"]):target,
.cs-form textarea:target {
    border-bottom: 1px solid var(--ev-main-color);
    font-size: var(--ev-button-font-size) !important;

}

/*$("header").css({"top": "0"});*/


.cs-checkout3 label, .cs-loginpagebody .cs-form .cs-formRow-column label {
    position: absolute;
    top: 10px;
    left: 0;
    pointer-events: none;
    transform-origin: left center;
    transition: transform 250ms;
}

.cs-checkout .cs-form .cs-formRow{
    margin: 0 2em;
    margin-bottom: 2em;
}

.cs-checkout .cs-form .cs-formRow .cs-formRow-column {
  width: calc(100%/2 - 2%);
}

/* END FORM */


/* LEFT SIDE BAR */
.cs-aside {
    color: var(--ev-body-color);
    display: none !important;
}

.cs-aside #categoriesLeft a {
    color: var(--ev-body-color) !important;
}

/* END LEFT SIDE BAR */


@keyframes text-background {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}


/* LOGIN PAGE */

body.cs-body.cs-loginpagebody {
    background: var(--ev-bg-main-color);
}

body.cs-body.cs-loginpagebody .cs-header {
    text-align: center;
}

body.cs-body.cs-loginpagebody .cs-wrapper {
    background: var(--ev-bg-color-tricolor);
    color: var(--ev-color-text);
    box-shadow: 9px 9px 10px 5px rgba(0, 0, 0, 0.82);
  /* änderung 15.04.25 */
  /*  width: 68em;
    max-width: calc(68em + 10em);  
    height: 42em;
  */

}

body.cs-body.cs-loginpagebody h1.loginBoxHeader {
    color: var(--ev-color-text);
    text-align: center;
}

body.cs-body.cs-loginpagebody .cs-form .cs-formRow, 
body.cs-body.cs-loginpagebody input, 
body.cs-body.cs-loginpagebody input:hover,
body.cs-body.cs-loginpagebody input:focus,
body.cs-body.cs-loginpagebody input:autofill,
body.cs-body.cs-loginpagebody input:-webkit-autofill, 
body.cs-body.cs-loginpagebody a
{
  font-size: 2rem !important;
}

body.cs-body.cs-loginpagebody .cs-form .cs-formRow .label {
    color: var(--ev-body-color);
    font-weight: 600;
    width: fit-content;
}



body.cs-body.cs-loginpagebody .cs-footerCopyright a, body.cs-body.cs-loginpagebody .cs-footerCopyright a.servicePopup {
    color: var(--color-white) !important;
}

body.cs-body.cs-loginpagebody input[type="checkbox"]{
  border-bottom: none !important;
  border: 1px solid rgba(var(--ev-main-color-rgb), .75) !important;
}

body.cs-body.cs-loginpagebody input[type="checkbox"]:focus{
  outline: 1px solid var(--ev-main-color);
}


body.cs-body.cs-loginpagebody input:checked[type="checkbox"]{
  outline: 1px solid var(--ev-main-color);
}

body.cs-body.cs-loginpagebody input:focus + label,
body.cs-body.cs-loginpagebody input:not(:placeholder-shown):focus + label,
body.cs-body.cs-loginpagebody select:focus + label,
body.cs-body.cs-loginpagebody select:not(:placeholder-shown):focus + label,
body.cs-body.cs-loginpagebody textarea:focus + label,
body.cs-body.cs-loginpagebody textarea:not(:placeholder-shown):focus + label,
body.cs-body.cs-loginpagebody input + label.active,
body.cs-body.cs-loginpagebody select + label.active,
body.cs-body.cs-loginpagebody textarea + label.active,
body.cs-body.cs-loginpagebody input:autofill + label.active,
body.cs-body.cs-loginpagebody input:-webkit-autofill + label.active {
    /* Move the label above the button and scale it down */
    transform: translateY(-50%) scale(0.75) !important;
}


body.cs-body.cs-loginpagebody .cs-dsBox:hover input[type="checkbox"] {
  outline: 1px solid var(--ev-main-color);
}

body.cs-body.cs-loginpagebody .cs-dsBox:hover .servicePopup, body.cs-body.cs-loginpagebody .cs-footerCopyright ul li a:hover  {
  color: var(--color-white-rgb) !important;
  text-decoration: underline !important;
}

body.cs-body.cs-loginpagebody .cs-form .cs-formRow{
  margin-bottom: 0;
}




/*

body.cs-body.cs-loginpagebody .cs-form .cs-formRow .label {
    position: relative;
    border-radius: 0;
    color: var(--ev-body-color);
    width: fit-content;
    font-weight: 600;
    top: unset;
    left: unset;
}
*/

/* END LOGIN PAGE */

/* CUSTOM BANNER */

.image-banner {
    position: relative;
}

.image-banner:before {
    content: "";
    position: absolute;
    background-image: radial-gradient(at 80% 55%, rgba(255, 255, 255, 15%) 0%, rgba(0, 0, 0, 60%) 70%);
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

/* END CUSTOM BANNER */

/* OTHER CLASSES */
.singleBadge {
    background: var(--ev-main-color) !important;
}

.bording-paragraph {
    padding-left: 2rem;
    margin-left: 60px;
    position: relative;
    padding-right: 9rem;
}

.bording-paragraph:before {
    content: '';
    width: 1px;
    background-color: #000;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

}

input.postcode::-webkit-outer-spin-button,
input.postcode::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.postcode[type="number"] {
    -moz-appearance: textfield;
}

input::placeholder, textarea::placeholder {
    color: var(--ev-body-color);
}

.cs-breadCrumb a {
    color: var(--ev-body-color);
}

section.cs-mainContent {
    width: 100%;
}

.shippingCostPopup {
    color: rgba(var(--ev-main-color-rgb), .75);
}
/*
.shippingCostPopup:hover{
    color: var(--ev-main-color);
    text-underline-offset: unset;
}
*/

.cs-checkoutBtn {
    background: transparent !important;
    text-align: center;
}

.servicePopup {
    color: var(--ev-body-color) !important;
}

.privacyPopup {
    color: rgba(var(--color-white-rgb), .75) !important;
  text-decoration-thickness: var(--ev-link-underline-thickness);
    text-underline-offset: var(--ev-link-underline-offset);

}
.privacyPopup:hover {
 
  color: var(--color-white-rgb) !important;
}


a.servicePopup:hover {
    color: var(--color-light-dark);
}

.articletable a {
    color: var(--color-light-dark);
}

.cs-scrollup {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ev-main-color);
    text-align: center;
    width: 3em;
    height: 3em;
    bottom: 10px;
    z-index: 100;
    border-radius: 50px;
}

.cs-listPager .cs-articlecount select[name="page_count"], .cs-listPager .cs-articlecount select[name="sort"], select[name="page_count"]:focus, select[name="sort"]:focus {
    font-size: var(--ev-body-font-size) !important;
}

.cs-container{
  max-width: 97em;
}


.cs-text-center{
  text-align: center;
}

.categoryHeaderText{
   margin-bottom: 3rem; 
}


/* END OTHER */

/*Article List in Category*/

.cs-productListing .artnamBox span {
    font-size: 26px;
  line-height: 3rem;
}

.cs-productListing priceBox .basePrice {
    font-size: 1rem;
}

.cs-productListing .priceRow span, .cs-crossSelling .item .price {
    font-size: 18px;
}

.cs-body.cs-overflow header {
    z-index: unset;
}



/*END Article List in Category */


/* PC AND MOBILE MINIBUTTONS */
header .desktop-miniButtons {
    display: block;
}

header .mobile-miniButtons {
    width: 60px !important;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    right: 0 !important;
    left: unset;
    z-index: 1010;
    background: #f2f2f2;
}

header .mobile-miniButtons ul {
    flex-wrap: wrap;
}


header .mobile-miniButtons ul > li .cs-svgIcon path {
    fill: var(--color-light-dark);
    color: var(--color-light-dark);
}

header .mobile-miniButtons ul > li a {
    fill: var(--color-light-dark);
    color: var(--color-light-dark);
}


/* END PC AND MOBILE MINIBUTTONS */




/*CUSTOM TEMPLATE STYLE*/

.cs-myAccountButtons a {
    color: var(--color-light-dark);
}

.cs-rubtextLong .title, .cs-rubtextLong .image-with-text__heading {
  margin: 5rem 0 3rem;
  font-size: 40px !important;
}

.faq-template, .faq-template .table-grid,.faq-template table {
   color: rgba(var(--ev-main-color-rgb), .75) !important;
   border-spacing: 10px;
  font-family: var(--ev-font-family) !important;
  margin-bottom: 20px;
}


.faq-template table >tbody > tr > td{
  padding: 2.5rem;
  background: rgba(var(--ev-main-color-rgb), .04);
  width: 50%;
  vertical-align: top;
}


.faq-template .table-grid .grid-2-columns > div{
  padding: 2.5rem;
  background: rgba(var(--ev-main-color-rgb), .04);
  vertical-align: top;
  margin: 5px;
}

.cs-rubtextLong span, .cs-rubtextLong strong {
  color: rgba(var(--ev-main-color-rgb), .75) !important;
}

.cs-rubtextLong span, .cs-rubtextLong strong, .cs-rubtextLong p {
    font-size: 1em !important;
}

.cs-rubtextLong p {
       margin-top: 0;
    margin-bottom: 1rem;
      justify-content: center;
    align-items: center;
    margin: 0;
}

.cs-rubtextLong a{
   text-decoration: var(--ev-link-underline-decoration); 
  color: rgba(var(--ev-main-color-rgb), .75);

}

.cs-rubtextLong a:not(.cs-button3):hover, .cs-rubtextLong a:not(.cs-button3):hover strong{
   text-underline-offset: auto;
   color: rgba(0, 0, 0, .9) !important;
}

.sendmail-button{
  text-decoration: none !important;
  background: var(--ev-main-color) !important; 
}

.cs-rubtextLong a.sendmail-button:hover, .cs-rubtextLong a.sendmail-button:hover strong{
    color: var(--color-white) !important;
}

.cs-rubtextLong .cs-button1, .cs-rubtextLong .cs-button3 {
  text-decoration: none;
}

.cs-categoryView:has(+.cs-rubtextLong .faq-template,+.cs-rubtextLong .mailings-template ) .cs-categoryHeader .categoryHeader{
   text-align: center; 
}



/* END CUSTOM TEMPLATE STYLE */

.cs-siteHeading{
       font-size: var(--ev-h3-desktop-font-size) !important;
}

article.cs-articlePreviewSmall .cs-articlePreviewSmallDescriptionBox a{
  font-size: inherit;
}

.cs-articleDetail .cs-articlePriceInfo{
   font-size: 1.1rem;
   color:rgba(var(--ev-main-color-rgb), .75);
    text-decoration: unset;
}

.cs-articleDetail .cs-articlePriceInfo a{
   font-size: 1.1rem;
   color:rgba(var(--ev-main-color-rgb), .75);
  text-decoration: underline;
}

.cs-articleDetail .cs-articlePriceInfo a:hover{
      color: var(--ev-main-color);
      text-underline-offset: unset;

}




.cs-articleDetail .cs-articleName{
   font-size: var(--ev-h1-desktop-font-size);
}



/* Startseite */
.start-block-container{
  background: #00a5c0;
  color: var(--color-white);
  margin-top: 40px;
  margin-bottom: 30px;
}

.start-block-container .cs-startText{
  margin-bottom: 5px;
  padding-top: 1.5em;
}

.start-block-container .cs-betHeading, .start-block-container .cs-betHeading span{
   background: #00a5c0; 
   color: var(--color-white);
   margin: unset !important;
}


.start-block-container .cs-betHeading:before{
   content: none;
}

.cs-startTextBox{
   background: transparent;
   padding: 1.5em 0;
}

.cs-startTextBox .primary-button, .cs-startTextBox .cs-button1 {
  display: unset !important;
}

.cs-startTextBox a:hover{
  text-decoration: none;
}


/* END Starseite */

.top-unset{
   margin-top: 0 !important; 
}


.datenschutz-container a{
    color: var(--ev-body-color);
    text-decoration: var(--ev-link-underline-decoration);
    text-underline-offset: unset;
}

.top-head-logo-container{
   justify-content: center; 
  padding-top: 25px;
}

h1.cs-betHeading:before, h2.cs-betHeading:before, h3.cs-betHeading:before, h4.cs-betHeading:before, h5.cs-betHeading:before{
   display: none; 
}

.cs-justify-space-between{
   justify-content: space-between; 
}

.cs-overlayButton.cs-overlayMenuButton {
   background : var(--color-light-dark); 
}

.cs-overlayButton.cs-overlayMenuButton span {
   top: -5px; 
}

.cs-mobileCategorysHeader{
   font-size: 1.5rem !important; 
}

.cs-mobileCategorysHeader .cs-categorieName .cs-svgIcon path {
   fill: var(--color-light-dark) !important;  
}

/* GRID */
.table-grid, .ev-grid{
   display: grid; 
}

.grid-2-columns {
   display: grid;
  grid-template-columns: 1fr 1fr;
}


.ev-grid.grid-1-columns {
  grid-template-columns: 100%;
}

.ev-grid.grid-2-columns {
  grid-template-columns: repeat(2, 50%);
}


.ev-grid.grid-3-columns {
  grid-template-columns: repeat(3, 33%);
}


.ev-grid.grid-4-columns {
  grid-template-columns: repeat(4, 25%);
}

/* END GRID */


article.cs-articlePreview .cs-hoverlay .cs-fastButtons .cs-actionButton {
   width: 33%; 
}


body .cs-startSlider {
   width: unset !important; 
}

#suchleiste_form input:focus, #suchleiste_form select:focus{
   font-size: unset !important; 
}

.cs-errorBox a:hover{
  color: #dc111f;
  text-decoration-thickness: 3px;
  text-underline-offset: unset;
}

.cs-amountBox input:focus{
   font-size: unset !important; 
}

.cs-form .cs-formRow span.label {
   background: transparent; 
    padding: 0;
    top: -5px;
}

.cs-checkout .cs-agbText a{
   color: inherit; 
}

.cs-checkout .cs-agbText a:hover{
   color: inherit;
   text-decoration-thickness: 3px;
    text-underline-offset: unset;
}

.cs-shippingActions a{
   color: inherit; 
}

.cs-shippingActions a:hover{
   text-decoration: unset; 
   text-decoration-thickness: unset; 
    text-underline-offset: unset; 
}

.cs-articlePager a {
   color: var(--ev-main-color); 
}

.set-merklist-button{
   background: var(--ev-main-color); 
      display: flex;
    align-items: center;
    border-radius: 20px;
    max-width: 30%;
    position: relative;
}

.set-merklist-button a:hover{
      text-decoration: none;
}

div.set-merklist-button.scroll-effect{
    border-radius: 20px !important;
    padding: 0 10px;
}

.set-merklist-button a input{
      background: transparent;
    border: none;
    color: var(--color-white);
}

.set-merklist-button span{
   color: var(--color-white); 
}

.set-merklist-button svg path{
   fill: var(--color-white); 
}

.set-merklist-button svg {
     border-radius: unset !important;
     padding: unset; 
}

.cs-box{
   max-width: 97em; 
}

.cs-articleDetail .basketBlock .cs-actionButtons > input.cs-button1{
        background: var(--ev-primary-button-bg-color) !important;
        color: var(--color-white);
}

 .cs-articleDetail .basketBlock .cs-actionButtons > input.cs-button1:hover  {
         background: var(--ev-primary-button-hover-bg-color) !important;

}

.deleteButton {
   color: rgba(var(--color-error-rgb), .75); 
}

.deleteButton:hover{
   color: var(--color-error);
}
/*
.nivoSlider img, .nivo-slice img, .nivo-slice{
   object-position: center !important; 
}

.nivo-directionNav {
   object-position: center !important; 
}
*/

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], textarea{
  
  padding: 1.5em 1.5em 0.4em 1.3em;
}

article.cs-articlePreview .priceBox .priceRow .price span {
   font-size: var(--ev-body-font-size); 
}

.cs-articleName, .cs-cartBoxArticleId a{
   font-size: var(--eb-body-font-size); 
}

.wk_lieferzeit {
   font-size: 1.5rem; 
}

.cs-cartBoxSinglePrice .cs-grundpreis {
   font-size: 1.2rem; 
}

.grid-grey{
   background: rgb(var(--ev-color-grey-rgb));
}

.grid-with-image{
   align-items: center;
  justify-content: center;
}

.cs-rubtextLong{
   margin-top: 50px; 
}

.ev-grid ul{
   padding: 0; 
  list-style-position: inside;
  margin: 0;
}

.cs-button3.link-in-mailings, .cs-button3.link-in-prasentation{
   width: 120px;
  border-radius: 0;
  text-align: center;
      line-height: 1;
    height: 40px;
}

.cs-button3.link-in-prasentation {
   margin-top: 50px; 
}

.cs-articlePager a:hover{
   text-decoration: none; 
}

.cs-articlePager a, .cs-articlePager span {
   font-size: 1.5em !important; 
}

.cs-listPager .cs-articlecount .cs-heading,.cs-listPager .cs-articlecount select[name="page_count"],.cs-listPager .cs-articlecount .newselect select{
   font-size: 1.3em !important; 
}

.cs-articlePager .listpagerButtonNext path, .cs-articlePager .listpagerButtonBack path{
   fill: var(--ev-main-color); 
}

.cs-listPager .cs-articlePager svg {
   width: 1.5rem;
  height: 1.5rem;
}

.cs-listPager .cs-articlePager {
 display: flex;
    align-items: baseline; 
  justify-content: flex-start;
  gap: 10px;
}

.cs-listPager .cs-articlecount{
   border: none; 
}

.cs-listPager form {
   display: flex;
  flex-wrap: nowrap;
  width: 100%;
    border-bottom: 1px solid #dadadd !important;
}

.cs-orderButton path{
   fill: var(--ev-main-color); 
}


.cs-middleStock{
   font-size: 1.2rem !important; 
}

.cs-articleAmountBox input[type="number"]{ 
/* padding-bottom: 1em; */
  padding: 1em;
  padding-bottom: 0.7em;

}

.cs-forgotPassBox h1, .cs-forgotPassBox h2, .cs-forgotPassBox h3, .cs-forgotPassBox h4, .cs-forgotPassBox h5{
  color: var(--color-white);
}

#cookieAlert a {
  font-size: 0.9em;
}

article.cs-articlePreview .priceBox .basePrice {
   font-size: 1.2rem; 
}

.cs-articleDetail .basketBlock .cs-actionButtons > input.secondary-button {
  background: var(--ev-secondary-button-bg-color) !important;
    border: 1px solid var(--ev-secondary-button-border-color) !important;
    color: var(--ev-color-text) !important;
    font-size: var(--ev-button-font-size) !important;
    padding-right: var(--ev-button-padding-right) !important;
    position: var(--ev-button-position); 
    cursor: pointer;
    padding: var(--ev-button-padding) !important;
}

.cs-articleDetail .basketBlock .cs-articleAmount {
   margin-bottom: 1em;
  
}
/*
label.label-for-merklist {
  position: relative;
}

label.label-for-merklist:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 40px;
  -webkit-mask: url('/user_html/1723466339/pix/user_img/heart.svg') no-repeat;
  mask: url('/user_html/1723466339/pix/user_img/heart.svg') no-repeat;
  cursor:pointer;
  z-index:1;
   -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}
*/

.last-seen-container{
   margin-top: 10em; 
}
/*
.merklist-in-detail:hover label.label-for-merklist:before{
      -webkit-mask: url('/user_html/1723466339/pix/user_img/heart-fill.svg') no-repeat;
  mask: url('/user_html/1723466339/pix/user_img/heart-fill.svg') no-repeat;
}
*/

.cs-articleDetail .basketBlock .availability .cs-deliveryTime{
   color: var(--ev-body-color) !important; 
}

.cs-amountIcon path {
   fill: var(--ev-body-color); 
}

.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="plus"], .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="minus"] {
   top: 15px; 
}

.uvpTotalBox, .uvpTotalBox .cs-lineThrough, .cs-articleDetail .cs-priceFormat .cs-lineThrough  {
  font-size: 2rem;
}

.cs-featureContainer {
   font-size: 1.5rem; 
}

/* Widget Popup */
.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-titlebar-close {
   background: var(--ev-main-color) !important; 
}

.ui-widget.ui-widget-content {
   /*width: 600px !important; */
}

/* END Widget Popup */

.cs-articlePreviewSmallPriceBox .cs-line:after{
   top: 16px; 
}

.cs-articlePreviewSmallPriceBox .uvpTotalBox ,.cs-articlePreviewSmallPriceBox .cs-lineThrough {
   color: #E05048; 
}

.faq-template a {
  color:#000 !important;
}

article.cs-articlePreviewSmall .cs-articlePreviewSmallDescriptionBox a, .cs-crossSelling .artnamBox a{ font-size: 2rem !important; }

.cs-tipp-password{
     margin-top: 0;
    margin-left: 0.3em;
    margin-bottom: 2em; 
    font-weight: normal;
    /*color: #FF0800;*/
  color: #fff;
  text-shadow: 2px 1px 3px #000;
  font-size: 2.2rem;
}

button.toggle-message{
 background: transparent;
  color: #ff0800;
  border: transparent;
  box-shadow: none;
  cursor: pointer;
    text-shadow: 2px 1px 3px #000;
  font-weight: bold;
  text-decoration: underline;

}

.text-box-checkout-note{
 padding-left: 10rem;
  font-size:18px;
  font-weight:800;
  margin-top: 6em;
  color: #FF0800;
}

.sale-banner{
  margin-top: 40px;
  background: var(--ev-submain-color); 
  font-size: 120px; 
  text-align: center; 
  color: #fff; 
  font-weight: bold;
}

.sale-banner a{
  color: #fff;
}


.sale-banner a:hover, .sale-banner span:hover{
  color: #fff;
  text-decoration: none;
}

.cs-category .cs-productListing{
 margin: 0 auto; 
}


.full-width-block{
   width: 100%; 
}

.cs-container-warning-header{
  max-width: var(--container-max-width); 
  margin: auto;
  text-align: center;
  padding: 20px 0;/* 20px 0 */
  padding: 187px;
  margin-top: 20px;
  /*font-size: 1.8rem;*/
  font-size: 4.8rem; /* 2rem*/ 
  font-weight: bold;
  height: 800px;
}

.red-box{
   background: #b30006;/*#ec0e16 */
   color: #fff; 
}


.lila-box{
   background: var(--ev-bg-color-circle-tricolor);/*#ec0e16 */
   color: #fff; 
}