.cs-statusbar li.cs-basketSteps.active,
html body .ui-dialog .ui-dialog-titlebar,
.wkAddLayer .cs-checkoutBtn,
html body .ui-dialog .ui-dialog-titlebar-close {background: #DA291C !important;}
.cs-statusbar li.cs-basketSteps.active span {color: #fff;}
html body .ui-dialog .ui-button .ui-icon {filter: brightness(100);}


/* cs */
:root {
  --color: #004660;
}

html body.cs-checkout header {background: #019cbb;padding: 1em 0;color: #fff;}
html body.cs-checkout header a {color: #fff;}
html body.cs-checkout header .cs-shortnav {margin-top: 10px;}

html body {font-family: 'Roboto Condensed';font-weight: 400;font-size: 17px;color: var(--color);}
html body a {color: var(--color);}
html body article.cs-articlePreview h3 {line-height: 20px;}
html body select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('/cosmoshop/1730825895/pix/user_img/arrow_down.png');
}
html body .cs-categoriesTop a {text-transform: uppercase;font-size: 18px;font-weight: 600;padding-left: 0;}
html body .cs-startText .cs-betHeading {display: none;}
html body #categoriesLeft ul li a {text-transform: uppercase;}
html body .cs-logo, .logo {margin-left: -13px;}
html body .cs-container,
html body .cs-box {max-width: 1300px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: var(--color);text-transform: uppercase;}
html body header .cs-headerContent {background: #019cbb;}
html body .cs-miniButtons .cs-svgIcon path {fill: #ffffff;}
html body .cs-miniButtons .cs-miniwk span {color: #ffffff;}
html body article.cs-articlePreview .priceBox .priceRow .price span {font-size: 1rem;font-weight: 500;color: #019cbb;}
html body .cs-startTextBox {margin-bottom: 2em;}
html body footer a,
html body footer {font-weight: 400;}

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: var(--color);}
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: var(--color) !important;}
html body.cs-body .cs-articleDetail .cs-detailArtnum {color: var(--color);}

html body.cs-body .cs-statusbar li.cs-basketSteps.active, html body .ui-dialog .ui-dialog-titlebar, html body.cs-body .wkAddLayer .cs-checkoutBtn, html body .ui-dialog .ui-dialog-titlebar-close {
    background: var(--color) !important;
}
html body.cs-body .cs-statusbar li.cs-basketSteps.active {background: #019cbb !important;}
html body.cs-body .ui-dialog .ui-dialog-titlebar,
html body.cs-body .wkAddLayer .cs-checkoutBtn,
html body.cs-body .ui-dialog .ui-dialog-titlebar-close {background: #019cbb !important;}

/* Änderungen 18.09.2024 */
html body .cs-logo img,
html body .logo img {width: 300px;}
html body .cs-categoriesTop > ul.cs-categories1 > li {margin-right: 29px;}
html body .cs-categoriesTop > ul.cs-categories1 > li > div > a {font-weight: 400;}
html body .cs-categoriesTop > ul.cs-categories1 > li > div > a:hover {color: #009cbc;}
html body article.cs-articlePreview .priceBox .priceRow {float: left;margin-right: 15px;}
html body article.cs-articlePreview .cs-hoverlay .cs-fastButtons .cs-actionButton {text-transform: uppercase;}
html body article.cs-articlePreview .cs-hoverlay .cs-fastButtons .cs-actionButton:hover a {color: #009cbc;}
html body .cs-articlePreviewSmallPriceBox .cs-priceFormat {display: flex;gap: 15px;}
html body .cs-articlePreviewSmallPriceBox .cs-priceFormat .cs-lineThrough {color: #E05048;font-size: 1rem;}
html body #categoriesLeft ul li a {text-transform: none;}
html body .cs-zweiteZeile .cs-listPager .cs-articlecount {border: 0;}
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 {text-transform: uppercase;}
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 {text-transform: uppercase;}
html body.cs-body .cs-articleDetail .cs-detailArtnum {text-transform: uppercase;}
html body.cs-body .ui-dialog .ui-dialog-title {text-transform: uppercase;}
html body.cs-checkout header a {color: #fff;text-transform: uppercase;}
html body.cs-body .wkAddLayer .cs-addArticleRow .cs-backToShopping a {color: #004560;}
html body.cs-body .cs-button3 {text-transform: uppercase;border-color: #004560;color: #004560;background: rgba(0,0,0,0);}
html body.cs-body .cs-statusbar li.cs-basketSteps.active a {color: #fff;font-weight: 500;}
html body.cs-body .cs-secondInfoBox {color: #004560;}
html body.cs-body .checkoutStep4 .cs-paymentBox.active:after, html body.cs-body .checkoutStep4 .cs-paymentBox.active:after, html body.cs-body .checkoutStep4 .cs-shippingBox.active:after {background: #004560;}
html body.cs-body .checkoutStep4 .cs-paymentBox, html body.cs-body .checkoutStep4 .cs-shippingBox {border: 1px solid #004560;}
html body.cs-body .shippingMethodRow .buttonLabel,
html body.cs-body .cs-paymentBox .buttonLabel{color: #004560;}
html body.cs-body .basketStep5 h1 {margin-bottom: 1em;}
html body.cs-body .basketStep5 .lockBox {margin-bottom: 2em;}
html body.cs-body .cs-orderSummaryBlock .cs-orderShipping .cs-orderBox > div.cs-firstColumn {width: calc(100%/2 - 4em);}
html body.cs-body .cs-orderSummaryBlock .cs-orderShipping .cs-orderBox > div.cs-secondColumn,
html body.cs-body .cs-orderSummaryBlock .cs-orderShipping .cs-orderBox > div.ccs-secondColumn {width: calc(100%/2 + 4em);}
html body.cs-body .cs-orderSummaryBlock .cs-orderPayment .cs-orderBox > div {width: calc(100%/2 - 6em);}
html body.cs-body .cs-orderSummaryBlock .cs-orderPayment .cs-orderBox > div.cs-secondColumn {width: calc(100%/2 + 6em);}
html body.cs-body .basketStep5 .lockBox {margin-bottom: 2em;margin-top: 1em;}
html body.cs-body .cs-infoBox {color: #004560;}
html body.cs-body.cs-loginpagebody .cs-header {background: #019cbb;}
html body.cs-body.cs-loginpagebody .cs-header > a > img {max-width: 300px;}

/* Änderungen 14.11.2024 */
html body.cs-body footer .cs-footerBox .cs-footerBoxHeader {font-weight:600;}
html body.cs-body article.cs-articlePreview .cs-watchList svg path {fill: #004560;}
html body #categoriesLeft ul li a:hover {color: #009cbc;}
html body a:hover {color: #009cbc;}
.ui-widget, .ui-widget-header {font-family: 'Roboto Condensed', sans-serif !important;}
.cs-cartBoxAmount .cs-articleRefresh path,
.cs-myAccount .cs-myAccountButtons svg path {fill: #004560;}
html body.cs-body .checkoutStep4 .cs-paymentBox.active:after, html body.cs-body .checkoutStep4 .cs-paymentBox.active:after, html body.cs-body .checkoutStep4 .cs-shippingBox.active:after {display: none;}
html body.cs-body .cs-pointLabel {display: none;background: #004660;align-items: center;justify-content: center;width: 25px;height: 25px;border-radius: 100%;right: -13px;position: absolute;top: -12px;}
html body.cs-body .cs-pointLabel .cs-whiePoint {background: #fff;position: absolute;width: 12px;height: 12px;border-radius: 100%;}
html body.cs-body .checkoutStep4 .cs-paymentBox.active .cs-pointLabel, html body.cs-body .checkoutStep4 .cs-shippingBox.active .cs-pointLabel {display: flex;}
html body.cs-body .cs-button3 {border-color: #004560;}
html body.cs-body .cs-button3:hover {background: #ffffff;color: #111111;border-color: #009cbc;color: #009cbc;}
html body.cs-body .cs-orders .cs-orderButton svg path {fill: #004560 !important;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Roboto Condensed', sans-serif !important;}