/*div.cs-footerCopyright > ul > li > a,
.cs-forgotPassword > a,
h1.loginBoxHeader {
    color: var(--black) !important;
}

.cs-footerRow.top,
.cs-footerRow.payments,
.cs-footerRow.copyright,
footer {
    background: var(--primary) !important;
}

.cs-footerRow.copyright {
    color: var(--white);
}

.cs-copyrightBox > a {
    color: var(--secondary);
}

.cs-copyrightBox > a:hover {
    color: var(--white);
}

.cs-footerRow.payments {
    display: none;
}

footer {
    margin-top: 50px;
}

ul#main_categories_footer > li > a {
    text-decoration: unterline;
}

ul#main_categories_footer > li > a:hover {
    color: var(--secondary);
}

.cs-footerBoxHeader {
    font-weight: 600 !important;
}

.cs-infoBox {
    background: var(--secondary);
    color: #000;
}

a.cs-button3,
.cs-button3,
input.cs-button3 {
    background: var(--secondary) !important;
    color: var(--white) !important;
    font-weight: 600;
    border: 0px !important;
    transition: 0.2s;
}

a.cs-button3:hover,
.cs-button3:hover,
input.cs-button3:hover {
    background: var(--primary) !important;
    transition: 0.2s;
}

a.measurechart-wilo-button {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    padding: 10px 15px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
}

.cs-actionButton {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    padding: 5px 7px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    transition: 0.2s;
}

.cs-actionButton:hover {
    background-color: var(--secondary) !important;
    background: var(--secondary) !important;
    transition: 0.2s;
}

.cs-actionButton > form > a,
.cs-actionButton > a {
    color: var(--white) !important;
    font-weight: 600;
}

.cs-button1,
.cs-filterButton.cs-overlayButton.cs-standardButton {
    background: var(--primary) !important;
    border: 0px solid var(--primary) !important;
    border-radius: 0px !important;
    transition: 0.2s;
}

.cs-filterButton.cs-overlayButton.cs-standardButton:hover {
    background: var(--secondary) !important;
    transition: 0.2s;
    border: 0px solid var(--secondary) !important;
}

.cs-button1 {
    transition: 0.2s;
}

.cs-button1:hover {
    background: var(--secondary) !important;
    transition: 0.2s;
}

.cs-button3 {
    border: 0px solid var(--black) !important;
    border-radius: 0px !important;
}

body * {
    font-family: 'Zurich', sans-serif !important;
}

@font-face {
    font-family: 'Zurich';
    font-display: block;
    font-style: normal;
    font-weight: 400;
    src: url('/user_html/default/pix/user_img/Fonts/Zurich_BT.eot');
    src: local(''),
         url('/user_html/default/pix/user_img/Fonts/Zurich_BT.eot') format('embedded-opentype'),
         url('/user_html/default/pix/user_img/Fonts/Zurich_BT.woff2') format('woff2'),
         url('/user_html/default/pix/user_img/Fonts/Zurich_BT.woff') format('woff'),
         url('/user_html/default/pix/user_img/Fonts/Zurich_BT.ttf') format('truetype');
}

@font-face {
    font-family: 'Zurich';
    font-display: block;
    font-style: normal;
    font-weight: 600;
    src: url('/user_html/default/pix/user_img/Fonts/Zurich_Bold_BT.eot');
    src: local(''),
         url('/user_html/default/pix/user_img/Fonts/Zurich_Bold_BT.eot') format('embedded-opentype'),
         url('/user_html/default/pix/user_img/Fonts/Zurich_Bold_BT.woff2') format('woff2'),
         url('/user_html/default/pix/user_img/Fonts/Zurich_Bold_BT.woff') format('woff'),
         url('/user_html/default/pix/user_img/Fonts/Zurich_Bold_BT.ttf') format('truetype');
}
*/

/* alles oberhalb ist NICHT von CosmoShop */
/* alles oberhalb ist NICHT von CosmoShop */
/* alles oberhalb ist NICHT von CosmoShop */
/* alles oberhalb ist NICHT von CosmoShop */

