html body {max-width: 100%;width: 2033px;margin: 0 auto;}
html body header .cs-topBar {display: none;}
html body header {background: #fff;}
html body .cs-formBox {position: relative;}
html body .cs-startSlider {width: 100%;}
html body .cs-formBox .search-form {position: relative;bottom: 0;left: 50%;transform: translate(-50%, -23%);z-index: 10;background: #fff;border: 0;padding: 2em;border-radius: 5px;}
html body header .cs-headerContent {margin-bottom: 0;}
html body header .cs-headerContent > .cs-container {max-width: 100%;padding: 0 1em;}
html body .cs-logo {max-width: 200px;}
html body footer .cs-footerRow.top {background: #343534;color: #B4B5B4;}
html body footer .cs-footerRow.top a {color: #B4B5B4;}
html body footer .cs-footerRow.newsletter,
html body footer .cs-footerRow.payments {display: none;}
html body footer {overflow: hidden;background: #202020;margin-top: 5em;}
html body footer .cs-footerTop {padding: 40px 15px 60px 15px;margin-top: 0;font-size: 17px;}
html body footer a,
html body footer {color: #B4B5B4;}
html body.cs-body .cs-categoriesBox {background: #ffffff;margin-bottom: 0;}
html body .cs-categoriesTop > ul > li > .cs-menuItem > a {padding: 0.5em 1em;display: block;font-size: 1.2rem;font-weight: 500;}
html body .cs-categoriesTop ul.cs-categories1 ul {width: auto;margin-left: 0;}
html body .cs-formBox {background-image: url('/cosmoshop/default/pix/user_img/slider_.webp');background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;height: 530px;}
html body.cs-start {background: #f0f0f0;}
html body article.cs-categoryPreview {background: #fff;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);padding: 3em;}
html body .cs-categoryPreview .cs-categoryPicture a img {margin: 0 auto;width: 155px;max-width: 100%;}
html body .cs-categoryPreview .cs-categoryName {margin-top: 1em;position: relative;bottom: auto;left: auto;font-size: 17px;font-weight: 600;background: #fff;min-width: unset;text-align: center;-webkit-transform: none;transform: none;text-transform: uppercase;}
html body.cs-start .cs-categoryList {margin-top: 6em;}
html body.cs-start .cs-categoryList article.cs-categoryPreview:nth-of-type(1) {border-bottom: 5px solid #6d2b52;}
html body.cs-start .cs-categoryList article.cs-categoryPreview:nth-of-type(2) {border-bottom: 5px solid #0a825a;}
html body.cs-start .cs-categoryList article.cs-categoryPreview:nth-of-type(3) {border-bottom: 5px solid #9ec3e2;}
html body.cs-start .cs-categoryList article.cs-categoryPreview:nth-of-type(4) {border-bottom: 5px solid #f69e12;}
html body.cs-start .cs-categoryList article.cs-categoryPreview:nth-of-type(5) {border-bottom: 5px solid #1b5a8e;}
html body.cs-start .cs-categoryList article.cs-categoryPreview:nth-of-type(6) {border-bottom: 5px solid #5e666b;}
html body footer .cs-footerBox {width: 25%;padding-right: 0;}
html body footer .cs-footerBox:last-of-type {padding-left: 4em;}
html body footer .cs-footerBoxContent img {max-width: 200px;}
html body aside.cs-aside {display: none;width: 0;}
html body section.cs-mainContent {width: 100%;}
html body.cs-category article.cs-articlePreview,
html body .cs-searchResults article.cs-articlePreview {width: 100%;margin: 0;display: flex;justify-content: left;gap: 1em;padding: 10px 10px 3px 10px;border-radius: 10px;}
html body article.cs-articlePreview .cs-btns {margin-left: auto;}
html body article.cs-articlePreview .cs-btns .cs-actionButton a {font-size: 17px;font-weight: 500;background: #b4b5b4;padding: 3px 12px;border-radius: 10px;display: block;margin-bottom: 5px;text-align: center;color: #fff;border: 0;cursor: pointer;}
html body article.cs-articlePreview .cs-btns .cs-actionButton a:hover {color: #111 !important;background: #fff;}
html body.cs-category article.cs-articlePreview:nth-child(even),
html body .cs-searchResults article.cs-articlePreview:nth-child(even) {background: #f7f7f7;}
html body.cs-category article.cs-articlePreview:hover,
html body .cs-searchResults article.cs-articlePreview:hover {background: #8a8b8a;color: #fff !important;}
html body.cs-category article.cs-articlePreview:hover a,
html body .cs-searchResults article.cs-articlePreview:hover a,
html body.cs-category article.cs-articlePreview:hover a,
html body .cs-searchResults article.cs-articlePreview:hover a {color: #fff !important;}
html body.cs-category article.cs-articlePreview:hover .priceBox .priceRow .price span,
html body .cs-searchResults article.cs-articlePreview:hover .priceBox .priceRow .price span {color: #fff !important;}
html body article.cs-articlePreview .pictureContainer {max-width: 100px;}
html body article.cs-articlePreview .pictureContainer img {border-radius: 10px;}
html body article.cs-articlePreview .cs-hoverlay {display: none !Important;}
html body article.cs-articlePreview .pictureContainer {width: 10%;}
html body article.cs-articlePreview .artnamBox {width: 40%;}
html body article.cs-articlePreview .cs-properties {width: 20%;}
html body article.cs-articlePreview .cs-properties a {height: 100%;display: block;}
html body article.cs-articlePreview .priceBox {width: 20%;}
html body article.cs-articlePreview .cs-btns {width: 10%;}

html body article.cs-articlePreview h3 {line-height: 19px;height: 100%;}
html body article.cs-articlePreview h3 a {height: 100%;display: block;}

html body .cs-categoryPreview .cs-categoryPicture {position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;}

html body .cs-articlePager {display: flex; gap: 4px;}
html body .cs-articlePager > a,
html body .cs-articlePager > span {display: block;background: #f7f7f7;padding: 5px 7px;border-radius: 5px;min-width: 15px;min-width: 40px;text-align: center;border: 1px solid #dadadd;}
html body .cs-articlePager > a:hover,
html body .cs-articlePager > span:hover {background: #b4b5b4;color: #fff;}
html body .cs-articlePager > a:hover svg path,
html body .cs-articlePager > span:hover svg path {fill: #fff;}
html body .cs-searchBar .cs-searchBlock {padding: 5px 1em 1em 1em;border: 1px solid #dadadd;border-radius: 5px;}
html body .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {max-width: 30%;width: 100%;position: relative;}
html body .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 69%;width: 100%;}
html body .cs-errorBox{color:#dc111f;margin-bottom:2em;display:block;padding:10px 15px;font-size:18px;background:#ffe2e2;border:1px solid #dc111f;border-radius:4px}
html body .cs-searchForm .sf-placeholder,html body .cs-searchForm .sf-text-inner input,html body .cs-searchForm .sf-text-inner label{font-size:13px!important;color:#000!important;font-weight:500!important}
html body.cs-search .cs-formBox{background-image:none;margin-top:1em;height:380px}
html body.cs-search .cs-formBox .cs-searchForm{background:#202020;margin:0 auto}
html body.cs-search .cs-searchResults{margin-top:auto}
html body.cs-search .cs-searched{background:rgba(0,0,0,.9);z-index:9;display:flex;padding:1em;position:relative;border-radius:5px;cursor:pointer;align-items:center;gap:10px;font-size:16px;width:300px;justify-content:center}
html body.cs-search .cs-searched span{color:#fff}
html body.cs-search .cs-searched svg{max-width:25px}
html body.cs-search .cs-searched:hover{background:#343534}
html body .cs-categoriesTop>ul.cs-categories1>li>ul.cs-categories2{position:absolute;display:none;background:#f7f7f7;border:1px solid #dadadd;border-radius:5px;font-size:17px;margin-left:17px;z-index:99}
html body .cs-quickOrder {display: flex;}
html body .cs-quickOrder a {background: #343534;padding: 10px 15px;border-radius: 6px;border: 1px solid #dadadd;margin-right: 10px;color: #fff;}

html body .cs-quickOrderBox{background:#f6f6f6;display:flex;flex-wrap:wrap;padding:1em;border-radius:5px;margin-bottom:2em;text-align:center;justify-content:center;gap:4rem;border: 1px solid #dedede;}
html body .cs-quickOrderBox form#quick-order-import #importButton{background:#343534;color:#fff;font-size:18px;font-weight:600;text-transform:uppercase;padding:7px 14px;border-radius:5px;cursor: pointer;}
html body .cs-quickOrderBox form#quick-order-import #importButton:hover {background: #202020;}
html body .cs-quickOrderBox form#quick-order-import br{display:none}
html body .cs-quickOrderBox .cs-quickHeader{font-size:24px;font-weight:600;border-right:1px solid #b1b1b1;padding-right:4rem}


html body footer .cs-footerBox .cs-footerBoxHeader {margin: 10px 0px 8px 0;font-size: 17px;font-weight: 600;}
html body footer .cs-footerBox .cs-rowItem,
html body footer .cs-footerBox .cs-footerBoxContent ul li {margin-bottom: 9px;}
html body footer .cs-footerBox .cs-footerBoxContent ul {margin-top: 9px;}

html body footer .cs-footerRow.copyright {height: 36px;padding: 10px 0;}
html body footer .cs-footerRow.copyright .cs-footerInner {max-width: 1200px;margin: 0 auto;}
html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom {display: flex;}
html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom .cs-copyrightBox {justify-content: center;margin: 4px 0;width: 100%;font-size: 12px;display: flex;align-items: center;}
html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom .cs-copyrightBox .preise {margin-right: auto;}
html body footer .cs-footerRow.copyright .cs-footerInner .cs-footerBottom .cs-copyrightBox > a {margin-right: auto;left: -13%;position: relative;}

html body.cs-checkout .logo {display: flex;align-items: center;gap: 2em;max-width: unset;padding-bottom: 2em;}
html body.cs-checkout .logo .cs-wkText {font-size: 24px;color: #343534;font-weight: 600;}
html body.cs-checkout .logo img {max-width: 200px;}

html body.cs-checkout .cs-basektRightBox .cs-button1 {margin-top: 0;}

/* for tab, arrow navigation */
html body a:focus-visible, 
html body li:focus-visible,
html body article:focus-visible,
html body button:focus-visible, 
html body input:focus-visible, 
html body textarea:focus-visible, 
html body div:focus-visible, 
html body span:focus-visible, 
html body select:focus-visible,
html body label:focus-visible, 
html body .switch input:focus-visible + .slider {outline: 2px solid #f69e12 !important;box-shadow: 0 0 0 2px #fff, 0 0 0 6px #f69e12 !important;}
.sf-search-wrap::after {background-color: #f69e12 !important;}
.sf-option:hover::before, .sf-option.highlighted::before {background-color: #f69e12 !important;}