*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*,*:hover,*:focus{outline:none;}
input[type="checkbox"]:focus {outline: 1px solid #999;}

/* colors *************************************************************************** */
:root {
  --primaryBackground: #111111;
  --primaryColor: #ffffff;
  --greenBadge: #199c29;
  --yellowBadge: #d63a2a;
  --redBadge: #bf251e;
}

.cs-svgIcon {width: 2.1em;height: 2.1em;}
.cs-svgIcon path {fill: #121212;}
.cs-infoBox svg,
.cs-freeBox svg {height: 1.5em;position: relative;top: 4px;}

.cs-lagerBox {font-size: 12px;}
.cs-lagerBox .cs-stock1 {color: #16b339;}
.cs-lagerBox .cs-stock2 {color: #f58820;}
.cs-lagerBox .cs-stock3 {color: #E05048;}

header .cs-menuBar .menuButton > a {background: var(--primaryBackground);}
footer .footerNewsletterBox .newsletterSubmit {background: var(--primaryBackground);}
a {color: #111;text-decoration: none;}
a.underline {text-decoration: underline;}
a:hover {transition: .3s;color: #000;}
img {max-width: 100%;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar {width: 1em;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #343434;}

/* articlepreview */
article.cs-articlePreview .pictureContainer .cs-hoverlay .fastButtons .actionButton:hover {background: var(--primaryBackground);}
article.cs-articlePreview .badgesBox .badgeGreen {background: var(--greenBadge);color: #fff;}
article.cs-articlePreview .badgesBox .badgeYellow {background: var(--yellowBadge);color: #fff;}
article.cs-articlePreview .badgesBox .badgeRed {background: var(--redBadge);color: #fff;}

/* slider */
.theme-default .nivo-controlNav a {background: #cecece !important;}
.theme-default .nivo-controlNav a.active {background: #969696 !important;}
body .cs-startSlider {display: block;max-width: 100%;width: 2030px;margin: 0 auto;}

/* buttons (cs-body class for jquery ui overwrites) */
.cs-body .cs-button1 {padding: 0.72em 1em;font-size: 1rem;border: 0;background: #000000;color: #fff;border: 0;cursor: pointer;display: inline-block;margin-bottom: 4px;}
.cs-body .cs-button1:hover {background: #000000;color: #fff;}
.cs-body .cs-button2 {width: auto;padding: 0.72em 2em;background: #f5f5f5;color: #111111;border: 0;cursor: pointer;display: inline-block;margin-bottom: 4px;}
.cs-body .cs-button2:hover {background: #f5f5f5;color: #111111;}
.cs-body .cs-button3 {width: auto;padding: 0.72em 2em;background: #ffffff;color: #111111;border: 1px solid #111;cursor: pointer;display: inline-block;margin-bottom: 4px;}
.cs-body .cs-button3:hover {background: #ffffff;color: #111111;}

.cs-primaryColored {background: #000000;color: #ffffff;}
.cs-primaryColored:hover {background: #111111;}
.cs-secondaryColored {background: #A3BA2C;color: #ffffff;}
.cs-secondaryColored:hover {background: #A3BA2C;}

.cs-badgesBox {position: absolute;left: 3%;top: 3.5%;z-index: 2;}
.cs-badgesBox.cs-right {position: absolute;right: 3%;top: 3.5%;z-index: 2;left: auto;}
.cs-badgesBox .singleBadge {position: relative;padding: 1em;font-size: 0.8rem;margin-bottom: 0.1em;border-radius: 100%;height: 4em;width: 4em;align-items: center;justify-content: center;display: flex;}
.cs-badgesBox .badgeYellow {background: var(--yellowBadge);color: #fff;}
.cs-badgesBox .badgeGreen {background: var(--greenBadge);color: #fff;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {white-space: break-spaces;color: #111111;margin: 0;font-weight:500;display: block;max-width: 100%;}
.h1, h1 {font-size: 2.25rem;margin: 1em 0;line-height: 1.1em;}
.h2, h2 {font-size: 2rem;}
.h3, h3 {font-size: 1.75rem;}
.h4, h4 {font-size: 1.5rem;margin: 1em 0;}
.h5, h5 {font-size: 1.25rem;margin: 1em 0;}
.h6, h6 {font-size: 1rem;}

.cs-primaryHeading {margin: 1em 0;font-weight: 500;}
.cs-secondaryHeading {margin: 1em 0;font-weight: 500;}

article.cs-articlePreview .priceBox .priceRow .price span,
article.cs-articlePreviewSmall .articlePreviewSmallPriceBox .price span {font-size: 1rem;font-weight: 500;color: #878787;}

input[type="text"].rot, input[type="email"].rot, input[type="password"].rot, input[type="number"].rot, input[type="date"].rot, select.rot, textarea.rot {border-color: #c72121;}
/* colors *************************************************************************** */

html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;}
body {font-family: 'Poppins', sans-serif;font-weight: 400;color: #000000;font-size: 0.875rem;line-height: 1.5;letter-spacing: -.01em;}
input[type="number"] {-moz-appearance:textfield;appearance:textfield;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], select, textarea {font-size: 100% !important;position: relative;margin-bottom: 0.3em;background: #ffffff;border: 1px solid #dadada;padding: 0.9em;max-width: 100%;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, select:focus, textarea:focus {font-size: 100% !important;}
select {cursor: pointer;background-color: #f7f7f7;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");}
select {background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 16px 12px;width: 13em;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
ul.noList {padding: 0;margin: 0;list-style: none;}
img {max-width: 100%;}
label {margin-bottom: 0;}
input[type="checkbox"] {top: 2px;position: relative;}

.cs-noScrollbar {-ms-overflow-style: none;scrollbar-width: none;}
.cs-noScrollbar::-webkit-scrollbar {display: none;}

.cs-column1 {column-count: 1;}
.cs-column2 {column-count: 2;}
.cs-column3 {column-count: 3;}
.cs-column4 {column-count: 4;}
.cs-column5 {column-count: 5;}
.cs-column6 {column-count: 6;}

.isHidden,
.hidden,
.cs-hidden {display: none;}
.cs-bold {font-weight: 500;}
.cs-underline {text-decoration: underline;}
.cs-lineThrough {text-decoration: line-through;}
.cs-hr {width: 100%;background: #dadadd;height: 1px;margin: 1em 0;}
.cs-cp {cursor: pointer;}

.cs-overlayButton, 
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.cs-box-50 {width: 50%;}
.cs-box-75 {width: 75%;}
.cs-box-100 {width: 100%;}

/* overlay navigation */
.cs-blackOverlay {background: rgba(0,0,0,0.8);position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;z-index: 1000;}
.cs-overlay {display: none;width: 320px !important;height: 100%;max-height: 100%;position: fixed;top: 0;left: 0;z-index: 1010;background: #f2f2f2;}
.cs-overlay aul {display: block;}

/* rows */
.cs-row {width: 100%;}
.cs-row .cs-column-50 {width: 49%;}

/* flex */
.cs-flex {display: flex;}
.cs-flexWrap {flex-wrap: wrap;}
.cs-flexSpaceBetween {justify-content: space-between;}
.cs-justifyCenter {justify-content: center;}
.cs-alignItems {align-items: center;}
.cs-container {max-width: 84em;width: 100%;padding: 0 5px;margin: 0 auto;}
.cs-flexReverse {flex-direction: row-reverse;}

.cs-resizeContainer {margin-left: -1.5em;margin-right: -1.5em;}
.cs-box {max-width: 84em;width: 100%;padding: 0 5px;margin: 0 auto;}
.cs-start .cs-box {max-width: 100%;width: 100%;padding: 0;}

/* general layoyut */
body.cs-start aside.cs-aside {display: none;}
body.cs-start section.cs-mainContent {width: 100%;}
.cs-distanceHolder {margin: 2em 0;}
.cs-overflow {overflow: hidden;}
.cs-productListing,
.cs-categoryList {margin-left: -1em;margin-right: -1em;}
.cs-topPages .cs-informationsHeader, 
.cs-mobileCategorys .cs-mobileCategorysHeader,
.cs-compareHeader {font-weight: 600;font-size: 1.1rem;color: #fff;background: #111111;padding: 0.7em 0.4em;margin-bottom: 0.5em;}
.cs-smallHeader {margin: 0 0 0.6em 0;font-weight: 500;font-size: 1rem;}
.cs-accountBackButton {margin-bottom: 1em !important;}
.cs-categoriesTop ul li.area-vertical {display: none;}

/* banner */
.cs-bannerRow {overflow: hidden;position: relative;}
.cs-bannerRow  img {max-width: 100%;visibility: hidden;display: block;}
.cs-bannerRow .cs-bannerItem {background-size: cover;background-repeat: no-repeat;background-position: center center;}
/* 1 */
.cs-bannerRow.cs-bannerLayout1 {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1.5em;}
/* 2 */
.cs-bannerRow.cs-bannerLayout2 {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout2 .cs-bannerItem:nth-of-type(1),
.cs-bannerRow.cs-bannerLayout2 .cs-bannerItem:nth-of-type(4),
.cs-bannerRow.cs-bannerLayout2 .cs-bannerItem:nth-of-type(7),
.cs-bannerRow.cs-bannerLayout2 .cs-bannerItem:nth-of-type(10) {grid-row: span 2 / auto;}
/* 3 */
.cs-bannerRow.cs-bannerLayout3 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1.5em;}
/* 4 */
.cs-bannerRow.cs-bannerLayout4 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout4 .cs-bannerItem:nth-of-type(1), 
.cs-bannerRow.cs-bannerLayout4 .cs-bannerItem:nth-of-type(3),
.cs-bannerRow.cs-bannerLayout4 .cs-bannerItem:nth-of-type(5),
.cs-bannerRow.cs-bannerLayout4 .cs-bannerItem:nth-of-type(7),
.cs-bannerRow.cs-bannerLayout4 .cs-bannerItem:nth-of-type(9),
.cs-bannerRow.cs-bannerLayout4 .cs-bannerItem:nth-of-type(11) {grid-row: span 2 / auto;}
/* 5 */
.cs-bannerRow.cs-bannerLayout5 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout5 .cs-bannerItem:nth-of-type(1),
.cs-bannerRow.cs-bannerLayout5 .cs-bannerItem:nth-of-type(6),
.cs-bannerRow.cs-bannerLayout5 .cs-bannerItem:nth-of-type(11),
.cs-bannerRow.cs-bannerLayout5 .cs-bannerItem:nth-of-type(16) {grid-row: span 2 / auto;}
/* 6 */
.cs-bannerRow.cs-bannerLayout6 {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout6 .cs-bannerItem:nth-of-type(1),
.cs-bannerRow.cs-bannerLayout6 .cs-bannerItem:nth-of-type(4),
.cs-bannerRow.cs-bannerLayout6 .cs-bannerItem:nth-of-type(7),
.cs-bannerRow.cs-bannerLayout6 .cs-bannerItem:nth-of-type(10),
.cs-bannerRow.cs-bannerLayout6 .cs-bannerItem:nth-of-type(13) {grid-column: span 2 / auto;}
/* 7 */
.cs-bannerRow.cs-bannerLayout7 {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout7 .cs-bannerItem {grid-column: span 2 / auto;grid-row: span 2 / auto;}
/* 8 */
.cs-bannerRow.cs-bannerLayout8 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout8 .cs-bannerItem:nth-of-type(3n) {grid-column: span 2 / auto;}
/* 9 */
.cs-bannerRow.cs-bannerLayout9 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout9 .cs-bannerItem:nth-of-type(4n) {grid-column: span 3 / auto;}
/* 10 */
.cs-bannerRow.cs-bannerLayout10 {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 1.5em;}
/* 11 */
.cs-bannerRow.cs-bannerLayout11 {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 1.5em;}
/* 12 */
.cs-bannerRow.cs-bannerLayout12 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout12 .cs-bannerItem:nth-of-type(1),
.cs-bannerRow.cs-bannerLayout12 .cs-bannerItem:nth-of-type(4),
.cs-bannerRow.cs-bannerLayout12 .cs-bannerItem:nth-of-type(7),
.cs-bannerRow.cs-bannerLayout12 .cs-bannerItem:nth-of-type(10),
.cs-bannerRow.cs-bannerLayout12 .cs-bannerItem:nth-of-type(13) {grid-column: span 2 / auto;}
/* 13 */
.cs-bannerRow.cs-bannerLayout13 {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1.5em;}
.cs-bannerRow.cs-bannerLayout13 .cs-bannerItem:nth-of-type(3),
.cs-bannerRow.cs-bannerLayout13 .cs-bannerItem:nth-of-type(8),
.cs-bannerRow.cs-bannerLayout13 .cs-bannerItem:nth-of-type(13),
.cs-bannerRow.cs-bannerLayout13 .cs-bannerItem:nth-of-type(18) {grid-column: span 2 / auto;}
/* 14 */
.cs-bannerRow.cs-bannerLayout14 {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 1.5em;}

/* articleInfos */
.cs-artPreviewName {font-size: 1rem;font-weight: 500;}
.cs-artPrice {font-size: 1rem;font-weight: 500;color: #878787;}

/* H headings */
h1.cs-siteHeading {text-align: left;margin: 2em 0 0.5em 0;font-size: 2.25rem;letter-spacing: 0.5px;font-weight: 400;}
h2.cs-siteHeading {text-align: left;margin: 2em 0 0.5em 0;font-size: 20rem;letter-spacing: 0.5px;font-weight: 400;position: relative;}
h3.cs-siteHeading {text-align: center;margin: 2em 0 0.5em 0;font-size: 1.5rem;letter-spacing: 0.5px;font-weight: 600;position: relative;text-transform: uppercase;}
h3.cs-siteHeading span {display: inline-block;background-color: #fff;padding: 0 30px;position: relative;}
h3.cs-siteHeading:before {content: "";width: 100%;top: 25px;height: 1px;display: block;background-color: #e1e1e1;position: absolute;}
h4.cs-siteHeading {text-align: left;margin: 2em 0 0.5em 0;font-size: 1.50rem;letter-spacing: 0.5px;font-weight: 400;}
h2.cs-betHeading {text-align: center;margin: 2em 0 0.5em 0;font-size: 1.5rem;letter-spacing: 0.5px;font-weight: 600;position: relative;text-transform: uppercase;}
h2.cs-betHeading:before {content: "";width: 100%;top: 25px;height: 1px;display: block;background-color: #e1e1e1;position: absolute;}
h2.cs-betHeading span {display: inline-block;background-color: #fff;padding: 0 30px;position: relative;}
.cs-subtitle {margin-bottom: 7em;text-align: center;color: #777;}

/* forms */
.cs-form .cs-formRow {margin: 1em 0;position: relative;}
.cs-form .cs-formRow .cs-formRow-column {width: calc(100%/2 - 0.5%);position: relative;margin-bottom: 0;}

.cs-form .cs-formRow .cs-formRow-column input[type="text"],
.cs-form .cs-formRow .cs-formRow-column input[type="password"],
.cs-form .cs-formRow .cs-formRow-column input[type="email"],
.cs-form .cs-formRow .cs-formRow-column input[type="number"],
.cs-form .cs-formRow .cs-formRow-column input[type="date"],
.cs-form .cs-formRow .cs-formRow-column select,
.cs-form .cs-formRow .cs-formRow-column textarea {width: 100%;}

.cs-form .cs-formRow input[type="text"],
.cs-form .cs-formRow input[type="password"],
.cs-form .cs-formRow input[type="email"],
.cs-form .cs-formRow input[type="number"],
.cs-form .cs-formRow input[type="date"],
.cs-form .cs-formRow select,
.cs-form .cs-formRow textarea {width: 100%;}

.cs-form .cs-formRow span.label {margin: 0;display: block;position: absolute;top: -10px;left: 10px;background: #fff;padding: 0 6px;border-radius: 0.3em;z-index: 1;}
.cs-form .cs-formRow .cs-forgotPassword {margin-top: 0.3em;margin-left: 0.3em;margin-bottom: 0.6em;}

.cs-form  .ccs-secondColumn {word-wrap: break-word;}

/* infoboxes */
.cs-secondInfoBox {background: #f5f5f5;color: #000000;padding: 0.5em 1em;overflow: hidden;border: 1px solid #dadadd;margin-bottom: 2em;border-radius: 0.2em;}
.cs-successBox {background: #cff3c0;color: #000000;padding: 0.3em 0.6em;margin-bottom: 2em;display: inline-block;}
.cs-infoBox {background: #e8f0fe;color: #000000;padding: 0.3em 0.6em;margin-bottom: 2em;display: block;}
.cs-infoBox a {text-decoration: underline;}
.cs-errorBox {background: #ffffff;padding: 0.3em 0.6em;color: #dc111f;margin-bottom: 2em;display: block;padding: 0.3em 0.6em;}
.cs-errorBox a {color: #dc111f;text-decoration: underline;}

/* datenschutz */
.cs-dsBox {margin: 0.7em 0.3em;}
.cs-dsBox a {text-decoration: underline;}

/* newsletter */
.cs-newsletterBox {margin: 0.7em 0.3em;}
.cs-newsletterBox a {text-decoration: underline;}

/* rating */
.ratingLabels i {font-size: 1.4rem;color: #f1aa0a;}

/* sitewide settings */
.cs-standardPrice {font-size: 1rem;font-weight: 500;color: #878787;}
.cs-oldPrice {color: #ff2a00;font-size: 1rem;font-weight: 400;}
.cs-articleName {font-size: 1rem;font-weight: 500;}
.cs-articleFirstPrice {font-size: 1rem;font-weight: 500;color: #878787;}
.cs-articleSecondPrice {color: #ff2a00;font-size: 1rem;}

/* stock */
.cs-outOfStock {color: #f00;border-radius: 3px;margin-bottom: 0.5em;background: #fff3f3;display: inline-block;font-size: 0.75rem;padding: 0.1em 0.5em;}
.cs-inStock {color: #37ca1c;border-radius: 3px;margin-bottom: 0.5em;background: #f1fff1;display: inline-block;font-size: 0.75rem;padding: 0.1em 0.5em;}
.cs-middleStock {color: #d78f23;border-radius: 3px;margin-bottom: 0.5em;background: #ffea81;display: inline-block;font-size: 0.75rem;padding: 0.1em 0.5em;}

/* slick slider */
.slick-slider .slick-slide {float: none;width: calc(100%/5 - 2em;);margin: 0 1em;}
.slick-slider .slick-track {width: 100%;display: flex;flex-wrap: wrap;}

/* jquery ui */
.ui-widget, .ui-widget-header {font-family: 'Poppins', sans-serif !important;}
.ui-dialog {border: medium none !important;border-radius: 0 !important;padding: 0px !important;position: fixed !important;}
.ui-widget-header {margin: 5px !important;background: #494949 !important;border: 1px none #aaa !important;color: #ffffff !important;border-radius: 0px !important;text-transform: none !important;padding: 9px 14px !important;font-weight:normal !important;}
.ui-widget-content {color: #666666 !important;}
.ui-widget {color: #666666 !important;}
.ui-widget-overlay {background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat scroll 50% 50% #000 !important;opacity: 0.75 !important;z-index: 20012 !important;}
.ui-state-default::before .ui-icon::before {display: inline-block !important;font-family: "cs" !important;font-style: normal !important;font-variant: normal !important;line-height: 2em !important;margin-left: 0.2em !important;margin-right: 0.2em !important;text-align: center !important;text-decoration: inherit !important;text-transform: none !important;width: 7em !important;background: none !important;}
.ui-front {z-index: 20013}
.ui-icon::before {content: "" !important;}
.ui-corner-all {border-radius: 0px !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;}
.ui-dialog .ui-dialog-titlebar-close {height: 30px !important;margin: -15px 0 0 !important;padding: 1px !important;position: absolute !important;right: 0.3em !important;top: 50% !important;width: 30px !important;background: var(--primaryBackground) !important;border: 0 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #fff !important;border: 1px none #d3d3d3 !important;color: #555 !important;}
.ui-dialog .ui-dialog-titlebar {background: var(--primaryBackground) !important;margin: 0 !important;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Poppins', sans-serif !important;}
.ui-dialog .ui-dialog-content {position: relative;border: 0;padding: 1em !important;}
.ui-widget.ui-widget-content {width: 450px;max-width: 90% !important;}

/* trusted shops */
[id^="trustbadge-container-"] > div > div {right: 15px !important;left: auto !important;}

/* uimenu */
.ui-menu .ui-menu-item-wrapper {position: relative;padding: 0px !important;}
.ui-menu .ui-menu-item {border-bottom: 1px solid #dadadd;padding: 0.3em;font-size: 0.85rem;}
.ui-menu .ui-menu-item:hover {background: #f2f2f2;}
.ui-menu .ui-menu-item:last-of-type {border: 0;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 0 solid #aaa !important;background-image: none !important;font-weight: normal;color: #212121;}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {margin: 0 !important;}

/* redesign 2024 */
.cs-bannerRow.cs-container {margin-toP: 5em;}
.cs-subtitle {display: none;}
.cs-footerPayments ul {justify-content: center;}
.cs-footerService {background: var(--primaryBackground);;color: #fff;text-align: center;padding: 1em 0;font-size: 27px;margin-top: 3em;display: flex;justify-content: center;align-items: center;gap: 1em;}
.cs-footerService svg {width: 2em;}
footer .cs-footerRow .cs-footerTop {margin-top: 0;}
.cs-footerBannerRow {display: flex;gap: 2em;margin-top: 4em;flex-wrap: wrap;justify-content: space-around;}
.cs-footerBannerRow .cs-footerBannerItem {text-align: center;width: calc(100%/4 - 2em);}
.cs-footerCertificates {display: flex;flex-wrap: wrap;gap: 10px;justify-content: space-around;padding: 0 15px 4em 15px;}
.cs-footerCertificates img {width: calc(100%/5 - 20px);}
.cs-footerCerti .cs-footerInner {padding: 0 22px;}

.cosmo-context {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

/* fonts */
/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  src: url('fonts/poppins/poppins-v15-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200 - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 200;
  src: url('fonts/poppins/poppins-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins/poppins-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url('fonts/poppins/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('fonts/poppins/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  src: url('fonts/poppins/poppins-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url('fonts/poppins/poppins-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins/poppins-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins/poppins-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins/poppins-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins/poppins-v15-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* barrierefreiheit */
: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;}
article.cs-articlePreview .priceBox .priceRow .price span {color: #383838 !important;}
.cs-articleDetail .cs-deliveryTime {color: #404040 !important;}
html body article.cs-articlePreview .priceBox .uvpBox {color: #d20b00;font-size: 1rem;}
html body .cs-crossSelling .item .price {font-size: 1rem;font-weight: 500;color: #252525;}
html body .cs-middleStock {color: #000000;}


/* tmp linke navigation komplett Cloudweit ausbauen https://svn.cosmoshop.org/issues/45139 - auch nochmal der Hinweis, ich habe davon abgeraten weil die Navi sicherlich viele Shops nutzen*/
html body aside.cs-aside {display: none;width: 0;}
html body section.cs-mainContent {width: 100%;}

/* responsive addSites snippets */
.cs-snippetRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}
.cs-snippetRow .col{flex:1 1 300px;min-width:280px;padding:10px}
.cs-snippetRow img,
.snippet img {max-width:100%;height:auto;border-radius:10px;display:block;width:auto}
.cs-snippetRow h2,.cs-snippetRow h3,.cs-snippetRow h4{margin-top:0;color:#222}
.cs-snippetRow p{margin:0 0 10px;color:#444;line-height:1.6}
.cs-snippetRow .card{background:#f9f9f9;border-radius:12px;padding:20px;text-align:center;transition:transform .2s}
.cs-snippetRow .card:hover{transform:translateY(-3px)}
.cs-snippetRow .card img{margin:0 auto 20px}
.cs-snippetRow .text-center{text-align:center}
.cs-snippetRow .text-center img{display:inline-block}
.cs-snippetRow .btn{display:inline-block;background:#6f6f6f;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;transition:background .2s}
.cs-snippetRow .btn:hover{background:#000}
.cs-snippetRow .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.cs-snippetRow .bg-dark{background:#222;color:#fff}
@media (max-width: 768px) {
  .cs-snippetRow { flex-direction: column; text-align: center; }
  .cs-snippetRow .col {flex: 1 1 auto;}
}