.cs-categoryPreview .cs-categoryName {position: relative;bottom: auto;left: auto;font-size: 0.9rem;font-weight: 600;background: #fff;min-width: 100%;text-align: center;-webkit-transform: unset;transform: unset;}
span.cs-bonus {background: #ffeb01;padding: 0 4px;}

.cs-articleDetail .basketBlock .cs-actionButtons > input, .cs-articleDetail .basketBlock .cs-actionButtons > a {color: #000;background: #eeeeee;text-align: center;padding: 6px 14px;}
.cs-wkCrossSelling .cs-wkCrossSellingButton input[type="submit"] {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 5px 12px;
    border-radius: 5px;
}

.cs-breadCrumb ul li.active {font-weight: 600;}
.cs-megamenu > div:nth-of-type(2) {text-align: right;}
.cs-categoriesBox > .cs-container {padding: 0;}
html body.cs-body .cs-categoriesBox {padding: 1em 0 1em 0;}
.cs-start .cs-categoriesBox {margin-bottom: 0;}
header .cs-headerContent {margin-bottom: 0;}
.cs-startTextBox {margin-bottom: 2em;}
html body.cs-body article.cs-articlePreview .cs-hoverlay {display: none !important;}
html body.cs-body article.cs-articlePreview .cs-articlePreviewBoxBottom {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1%;}

html body.cs-body article.cs-articlePreview .cs-actionButton {background: #10069f;color: #fff;width: 49.5%;text-align: center;cursor: pointer;}
html body.cs-body article.cs-articlePreview .cs-actionButton a {color: #fff;display: block;padding: 7px 16px;}
html body.cs-body article.cs-articlePreview .cs-actionButton svg path {fill: #111;}
html body.cs-body article.cs-articlePreview .cs-actionButton:nth-of-type(2) {background: #ffeb01;}
html body.cs-body article.cs-articlePreview .cs-actionButton:nth-of-type(2) a {color: #111;}

html body.cs-body article.cs-articlePreview .cs-watchList svg {top: 3px;}
article.cs-articlePreview .cs-actionButton svg {width: 1em;height: 1em;position: relative;top: 2px;}
html body.cs-body article.cs-articlePreview .cs-actionButton svg path {fill: #fff;}
html body.cs-body article.cs-articlePreview .cs-watchList.cs-actionButton svg path {fill: #000;}

article.cs-articlePreview .cs-auszeichnungenItem {height: 60px;width: 60px;margin-bottom: 0.2em;}

/*owl*/
html body.cs-body .cs-additionalArticle .owl-stage .owl-item .cs-additionalArticleBox {width: 100%;margin: 0;}
html body.cs-body.cs-start .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0,0,0);padding: 1em 0;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span, .owl-carousel button.owl-dot span {font-size: 50px;color: #10069f;}
.owl-nav {display: flex;gap: 2em;position: absolute;top: -4em;float: right;right: 23px;}

/* iframe */
.cs-videoContainer {position: relative;padding-bottom: 56.25%;height: 0;}
.cs-videoContainer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.cs-categoriesTop a {width: auto;}
.cs-categoriesTop > ul > li > .cs-menuItem > a {padding: 0.5em 0.5em 0.5em 4px;}

/* wk1 crossseeeling */
.cs-wkCrossSelling {width: 70%;margin: 3em 0;}
.cs-wkCrossSelling th {text-align: left;}
.cs-wkCrossSelling td.cs-wkCrossSellingImage {max-width: 60px;padding-right: 7px;}
.cs-wkCrossSelling th {padding-right: 12px;}
.cs-wkCrossSelling .cs-wkCrossSellingButton input[type="submit"] {background: #fff;border: 1px solid #000;}

.theme-default .nivo-caption .cs-captionWrapper {padding-left: 9px;}

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: #2457AA;}
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: #2457AA !important;}

/* categoriestop */
html body.cs-body .cs-categoriesTop ul.cs-categories1 ul {width: 21em;margin-left: -10px;background: #f7f7f7;}
html body.cs-body .cs-categoriesTop ul.cs-categories2 ul {right: -21em;background: #f7f7f7;}
html body.cs-body .cs-categoriesTop a {width: auto;white-space: nowrap;}
html body.cs-body .cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 {position: absolute;top: 0;z-index: 5;left: auto;background: #f7f7f7;}
html body.cs-body .cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 > li:hover > ul.cs-categories4 {background: #f7f7f7;}

html body.cs-body.cs-start .cs-categoriesTop ul.cs-categories1,
html body.cs-body.cs-start .cs-categoriesTop ul.cs-categories2,
html body.cs-body.cs-start .cs-categoriesTop ul.cs-categories3,
html body.cs-body.cs-start .cs-categoriesTop ul.cs-categories4 {background: #ffffff !important;}

/* suchleiste */
html body.cs-body .cs-categoriesTop ul li .cs-menuItem {position: relative;display: flex;align-items: center;justify-content: space-between;}
html body.cs-body .cs-categoriesTop .cs-svgIcon {width: 1.1em;height: 1.1em;margin-right: 6px;}

/* livesearch */
div#liveSearchResult {background: #f5f5f5;border: 1px solid #8c8c8c;}
.cs-body.cs-checkout ul.cs-livesearch li {margin-bottom: 01px;padding: 5px;background: #f5f5f5;}
.cs-body.cs-checkout ul.cs-livesearch input[type=button] {background: #ffffff;}

/* checkout */
.cs-body.cs-checkout ul.cs-livesearch {background: #fff;padding: 0;}
.cs-body.cs-checkout ul.cs-livesearch li {margin-bottom: 5px;padding: 5px;}
.cs-body.cs-checkout ul.cs-livesearch li:hover {background: #f7f7f7;cursor: pointer;}
.cs-body.cs-checkout ul.cs-livesearch li:hover > a {color: #fff;}

/* faq */
.cs-faq {display: table;width: 100%;}
.cs-faq > tbody > tr {display: none;border: 1px solid #dadadd;}
.cs-faq > tbody > tr {cursor: pointer;}
.cs-faq > tbody > tr > td {padding: 1em;display: flex;align-items: center;margin-bottom: 2px;}
.cs-faq > tbody > tr:nth-child(odd) > td {background: #f7f7f7;}
.cs-faq > tbody > tr:nth-child(odd) > td:before {content: '\e8cc';height: 42px;float: left;font-size: 31px;margin-right: 18px !important;display: flex !important;align-items: center;}
.cs-faq > tbody > tr.cs-arrowUp:nth-child(odd) > td:before {display: inline-block;transform: rotate(180deg);}
.cs-faq > tbody > tr:nth-child(odd) > td:before {font-family: cs;font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;width: auto;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;}
.cs-faq > tbody > tr:nth-of-type(2n) td {display: block;}

/* article */
article.cs-articlePreview {margin-bottom: 2em;}
.cs-articleDetail .cs-auszeichnungenItem {height: auto;width: 6em;}
article.cs-articlePreview .pictureContainer a {display: flex;justify-content: center;align-items: center;}
article.cs-articlePreview .pictureContainer a img {width: auto;}
article.cs-articlePreview .priceBox .priceRow .price.cs-priceNetto,
.cs-articleDetail .articlePriceBox .cs-priceFormat .price.cs-priceNetto,
article.cs-articlePreviewSmall .cs-priceFormat .price.cs-priceNetto {display: flex;align-items: baseline;}

article.cs-articlePreview .priceBox .priceRow .price.cs-priceNetto span.cs-price,
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price.cs-priceNetto span.cs-price,
article.cs-articlePreviewSmall .cs-priceFormat .priceRow .price.cs-priceNetto span.cs-price {font-size: 23px;color: #000;font-weight: 600;} 

article.cs-articlePreview .priceBox .priceRow .price span,
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price span,
article.cs-articlePreviewSmall .cs-priceFormat .priceRow .price span {color: #000;}

article.cs-articlePreview .priceBox .priceRow .price span span,
article.cs-articlePreview .priceBox .priceRow .price .priceStars,
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price span span,
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price .priceStars,
article.cs-articlePreviewSmall .cs-priceFormat .priceRow .price span span,
article.cs-articlePreviewSmall .cs-priceFormat .priceRow .price .priceStars {color: #000000;font-weight: 400;font-size: 14px;}

article.cs-articlePreview .priceBox .priceRow .price,
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price,
article.cs-articlePreviewSmall .cs-priceFormat .priceRow .price [itemprop="priceCurrency"] {/*! display: block; */margin-right: 5px;}

article.cs-articlePreview .priceBox .priceRow,
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow {float: none;margin-top: 1em;}
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price {font-size: inherit;}

span.cs-price {margin-left: 5px;}
article.cs-articlePreview .priceBox .priceRow .price.cs-priceBrutto span {margin-left: 0 !important;}

/* startsite */
.cs-startText h1 {word-wrap: break-word;}
.cs-container {max-width: 94em;}

/* menu */
.cs-categoriesMegaMenu .cs-megaMenu > ul > li {margin-right: 0;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li:last-of-type {margin-right: 0;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a {font-size: 15px;font-weight: 500;}
.cs-categoriesMegaMenu .cs-megaMenu svg {display: none;}
.cs-mobileCategorys > ul > li > .cs-menuItem > svg {transform: rotate(270deg);}
.cs-mobileCategorys ul li .cs-menuItem svg {background: #10069f;padding: 3px;border-radius: 5px;position: absolute;height: 2em;width: 2em;top: 1px;right: 0;}
.cs-mobileCategorys ul li .cs-menuItem svg path {fill: #fff;}

/* mega */
.cs-categoriesMegaMenu {max-width: 98em;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li .cs-megaMenuContainer {background: #f7f7f7;color: #fff;border: 0;margin: 0 0em;padding: 1em 0 0.5em 0;}
.cs-categoriesMegaMenu .cs-megaMenuContainer a {color: #fff;font-size: 16px;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li:hover {background: #10069F;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a {padding: 1em 2em;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li:hover a {color: #565656;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li:hover > a {color: #ffffff;}
.cs-categoriesMegaMenu .cs-megaMenu .burgerMenu {justify-content: space-between;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li .cs-megaMenuContainer ul li ul li a {font-size: 15px;padding-left: 2em;margin: -0.5em 0;color: #898989;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li .cs-megaMenuContainer li.categoriesLevel2 {position: relative;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li .cs-megaMenuContainer li.categoriesLevel2 > a {margin-left: 10px;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li .cs-megaMenuContainer li.categoriesLevel2 > a:hover {color: #000;background: #fff;text-decoration: none;}
.cs-megaMenuContainer .cs-megamenu img {float: none;padding-right: 8px;}
.cs-megaMenuContainer .cs-megamenu .categoriesLevel2 {-webkit-column-break-inside: avoid;}
.cs-megaMenuContainer .cs-megamenu .categoryText {color: #343434;padding: 1em 2em;}
.cs-categoriesMegaMenu .cs-megaMenuContainer ul ul {display: none;}


.cs-filterBox .cs-subFilterBox .cs-filterSingleBox ul li {width: calc(100% / 1);}

/* checkout */
body.cs-body.cs-checkout header {background: #10069F;padding-bottom: 2px;}
body.cs-body.cs-checkout header a {color: #fff;}
body.cs-body.cs-checkout header .cs-shortnav {margin: 1em 0;}
body.cs-body.cs-checkout .cs-footer .cs-payments img {margin: 0 5px;max-width: 100px;}


/* header */
header .cs-headerContent {background: #10069F;}
header .cs-topBar {background: #140c81;padding: 7px 0;}
header .cs-topBar .cs-topPages > ul > li > a {color: #fff;}
header .cs-topBar svg {display: none;}
header .cs-topBar svg path {fill: #fff;}
header .cs-topBar .cs-topText {color: #fff;}
header .cs-topBar .cs-topText span {color: #FFD200;border: 1px dashed #FFD200;padding: 2px 7px;}
header .cs-topBar .cs-topText span a {color: #FFD200;}
.cs-miniButtons .cs-searchBar {display: none;}
.cs-topsearch {position: relative;}
.cs-topsearch svg {border-radius: 100em;padding: 6px;position: absolute;top: 0;max-width: 37px;right: 0;background: #FFD200;cursor: pointer;}
.cs-topsearch svg:hover {background: #2457AA;}
.cs-topsearch svg:hover path {fill: #fff;}
.cs-topsearch svg path {fill: #121212;}
.cs-topsearch input {border: 0;max-width: 100%;border-radius: 36px;padding-left: 19px;width: 500px;border: 1px solid #dadadd ;}
.cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
.cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #10069f;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}
.cs-lang {max-width: none;padding-top: 6px;margin-right: 0;display: flex;flex-wrap: wrap;}
.cs-lang img {margin-left: 5px;max-width: 25px;}
.cs-topPages > ul > li a {padding: 0 16px 0 5px;font-size: 0.85rem;border-right: 1px solid #3e66a9;}
.cs-logo {max-width: 350px;}
header .cs-miniButtons .cs-svgIcon path {fill: #ffffff;}
.cs-miniwk a {color: #fff;}
.cs-topPages .cs-topPagesBurger span {color: #fff;}

/* layout */
/*.cs-start .cs-categoryList article.cs-categoryPreview:last-of-type {display: none;} */
::-webkit-scrollbar-track {border-radius: 0;background-color: #F5F5F5;}
::-webkit-scrollbar {width: 1em;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 0;background-color: #140C81;}
aside.cs-aside {display: none;}
section.cs-mainContent {width: 100%;}
.cs-box {max-width: 96em;}
body.cs-category header .cs-headerContent {margin-bottom: 0px;}
body.cs-detail header .cs-headerContent {margin-bottom: 0px;}

/* slider */
.cs-body .slider-wrapper .nivoSlider .nivo-caption {max-width: 99em;}
.cs-body .slider-wrapper .nivoSlider .cs-sliderText {font-size: 19px;}
.cs-body .slider-wrapper .nivoSlider .nivo-caption .cs-sliderHeader {font-size: 5em;font-weight: 800;margin-left: -3px;}
.theme-default .nivo-caption .cs-captionWrapper {max-width: 43%;padding-top: 0;justify-content: center;}
.cs-body .slider-wrapper .nivoSlider .nivo-caption .cs-sliderButton a {background: #FFD200;font-size: 17px;padding: 8px 13px;border: 0;border-radius: 5px;font-weight: 700;text-transform: uppercase;margin-top: 2em;display: inline-block !important;}
.cs-sliderBox {position: relative;justify-content: center;display: flex;margin-bottom: 18em;}
.cs-sliderSubHeader {font-size: 20px;font-weight: 600;color: #ffd200;}

/*Ergänzung wg. Zeilenabstand Sliderheader*/
.cs-sliderHeader {line-height:0.9em}

/* listing */
article.cs-categoryPreview {border: 1px solid #d3d3d3;}
.cs-categoryList {margin-top: 8em;}

/* usps */
.cs-usps {position: absolute;bottom: -100px;z-index: 99;}
.cs-usps svg {max-width: 3em;width: 3em;margin-right: 10px;}
.cs-usps svg path {fill: #111;}
.cs-usps ul {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.cs-usps ul li {width: calc(100%/3);display: flex;flex-wrap: wrap;}
.cs-usps ul li .cs-uspHeader {font-size: 21px;font-weight: 600;}
.cs-usps ul li.cs-ups1 {background: #F6F9FF;padding: 3em 2em;}
.cs-usps ul li.cs-ups2 {background: #FFD200;padding: 3em 2em;}
.cs-usps ul li.cs-ups3 {background: #10069F;color: #fff;padding: 3em 2em;}
.cs-usps ul li.cs-ups3 svg path {fill: #fff;}
.cs-usps ul li .cs-uspContent {color: #656c76;}
/*.cs-usps ul li.cs-ups3 .cs-uspContent {color: rgba(255,255,255,.75);}*/
.cs-usps ul li.cs-ups3 .cs-uspContent {color: rgba(255,255,255,1);}

/* Whatsapp-Hinweis Startseite */
.cs-usps ul li.cs-ups3 .cs-uspContent a {color: rgba(255, 255, 255, 1) !important;}

/* startsite */
.cs-seoText {margin-top: 4em;}
.cs-bannerRow {margin: 6em auto;}

/* footer */
footer {background: #02112B;color: #fff;margin-top: 4em;}
footer a {color: #fff;}
footer .cs-footerRow.top {background: #02112B;}
footer .cs-footerBox .cs-footerBoxHeader {font-weight: 600;font-size: 19px;border-left: 5px solid #ffd200;padding-left: 8px;}
footer .cs-footerPayments img {max-width: 100px;}
footer .cs-footerPayments .cs-socials img {max-width: 53px;}
footer .cs-footerPayments .cs-socials {margin-left: auto;}
footer .cs-footerPayments ul ul {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;margin-left: auto;}

/* category */
.cs-categoryView .categoryPicture {display: none;}
article.cs-articlePreview .cs-hoverlay .cs-actionButton:hover {background: #10069F;}
article.cs-articlePreview .cs-hoverlay .cs-actionButton:hover a {color: #fff;}
.cs-categoryPreview .cs-categoryPicture img {width: 100%;}

/* detail */
.cs-articleLeftBox .cs-articleRightBox .articlePriceBox .articlePriceBoxPrice {margin-bottom: 1em;}
article.cs-articlePreview .cs-hoverlay .cs-actionButton:hover a svg path {fill: #FFEB00;}

/* colors GELB: #FFD200 */
/* color BLUE */
header .cs-headerContent,
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: #10069F;} /* blue */
header .cs-topBar {background: #140c81;} /* darkblue */

/* color YELLOW */
.cs-body .slider-wrapper .nivoSlider .nivo-caption .cs-sliderButton a,
.cs-usps ul li.cs-ups2,
.cs-topsearch svg {background: #ffeb01;}
header .cs-topBar .cs-topText span a,
.cs-sliderSubHeader {color: #ffeb01;}
footer .cs-footerBox .cs-footerBoxHeader {border-left: 5px solid #ffeb01;}
::-webkit-scrollbar-thumb {background-color: #140C81;}

/* mega mobile */
.cs-mobileCategorys ul li {line-height: 30px;border-bottom: 1px solid #ccc;display: flex;align-items: center;}
.cs-mobileCategorys ul li .cs-menuItem {position: relative;width: 100%;}
.cs-mobileCategorys ul li .cs-menuItem svg {background: #10069f;padding: 3px;border-radius: 5px;position: relative;height: 2em;width: 2em;top: 6px;right: auto;pointer-events: unset;}
.cs-mobileCategorys .cs-backMenu svg {top: 5px;}

/* änderungen 30.06.2023 */
footer .cs-footerRow.newsletter {border-bottom: 1px solid #393939;margin-bottom: 2em;border-top: 1px solid #393939;background: #111;}
.cs-mobileCategorys > ul li a {max-width: 80%;}
footer a:hover {text-decoration: underline;color: #fff;}
.cs-basektRightBox .cs-basektRightBoxInner {margin-top: 10px;}
.h1, h1 {font-size: 27px;}
.cs-sliderBox {margin-bottom: 10em;}
.cs-categoryList {margin-top: 3em;}
.cs-bannerRow {margin: 2em auto;}
.cs-category .cs-categoryRubText {margin-bottom: 0em;}
.cs-filterButton {margin: 1em 0 0em 0em;}
.cs-rubtextLong.cs-zusatzBottom {margin-top: 4em;}
.cs-category .cs-categoryRubText {margin-top: 2em;}

html body.cs-body .cs-categoriesTop ul.cs-categories1 ul,
html body.cs-body .cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li:hover > ul.cs-categories3 {box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}

#liveSearchResult ul li img {max-height: 40px;border-radius: 10px;margin: 5px 0px;}
#liveSearchResult ul li {display: flex;gap:10px;align-items: center;}

.cs-bannerRow .linkHelper {position: absolute;}
.cs-bannerRow .cs-bannerItem {position: relative;}
footer .cs-footerNewsletterBox.input input {color: #343434;}
/* H headings */
.cs-subtitle {margin-bottom: 2em;text-align: center;color: #000000;}