/* kontraste und barrierefreiheit */
html body.cs-body .cs-subtitle {color: #303030;}
html body.cs-body article.cs-articlePreview .priceBox .priceRow .price span {color: #222222;}
html body.cs-body .cs-lagerBox .cs-stock1 {color: #026c19;}
html body.cs-body h2.cs-betHeading, h3.cs-siteHeading {color: #000000;}
html body.cs-body footer,
html body.cs-body footer a,
html body.cs-body .cs-footerRow.copyright {color: #000;}
html body.cs-body .cs-articleDetail .cs-articleName,
html body.cs-body .cs-articleRightBox .price,
html body.cs-body .tabs.activeTab > span,
html body.cs-body h1,
html body.cs-body span.listpagerButtonActive {color: #000;}
html 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: #000;}
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: #000;}
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 {background: #000;}
html body.cs-body .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
html body.cs-body span.label {color: #000;}
html body.cs-body .cs-infoBox {background:#eee;color: #000;}
html body.cs-body .cs-articlePreviewSmallPriceBox>div>div>div>span, article.cs-articlePreview .priceBox .priceRow .price span {color: #454545;}
html body.cs-body .cs-statusbar li.cs-basketSteps.active>span, html body.cs-body .cs-statusbar li.cs-basketSteps.active>a {color: #000;}
html body.cs-body footer .cs-footerRow.top {background: #c0ce2e;}
html body.cs-body article.cs-categoryPreview .cs-categoryName {background: #c0ce2e;font-weight: 400;}
html body.cs-body .cs-categoriesBox>div>ul>li>div>a>span {font-weight: 400;font-size: 17px;}
html body.cs-body .cs-categoriesTop a {padding: 0.5em 1em 0.5em 0;}
html body.cs-body .cs-categoriesTop > ul.cs-categories1 > li:hover > ul,
html body.cs-body .cs-categoriesTop > ul.cs-categories1 > li:focus-within > ul {display: block;opacity: 1;visibility: visible;}
html body.cs-body .logo {max-width: 280px;margin: 1em 0;}

/* barrierefreiheit exklusiv */
:focus-visible{outline:#f00f00 solid 3px;outline-offset:2px;transition:outline-color .2s ease-in-out}
:focus:not(:focus-visible){outline:0;box-shadow:none}
a:focus-visible{outline-color:#f00f00;text-decoration:underline;box-shadow:0 0 0 2px rgba(240,15,0,.4)}
[role=button]:focus-visible,button:focus-visible,input[type=button]:focus-visible,input[type=reset]:focus-visible,input[type=submit]:focus-visible{outline-color:#f00f00;box-shadow:0 0 0 4px rgba(240,15,0,.3)}
input[type=email]:focus-visible,input[type=number]:focus-visible,input[type=password]:focus-visible,input[type=search]:focus-visible,input[type=tel]:focus-visible,input[type=text]:focus-visible,input[type=url]:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#f00f00;box-shadow:0 0 0 2px rgba(240,15,0,.2)}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline-color:#f00f00;outline-offset:3px;box-shadow:0 0 0 3px rgba(240,15,0,.3)}
[tabindex]:focus-visible{outline-color:#f00f00;box-shadow:0 0 0 2px rgba(240,15,0,.5)}
a{display:inline-block}
img{display:block}
.cs-topPages>ul>li a{padding:7px}
.cs-subtitle,article.cs-articlePreview .priceBox .priceRow .price span,article.cs-articlePreviewSmall .articlePreviewSmallPriceBox .price span{color:#000}
.cs-crossSelling .item .price {color: #111;}
article.cs-articlePreview .priceBox .uvpBox{color:#d82117}
.cs-lagerBox .cs-stock1{color:#097220}
.cs-lagerBox .cs-stock2{color:#a14f00}
.cs-lagerBox .cs-stock3{color:#890d06}
.cs-badgesBox .badgeGreen{background:#097220}
.cs-badgesBox .badgeYellow{background:#890d06}
.cs-liveShoppingArticle .cs-liveShoppingFront .date,.cs-liveShoppingArticle .cs-liveShoppingFront .number{color:#000;background:#fff;border-radius:3px;padding:0 5px}
.cs-standardPrice{color:#000!important}
.cs-blogsBox .cs-blogtagsBox .cs-blogtagsRow a{color:#890d06}
.cs-articleDetail .cs-priceFormat .cs-lineThrough,.cs-inStock{color:#097220}
.ui-widget.ui-widget-content .ui-button .ui-icon{filter:brightness(0) invert(1);zoom:1.3}
article.cs-articlePreview .pictureContainer{align-items:start;margin-bottom:5px}
article.cs-articlePreview .cs-hoverlay .cs-fastButtons{margin-top:0}
article.cs-categoryPreview>a{overflow:hidden}
article.cs-categoryPreview .cs-categoryName{padding:.7em;display:inline-block;width:80%}
article.cs-articlePreviewSmall .cs-articlePreviewSmallDescriptionBox h3{font-size:1rem;font-weight:500}
article.cs-articlePreview .cs-priceFormat{display:flex;flex-wrap:wrap}
article.cs-articlePreview .priceBox .priceRow{float:none}
article.cs-articlePreview .cs-artPreviewName,article.cs-articlePreview .pictureContainer{cursor:pointer}
article.cs-articlePreview h2{font-size:1.75rem;margin:0;line-height:normal;display:flex}
.cs-additionalArticle .cs-additionalArticleImage{max-width:100%;padding:0}
.cs-listPager .cs-articlecount{border-bottom:1px solid #dadadd;display:flex;align-items:center;gap:10px}
.cs-listPager .cs-submitButton{cursor:pointer;background-color:#f7f7f7}
.cs-articleDetail .cs-articlePriceInfo{font-size:14px;text-decoration:none}
.cs-additionalArticle .cs-additionalPrice .price{font-size:1rem;font-weight:500;color:#000}
.cs-articleDetail .cs-deliveryTime{color:#000;font-weight:600}
.cs-outOfStock{color:#fff;border-radius:3px;background:#b80000;font-size:14px;padding:1px 6px 0;font-weight:600}
.cs-additionalArticle .cs-additionalArticleName h3{line-height:17px;font-size:1rem;font-weight:500}
.cs-additionalArticle .cs-additionalArticleBox .cs-additionalArticleName{cursor:pointer}
.cs-myAccount .cs-myAccountData span{font-weight:500}
.cs-myAccount .cs-accBtn{display:flex}
.cs-aside h2{font-size:1.5rem;margin:1em 0}
.cs-orderData a{text-decoration:underline}
.cs-blogListing .cs-blogListingItem .cs-blogDate{font-size:15px}
.cs-blogListing .cs-blogListingItem .cs-blogDate a{color:#000}
.cs-videoListing .cs-videolistingItem .cs-videocategories a{color:#b80000}
.cs-blogReadMore a{text-decoration:underline}
#kostenstellen_protokoll .kostenstelleOverviewBudget{color:#000;font-size:18px}
.cs-lang{padding-top:13px}
.visually-hidden {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.cs-filterButton img {margin: 0 auto;margin-bottom: 10px;}
.item .artnamBox {margin-top: 10px;}
.cs-crossSellingBar .item .artnamBox h3 {line-height: 10px;font-size: 1rem;font-weight: 500;line-height: 15px;}
.cs-crossSelling .item .price {margin-top: -10px;}
.cs-breadCrumb {overflow: unset;margin-top: 1em;}
.cs-breadCrumb ul {display: flex;}
.cs-breadCrumb ul li {float: none;}
.cs-articleDetail .cs-articleDetailTopBox {top: -2.5em;}
#tabs .tabContainer  {margin-left: -2em;}
#tabs .tabContainer .tabs {padding: 1em 2em 0.5em 2em;}
.cs-bookmarks .cs-bookmarksList .cs-bookmarksRow h2 {white-space: break-spaces;font-size: 1.75rem;}
.cs-blogcategoriesRow,
.cs-listingBackBtn {padding: 0 5px;}
.cs-bannerRow {margin-bottom: 2em;margin-top: 5px;overflow: unset;}
.cs-liveshoppingCalenderArticle {overflow: unset;}
h1.cs-wkHeading {margin: 0;font-size: 28px;}
.cs-shippingActions a {text-decoration: underline;}
.cs-underline {text-decoration: none;}
.checkoutStep4 .cs-paymentBox span.buttonLabel, .checkoutStep4 .cs-shippingBox span.buttonLabel {padding: 1em;display: block;cursor: pointer;}
.cs-cartstep5 h2 {font-size: 1.75rem;}
.cs-oldPrice {color: #9e1d04;}
.cs-liveShoppingArticle .cs-liveShoppingBack .cs-livePicture img {max-width: 100%;max-width: 100%;}
.cs-liveShoppingArticle .cs-liveShoppingBack .cs-date {width: 100%;border-bottom: 1px solid #000;bottom: 1px;}
body.cs-onePageCheckout .cs-errorMessage {color: #860000;font-size: 12px;}
body.cs-onePageCheckout .cs-articletable .cs-shippingTime {color: #111;margin: 0 0.3em;}