/* layout */
html, body {font-family: 'Vodafone regular';font-size: 18px;line-height: 24px;color: #333;}
body {background: #F4F4F4;letter-spacing: 0;}
body .cs-container {max-width: 1400px;padding: 0;}
body a.cs-scrollup {background: #666666;border-radius: 100px;border: 3px solid #999999;text-align: center;width: 50px;height: 50px;bottom: 20px;right: 20px;}
body a.cs-scrollup svg {width: 42px;height: 42px;}
body a.cs-scrollup svg path {fill: #fff;}
body a.cs-scrollup img {filter: brightness(0) invert(1);max-width: 37px;top: 3px;position: relative;}
::-webkit-scrollbar-track {border-radius: 0;background-color: #F5F5F5;}
::-webkit-scrollbar {width: 17px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 0;background-color: #ccc;}
.tAll {-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
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: #E11F1C;}
/* header */

/* checkout */
.cs-thanksForOrder .cs-row {display: block;overflow: hidden;text-align: left;}
.cs-thanksForOrder .cs-row a {display: inline-block;}

/* liefer */
.cs-lieferItem {border: 3px solid #F4F4F4;}
.cs-lieferItem.selected {background: #ffffff;border: 3px solid #e60000;}
.cs-newLieferAdress a {float: none !important;}
div#basketTableStep5Footer {margin-bottom: 1em;}
.cs-orderSummaryBlock h3 {margin-bottom: 10px;}

body.cs-checkOut .cs-checkoutMenu {background: #111;}
body.cs-checkOut .cs-checkoutMenu .cs-checkoutMenuInner {color: #fff;max-width: 100%;margin: 0 auto;}
body.cs-checkOut .cs-checkoutMenu .cs-checkoutMenuInner ul {display: flex;align-items: center;justify-content: right;padding-right: 10px;}
body.cs-checkOut .cs-checkoutMenu .cs-checkoutMenuInner a {color: #fff;padding: 2px 10px 5px 5px;font-size: 14px;display: inline-block;}
body.cs-checkOut .cs-shortnav {display: none;}
body.cs-checkOut .logo {margin: 11px;position: relative;z-index: 2;background: #fff;display: inline-block;}
body.cs-checkOut .logo img {display: block;}
body.cs-checkOut #infoblock {padding-bottom: 0px;max-height: 82px;}

header {background: #fff;}
header .cs-topBar {background: #222222;}
header .cs-topBar .cs-topPages > ul > li a {color: #fff;}
header .cs-miniButtons {margin-left: auto;position: unset;}
header .cs-headerContent {padding: 11px;-webkit-box-shadow: 0 1px 3px 0 #ccc;box-shadow: 0 1px 3px 0 #ccc;margin-bottom: 0;position: unset;z-index: 9;}
header .cs-headerContent > div {align-items: center;}
header .cs-categoriesBox,
body.cs-start header .cs-categoriesBox{margin-bottom: 0;}
header .cs-topPages > ul > li a {padding: 2px 10px 5px 5px;font-size: 14px;}
header .cs-topPages > ul > li a:hover {text-decoration: underline;}
header .cs-topPages > ul > li {padding: 0px;}
header .cs-categoriesTop > ul > li > .cs-menuItem > a {padding: 0.5em 30px;border-bottom: 3px solid #fff;top: -3px;}
header .cs-categoriesTop > ul > li > .cs-menuItem > a:hover {border-bottom: 3px solid #E11F1C;}
header .cs-logo img {display: block;}
header .cs-miniButtons li img {width: 32px;top: 0;}
header .cs-miniButtons > ul > li {position: relative;}
header li.cs-miniwk {margin-right: 19px !important;}
header .cs-miniwk span {position: absolute;top: 0;left: auto;right: -5px;top: -3px;background: #f00;color: #fff;height: 20px;width: 20px;border-radius: 100px;font-size: 12px;display: flex;justify-content: center;align-items: center;}
header .cs-categoriesBox {background: #ffffff;}
header .cs-searchBar .cs-searchBlock {left: auto;right: 0;padding: 8px 1em 1em 1em;top: 63px;}
/* article */
article.cs-articlePreview {background: #fff;border-radius: 6px;}
article.cs-articlePreview .pictureContainer a img {max-height: 280px;width: auto;margin: 0 auto;padding: 10px;max-width: 95%;}
article.cs-articlePreview .cs-artPreviewName {font-size: 1rem;font-weight: 600;text-align: center;width: 100%;display: block;}
article.cs-articlePreview .priceBox {padding: 1em;}
article.cs-articlePreview h3 {max-width: 80%;margin: 0 auto;}
/* layout */
h2.cs-betHeading,
h3.cs-siteHeading {font-size: 1.5rem;font-weight: 600;text-transform: none;text-align: left;margin: 2em 0 1.7em 0;letter-spacing: 1px;}
h2.cs-betHeading span,
h3.cs-siteHeading span {background: #F4F4F4;padding: 0;}
h2.cs-betHeading:before,
h3.cs-siteHeading:before {height: 0;}
.cs-subtitle {display: none;}
.cs-startTextBox {margin-top: 3em;}
.leftNavigationBox {height: 100%;background: #fff;padding: 1em 3em;}
body select {border: 1px solid #dadadd !important;background-color: #fff !important;}
.cs-articlecount .cs-heading {margin-right: 1em;}
.cs-listPager .cs-articlecount {border-bottom: 0px solid #dadadd;}
/* startseite */
.cs-usp {background: #fff;}
.cs-usp .cs-uspInner {display: flex;flex-wrap: wrap;max-width: 1400px;margin: 0 auto;padding: 0;margin: 8em auto;padding: 2em 0;}
.cs-usp .cs-uspInner .cs-uspItem {width: calc(100%/5 - 1em);background: #fff;padding: 1em;border-radius: 6px;margin: 0 0.5em;}
.cs-usp .cs-uspInner .cs-uspText {text-align: center;font-weight: 500;margin: 1em auto 0 auto;max-width: 82%;}
.cs-usp .cs-uspInner img {max-width: 2em;margin: 0 auto 1em auto;display: block;}
/* footer */
footer {background: #000000;margin-top: 4em;}
footer .cs-footerRow .cs-footerInner {max-width: 1400px;margin: 0 auto;}
footer .cs-footerRow .cs-footerInner .cs-copyrightBox {text-align: left;padding: 0 17px;}
footer .cs-footerRow.top {background: #000000;}
footer,
footer a {color: #fff;}
footer a:hover {color: #fff;text-decoration: underline;}
footer .cs-footerRow.newsletter {display: none;}
footer .cs-footerRow.cs-payments {margin-top: 1.5em;display: none;}
footer .cs-footerRow.cs-payments .cs-footerInner {display: flex;justify-content: center;}
footer .cs-footerBox {width: 50%;}
footer .cs-footerBox ul {column-count: 2;}
footer .cs-footerBox .cs-footerBoxHeader {font-weight: 600;font-size: 25px;}
footer .cs-footerTop {padding: 40px 15px 20px 15px;margin-top: 0;}
/* slider */
.theme-default .nivo-caption .cs-captionWrapper {max-width: 33%;font-size: 34px;line-height: 30px;}
.theme-default .nivo-caption {font-family: 'Vodafone regular', sans-serif !important;opacity: 1;}
.cs-startSlider a.cs-topDeals {position: relative;background: #E11F1C;display: block !important;width: 200px;text-align: center;padding: 10px;color: #fff !important;border-radius: 6px;margin-top: 1em;margin-left: 8px;font-weight: 300;}
.cs-startSlider a.cs-topDeals:hover {transform: scale(1.1);}
/* detail */
body .cs-articleDetail .cs-bestellButtons input {padding: 16px;}
body .cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {background: #fff;padding: 1em;border-radius: 6px;}
article.cs-articlePreviewSmall {background: #fff;padding: 1em;border-radius: 6px;}
body .cs-articleDetail .cs-detailArtnum {margin-bottom: 1em;}
/* checkout */
.cs-checkOut .logo {margin: 1em 0;}
.cs-checkOut #infoblock {padding-bottom: 11px;}
.cs-basektRightBoxInner .cs-errorBox {margin-top: 10px;}

/* work since 23.06.2023 */
.cs-categoriesTop a {padding: 14px;display: block;}
.cs-categoriesTop > ul.cs-categories1 > li {position: unset !important;margin-right: 0;}
.cs-categoriesTop > ul.cs-categories1 > li:hover > ul.cs-categories2 {visibility: visible;opacity: 1;transform: translateY(0);}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 {padding-left: 5em;position: absolute;z-index: -1;display: block;width: 100%;left: 0;background-color: rgba(235,235,235,0.98);transition: all .3s ease .3s;visibility: hidden;opacity: 0;transform: translateY(-20px);}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li {float: left;margin-right: 1em;}
.cs-categoriesTop ul li .cs-menuItem {z-index: 0;}
.cs-categoriesTop ul li .cs-menuItem .cs-categorieName svg {display: none;}
header .cs-categoriesTop > ul > li > .cs-menuItem > a:hover {border-bottom: 0 solid #E11F1C;}
header .cs-categoriesTop > ul > li > .cs-menuItem > a {border-bottom: 0 solid #fff;font-size: 23px;color: #333;padding: 23px 30px;}
header .cs-headerContent {padding: 0;}
.cs-logo {margin: 11px;position: relative;z-index: 2;background: #fff;}
header .cs-headerContent {max-height: 72px;}
header .cs-headerContent > div {position: relative;background: #fff;}
.cs-categoriesBox {position: unset !important;}
.cs-categoriesTop ul.cs-categories2 > li:hover, .cs-categoriesTop ul.cs-categories2 > li > ul.cs-categories3 > li:hover, .cs-categoriesTop ul.cs-categories2 > li > ul.cs-categories3 > li > ul.cs-categories4 > li:hover {background: #fff;color: #E11F1C;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li:hover > ul.cs-categories3 {display: flex;flex-wrap: wrap;width: 100%;padding-left: 80px;left: 0;right: 0;top: 52px;box-shadow: 0 1px 3px rgba(50,50,50,0.2);}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li {position: unset;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 a {padding: 14px 24px;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 a:hover {color: #DF1614;} 
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 {transition: all .3s ease .3s;visibility: hidden;opacity: 0;transform: translateY(-40px);}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li:hover > ul.cs-categories3 {visibility: visible;opacity: 1;transform: translateY(0);}

.cs-actionButton form {width: 100%;}
html body .cs-main .cs-mainContent .cs-secondaryButton,
html body .cs-secondaryButton,
html body .cs-button3 {border: 2px inset rgba(1,1,1,1);box-shadow: none;background: #fff;-webkit-appearance: none;font-size: 16px;padding: 8px 16px;display: inline-flex !important;flex-wrap: nowrap;align-items: center;font-weight: 400;height: 40px;margin-bottom: 16px;border-radius: 6px;}
html body .cs-main .cs-mainContent .cs-secondaryButton:hover {border: 2px inset rgba(1,1,1,1);box-shadow: none;}
html body .cs-main .cs-mainContent .cs-primaryButton,
html body .cs-main .cs-mainContent .cs-button1,
html body .cs-primaryButton,
html body .cs-button1 {font-weight: 400;box-shadow: none;color: #fff;border: 0;background: #e60000;-webkit-appearance: none;font-size: 16px;padding: 8px 16px;padding: 0 2em;display: inline-flex !important;flex-wrap: nowrap;align-items: center;font-weight: 400;height: 40px;margin-bottom: 16px;border-radius: 6px;}
html body .cs-main .cs-mainContent .cs-primaryButton:hover,
html body .cs-main .cs-mainContent .cs-button1:hover {box-shadow: none;}
html body .cs-main .cs-mainContent .cs-primaryButton a,
html body .cs-main .cs-mainContent .cs-button1 a,
html body .cs-primaryButton a {color: #fff;}

html body.cs-checkOut .cs-secondaryButton {border: 2px inset rgba(1,1,1,1);box-shadow: none;background: #fff;-webkit-appearance: none;font-size: 16px;padding: 8px 16px;display: inline-flex !important;flex-wrap: nowrap;align-items: center;height: 40px;margin-bottom: 16px;border-radius: 6px;}
html body.cs-checkOut .cs-secondaryButton:hover {border: 2px inset rgba(1,1,1,1);box-shadow: none;}
html body.cs-checkOut .cs-primaryButton,
html body.cs-checkOut .cs-button1 {font-weight: 400;box-shadow: none;width: auto;float: right;color: #fff;border: 0;background: #e60000;-webkit-appearance: none;font-size: 16px;padding: 8px 16px;padding: 0 2em;display: inline-flex !important;flex-wrap: nowrap;align-items: center;font-weight: 400;height: 40px;margin-bottom: 16px;border-radius: 6px;}
html body.cs-checkOut .cs-primaryButton:hover,
html body.cs-checkOut .cs-button1:hover {box-shadow: none;}
html body.cs-checkOut .cs-primaryButton a,
html body.cs-checkOut .cs-button1 a {color: #fff;}

input[type="number"]#wkmenge {padding: 10px;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="plus"] {top: 3px;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="minus"] {top: 3px;}

#tabs .tabcontent {box-shadow: 0px 2px 8px 0px #00000029;background: #fff;border-radius: 6px;padding: 1em;}
#tabs .tabs.activeTab span {border-bottom: 0 solid #E60000;}
#tabs .tabs.activeTab {border-bottom: 4px solid #E60000;}
#tabs .tabs {font-size: 19px;padding: 1em 0 9px 0;padding: 10px 1em;}
#tabs .tabs span {padding: 10px 2em;}

.cs-basektRightBox {margin-bottom: 1em;}

header {background: #fff;position: relative;z-index: 6;}
.cs-blackOverlay {z-index: 6;}
header .cs-miniButtons > ul > li.cs-searchBar {position: unset;}
.h2, h2 {line-height: 1em;}
.cs-mobileInfosites .cs-closeOverlay .cs-svgIcon {top: -5px !important;}
.cs-infoBox {background: #fff;}

.cs-topPages .cs-infosites .cs-svgIcon {width: 11px;top: 6px;left: -6px;}
.cs-topPages .cs-infosites .cs-svgIcon path {fill: #fff;}
.cs-categoryPreview .cs-categoryName {display: none;}

.ui-widget.ui-widget-content {border: 1px solid #d3d3d3;border-radius: 6px !important;overflow: hidden;box-shadow: 0px 2px 8px 0px #00000029;}
.wkAddLayer .cs-addArticleRow {margin-top: 17px;border-top: 1px solid #dadadd;padding-top: 17px;}
.ui-dialog .ui-dialog-content {padding: 1em 1em 0 1em !important;}
.wkAddLayer .cs-backToShopping {padding-top: 0;}
.ui-button .ui-icon {filter: brightness(0) invert(1);}

.cs-basektRightBox .cs-backToShopping {display: inline-block;margin-top: 1em;margin-left: 1em;}
.cs-statusbar li.cs-basketSteps.active {background: #ffffff;border-bottom: 4px solid #e60000;}

.cs-form .cs-formRow span.label {top: -23px;left: -3px;background: rgba(0,0,0,0);}
.cs-form .cs-formRow .cs-formRow-column {margin-top: 8px;}
.cs-secondInfoBox {background: #ffffff;border: 0px solid #dadadd;}

.cs-statusbar li.cs-basketSteps.cs-wback {background: #fff;}
.cs-fastNavigation input {width: 100%;}

.cs-searchBar .cs-button1 {text-align: center;display: block !important;padding: 0;}

.cs-basektLeftBox h3 {margin-bottom: 1em;}
.cs-searchBar .cs-searchBlock {width: 500px;max-width: 100%;}
#liveSearchResult ul.cs-livesearch li {border-radius: 6px;background: #e6e6e6;}
#liveSearchResult ul.cs-livesearch li a {color: #000;}
#liveSearchResult {margin-top: 1em;}
.cs-sso .cs-button1 {margin: 10px;}
#liveSearchResult ul.cs-livesearch li:hover {background: #f8f8f8;}

/*grenchoice*/
article.cs-articlePreview.cs-green {box-shadow: inset 0 0 0 15px #71AD47;}
article.cs-articlePreview.cs-green::before {content: "GREENFORCE";font-size: 12px;height: 0px;width: 50px;position: absolute;top: -4px;color: #fff;left: 15px;z-index: 999;background: #71AD47;}
article.cs-articlePreview.cs-green::after {content: "NACHHALTIG";font-size: 12px;height: 0px;width: 50px;position: absolute;bottom: 20px;color: #fff;left: 15px;background: #71AD47;}

/* änderungen 23.08.2023 - #38262 */
.cs-categoryPreview .cs-categoryName {display: block;}
.cs-productListing, .cs-categoryList {margin-left: 0;margin-right: 0;}

/* änderungen 21.05.2023 - #44935 */
html body.cs-checkOut .cs-buynow .cs-button1 {float: none;}
html body.cs-checkOut #basketTableStep5Footer .cs-row {justify-content: right;display: flex;}