/* begin view mein_konto_menu */
.mein_konto_menu {position: relative;float: left;top: 2px;}
.mein_konto_menu .mein_konto_relative {position: relative;}
.mein_konto_menu i {cursor: pointer;font-size: 14px;color: #343434;padding-bottom: 10px;padding-right: 5px;}
.mein_konto_menu:hover .mein_konto_menu_box {display: block;}
.mein_konto_menu .mein_konto_menu_box {z-index: 30;display: none;position: absolute;border: 1px solid #dadadd;padding: 10px;min-width: 290px;background: #f5f5f5;margin-top: 9px;max-width: 100%;}
.mein_konto_menu .mein_konto_menu_box ul {list-style: none;margin: 0;padding: 0;}
.mein_konto_menu .mein_konto_menu_box ul li {border-bottom: 1px solid #dadadd;padding-bottom: 5px;margin-bottom: 5px;}
.mein_konto_menu .mein_konto_menu_box ul li:last-of-type {border: 0;padding: 0;margin: 0;}
.mein_konto_menu .mein_konto_menu_box::after {-webkit-transform: rotate(135deg);transform: rotate(135deg);width: 8px;width: .5rem;height: 8px;height: .5rem;top: -5px;top: -0.3125rem;left: 0.2rem;content: '';display: block;position: absolute;background: #f5f5f5;border-color: #dadae5;border-width: 0 0 1px 1px;border-style: solid}
.mein_konto_menu .mein_konto_menu_box a:hover {color: #343434;}

#mein_konto .mein_konto_menu {width: 100%;float: none;margin-right: 0;top: 0;}
#mein_konto .mein_konto_menu i {display: none;}
#mein_konto .mein_konto_menu .mein_konto_menu_box::after {display: none;}
#mein_konto .mein_konto_menu .mein_konto_menu_box {margin-top: 0;position: relative;padding: 0;display: block;}
#mein_konto .mein_konto_menu .mein_konto_menu_box a {padding: 10px;display: block;background: #f5f5f5;border-top: 1px solid #fff;border-left: 1px solid #fff;}
#mein_konto .mein_konto_menu .mein_konto_menu_box a:hover {background: #fff;}
#mein_konto .mein_konto_menu .mein_konto_menu_box ul li {background: #fff;border-bottom: 1px solid #dadadd;padding-bottom: 0;margin-bottom: 0;}
#mein_konto .mein_konto_menu .mein_konto_menu_box ul li:last-of-type {border: 0;padding: 0;margin: 0;}

#mein_konto .profileHeader {margin-bottom: 10px;}
.change_mail h1 {margin: 0;}
/* end view mein_konto_menu */

/* begin view bestellung_navizeile */
ul.cs-statusbar {margin: 2em 0 3em 0;}
.cs-statusbar li.cs-basketSteps {width: calc(100% / 4 - 0.5em);background: #f5f5f5;text-align: center;}
.cs-statusbar li.cs-basketSteps.active {background: #e8e8e8;}
.cs-statusbar li.cs-basketSteps.active a {font-weight: 500;}
.cs-statusbar li.cs-basketSteps a,
.cs-statusbar li.cs-basketSteps span {padding: 1em;display: block;}
/* end view bestellung_navizeile */

/* begin view generic_form */
#genericForm #formElements li {padding: 0;position: relative}
#genericForm .icon {background-color: white;color: #ff5533;border: 1px solid #ff5533;border-radius: 0.6em;width: 1.2em;height: 1.2em;line-height: 1.2em;text-align: center;user-select: none}
#genericForm .editHandle {margin-left: 0.5em;display: inline-block;cursor: pointer}
#genericForm .label .editHandle {margin-left: 0.5em;font-size: 1.5em;margin-top: -0.25em;display: inline-block;cursor: pointer}
#genericForm .label.editable {max-width: calc(100% - 6em)}
#genericForm .editText input {padding: 0.2em;margin: 0;border: 2px dashed #ff5533}
#genericForm .editText textarea {padding: 0.2em;margin: 0;border: 2px dashed #ff5533;width: calc(100% - 6em)}
#genericForm .formElement .cs-infoBox {margin-bottom: 1.5em;margin-right: 0.5em}

html body #genericForm .formElement.size_1 {width: 100%}
html body #genericForm .formElement.size_2 {width: calc(100% / 2 - 0.5em)}
html body #genericForm .formElement.size_3 {width: calc(100% / 3 - 10px)}

html body #genericForm #formElements {list-style-type: none;margin: 0;padding: 0;width: 100%}
html body #genericForm .label .editHandle {font-size: 20px;}
html body #genericForm .sortHandle {position: absolute;right: 7px;top: 11px;font-size: 26px;cursor: move;}
html body #genericForm .gearHandle {position: absolute;right: 34px;top: 9px;font-size: 30px;cursor: pointer;}
html body #genericForm .icon,
html body #genericForm .gearHandle {background-color: white;color: #c6c6c6;border: none;border-radius: 0.6em;width: 1.2em;height: 1.2em;line-height: normal;text-align: unset;user-select: none;display: flex;align-items: center;justify-content: center;}
html body #genericForm .icon svg {width: 26px;}
html body #genericForm .icon:hover {color: #b34339;}
html body #genericForm span.optional {font-size: 12px;color: #949494;}
html body #genericForm #formElements {display: flex;flex-wrap: wrap;gap: 1em;}
html body #genericForm #formElements li {float: none;}
html body #genericForm #formElements .formElement.cs-formLinebreak .sortHandle {top: -11px;}
html body #genericForm #formElements .formElement.cs-formLinebreak .gearHandle {top: -13px;}
html body #genericForm .cs-formRow {margin: 5px 0;}
html body #genericForm .cs-linebreak {padding: 6px;}
html body #genericForm.cs-backend .cs-formLinebreak {background: #f7f7f7;margin-bottom: 4px;}
html body #genericForm textarea {resize: vertical;}
html body #genericForm .ui-state-highlight {height: 1.5em;line-height: 1.2em;}
html body #genericForm .ui-state-highlight {background: repeating-linear-gradient(-55deg, #fff, #fff 10px, #f1f1f1 10px, #f1f1f1 20px);border: 0;}

html body .formFieldEditPopup input[type="text"],
html body .formFieldEditPopup select,
html body .formSetupPopup input[type="text"],
html body .formSetupPopup select  {width: 100%;font-size: 100% !important;position: relative;cs-popupRow: 0.3em;background: #ffffff;border: 1px solid #dadada;padding: 0.9em;max-width: 100%;}
html body .formFieldEditPopup select {appearance: auto;}
html body .formFieldEditPopup {min-width: 400px;}
html body .formFieldEditPopup .cs-popupRowLabel,
html body .formSetupPopup .cs-popupRowLabel  {font-weight: 500;margin-top: 8px;}
html body .formFieldEditPopup .cs-popupRowSubmit input,
html body .formSetupPopup .cs-popupRowSubmit input  {background: #111;color: #fff;padding: 1em 2em;border: 0;border-radius: 5px;font-size: 20px;margin-top: 10px;}
html body .headline.cs-popupRow {font-weight: 600;font-size: 19px;}

html body .cs-formControlBar {border-radius: 5px;padding: 4px;background: #f7f7f7;display: flex;gap: 10px;}
html body .cs-formControlBar > div {display: flex;align-items: center;cursor: pointer;}

html body .formFieldEditPopup .cs-popupRow.cs-columnSettings select {display: none;}
html body .formFieldEditPopup .cs-popupRow.cs-columnSettings svg {max-width: 3em;cursor: pointer;margin-left: -5px;margin-right: 7px;}
html body .formFieldEditPopup .cs-popupRow.cs-columnSettings svg.cs-active g path {fill: #111;}
html body .formFieldEditPopup .cs-popupRow.cs-columnSettings svg g path {fill: #ccc;}
html body .formFieldEditPopup .cs-popupRow.cs-columnSettings svg:hover g path {fill: #111;}

html body #genericForm .cs-hinweisText {background: #f0f7ff;padding: 10px;border-radius: 5px;border: 1px solid #cccccc;margin-bottom: 10px;text-align: left;}

html body .cs-formControlBar svg {width: 20px;height: 20px;}
html body .cs-formControlBar input {background: rgba(0,0,0,0);border: 0;padding: 7px; 10px;cursor: pointer;color: #fff;text-shadow: 0 -1px 1px #646464;font-weight: bold;font-size: 12px !important;}
html body .cs-formControlBar > div {border-radius: 2px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px #2c2c2c;color: #fff;display: flex;padding: 0 6px;text-align: center;}
html body .cs-formControlBar .cs-languages {margin-left: auto;display: flex;align-items: center;background: #f7f7f7 !important;border: 0;box-shadow: none;}
html body .cs-formControlBar .cs-languages a {top: 3px;position: relative;}
html body .cs-formControlBar  .cs-generalSettings {
  background: rgba(185,120,152,1);
  background: -moz-linear-gradient(top, rgba(185,120,152,1) 0%, rgba(159,79,142,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(185,120,152,1)), color-stop(100%, rgba(159,79,142,1)));
  background: -webkit-linear-gradient(top, rgba(185,120,152,1) 0%, rgba(159,79,142,1) 100%);
  background: -o-linear-gradient(top, rgba(185,120,152,1) 0%, rgba(159,79,142,1) 100%);
  background: -ms-linear-gradient(top, rgba(185,120,152,1) 0%, rgba(159,79,142,1) 100%);
  background: linear-gradient(to bottom, rgba(185,120,152,1) 0%, rgba(159,79,142,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b97898', endColorstr='#9f4f8e', GradientType=0 );
}
html body .cs-formControlBar .cs-anotherField {
  background: rgba(87,164,206,1);
  background: -moz-linear-gradient(top, rgba(87,164,206,1) 0%, rgba(51,133,174,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,164,206,1)), color-stop(100%, rgba(51,133,174,1)));
  background: -webkit-linear-gradient(top, rgba(87,164,206,1) 0%, rgba(51,133,174,1) 100%);
  background: -o-linear-gradient(top, rgba(87,164,206,1) 0%, rgba(51,133,174,1) 100%);
  background: -ms-linear-gradient(top, rgba(87,164,206,1) 0%, rgba(51,133,174,1) 100%);
  background: linear-gradient(to bottom, rgba(87,164,206,1) 0%, rgba(51,133,174,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a4ce', endColorstr='#3385ae', GradientType=0 );
}

@media (max-width: 571.98px) { 
  html body #genericForm #formElements li {width: 100%;}
}
/* end view generic_form */

/* begin view suche */
.cs-searchResults .cs-articlePreview {width: calc(100% /3 - 2em);margin: 1em;}
/* end view suche */

/* begin view wk_add_layer */
.wkAddLayerContainer {display: none;}
.wkAddLayer .cs-addImage {width: 20%;margin-right: 1em;}
.wkAddLayer .cs-checkoutBtn {background: var(--primaryBackground);display: inline-block; margin-left: 1em;}
.wkAddLayer .cs-checkoutBtn a {color: var(--primaryColor);display: inline-block;padding: 0.6em 1em;}
.wkAddLayer .cs-backToShopping {padding-top: 0.7em;}
.wkAddLayer .cs-addArticleRow {margin-top: 0.6em;}
.wkAddLayer .cs-freeBox {background: #eee;padding: 10px;margin-top: 10px;font-size: 0.9rem;text-align: center;border: 1px solid #d9d9d9;}
/* end view wk_add_layer */

/* begin view artikel_vergleichen_navibox */
#ajax_vergleichen a i {font-size: 1.7rem;padding-top: 0.2em;}
#ajax_vergleichen .cs-item {border-bottom: 1px solid #dadadd;margin-bottom: 0.5em;padding-bottom: 0.5em;}
#ajax_vergleichen .cs-item:last-of-type {border: 0;}
#ajax_vergleichen .cs-item .text a {font-size: 1rem;font-weight: 500;}
#ajax_vergleichen .cs-item .price span {font-size: 1rem;font-weight: 500;color: #878787;}
#ajax_vergleichen .cs-item .icon {cursor: pointer;color: #bf251e;font-size: 0.8rem;}
#ajax_vergleichen .cs-productcomparison {margin-left: 0.7em;border-bottom: 1px solid #dadadd;padding-bottom: 0.7em;margin-bottom: 0.7em;}
#ajax_vergleichen .cs-productcomparison:last-of-type {border: 0;}
.cs-compareBox > a {display: inline-block; margin-left: 0.5em;}
#ajaxPopupContent .cs-ajaxCompareBox {min-width: 200px;}

.cs-compareBox .cs-closeOverlay svg {position: relative;top: -5px;right: -9px;}
.cs-compareBox .cs-closeOverlay svg path {fill: #fff;}
/* end view artikel_vergleichen_navibox */

/* begin view bestellung_zusatzseiten_oben */
.cs-checkoutMenu {position: relative;}
.cs-checkoutMenu > ul {display: flex;flex-wrap: wrap;}
.cs-checkoutMenu > ul > li {padding: 5px 15px 5px 0;}
.cs-checkoutMenu > ul > li > ul {display: none;position: absolute;left: -10px;padding: 0 10px 10px 10px;background: #fff;}
.cs-checkoutMenu > ul > li:hover ul {display: block;}
.cs-checkoutMenu svg {width: 11px;transform: rotate(90deg);}
.cs-checkoutMenu svg path {fill: currentColor;stroke-width: 0;}
/* end view bestellung_zusatzseiten_oben */

/* begin view versandkostenrechner */
.cs-versandKostenRechner h1 {margin-top: 0;}
.cs-versandKostenRechner table td {min-width: 15em; padding: 0.2em;}
.cs-versandKostenRechner .cs-infoBox {margin-top: 1em;}

/* end view versandkostenrechner */

/* begin view bestandsbenachrichtigung */
#bestandsbenachrichtigung .bb_error, #bestandsbenachrichtigung #bb_bestaetigung {display: none;}
#bestandsbenachrichtigung .requestBtn {background: var(--primaryBackground);color: var(--primaryColor);border: 0;padding: 0.7em 1em;margin-top: 1em;}
#bestandsbenachrichtigung .requestInput {width: 100%;margin-bottom: 1em;border: 0;padding: 0.7em 1em;}
/* end view bestandsbenachrichtigung */

/* begin view trichtersuche */
.cs-filterButton {font-size: 1.1rem;color: #ffffff;margin: 2em 0 2em 0em;cursor: pointer;background: var(--primaryBackground);padding: 0.5em 1.6em;display: inline-block;text-transform: uppercase;}
.cs-filterButton span {position: relative;top: -3px;}
.cs-filterButton img {max-width: 1.5em;position: relative;top: 4px;margin-right: 5px;}
.cs-filterBox {position: fixed;left: 0;top: 0;background: #ffffff;max-width: 23em;z-index:1001;height: 100vh;background: #f1f1f1;width: 100%;transition: transform 300ms ease-in 0s;display: none;}
.cs-filterBox.active {transform: translateX(0);}
.cs-filterBox .cs-filterHeading {padding: 1em 0 0 1em;}
.cs-filterOptionLess,
.cs-filterOptionMore {position: relative;}
.cs-filterOptionLess span, .cs-filterOptionMore span {position: relative;top: -10px;}

/* filter singlebox */
.cs-filterBox .cs-filterSingleBox {background: #fff;padding: 1em;margin-bottom: 1em;}
.cs-filterBox .cs-filterSingleBox ul li {width: calc(100% / 2);}
.cs-filterBox .cs-filterSingleBox ul li > .cs-filterTitle {display: inline-block;position: relative;top: -0.5em;font-size: 0.8rem;}

/* color */
.cs-filterBox .cs-colorBox {display: inline-block;height: 25px;width: 25px;margin: 0 4px 0px 0;border-radius: 5px;cursor: pointer;position: relative;}
.cs-filterBox .cs-colorBox.active::before {position: absolute;height: 25px;width: 25px;top: 0.2em;left: 7px;content: "✔";font-family: 'Poppins', sans-serif;font-weight: 400;}
.cs-filterBox .cs-colorBox.cs-multiColor {background-image: radial-gradient(farthest-side at 0 0, #f44336, rgba(244, 67, 54, 0)), radial-gradient(farthest-side at 100% 0, #e100ff, rgba(225, 0, 255, 0)), radial-gradient(farthest-side at 100% 100%, #2196f3, rgba(33, 150, 243, 0)), radial-gradient(farthest-side at 0 100%, #ffd800, rgba(255, 216, 0, 0));}
.cs-filterBox .cs-colorBox.cs-multiColor.active::before {color: #fff;}
/* size */
.cs-filterBox .cs-sizeBox {display: inline-block;height: 2em;width: 100%;margin: 0 0.4em 0.6em 0;border-radius: 5px;cursor: pointer;position: relative;border: 1px solid #a5a5a5;padding: 0.3em;text-align: center;line-height: 1.4em;}
.cs-filterBox .cs-sizeBox.active {background: #f1f1f1;}
.cs-filterBox .cs-filterSingleBox ul.cs-filterSize li {width: calc((100% / 4) - 0.6em);margin-right: 0.6em;}
.cs-filterBox .cs-filterSingleBox ul.cs-filterSize li:hover {border-color: #dadadd;}

.cs-filterBox .cs-filterItem {font-weight: 600;color: #121212;margin-bottom: 1em;}
.cs-filterBox .cs-filterSubmit {background: #ffffff;color: #343a40;padding: 0.5em 1em;margin-bottom: 1em;cursor: pointer;border: 1px solid #a5a5a5;display: inline-block;margin-left: 0.5em;}
.cs-filterBox .cs-filterRevert {background: #e4e4e4;color: #121212;border: 0;padding: 0.5em 1em;margin-bottom: 1em;cursor: pointer;border: 1px solid #a5a5a5;display: inline-block;margin-left: 0.5em;}
.cs-filterBox .cs-filterRevert:hover {background: #dddddd;}
.cs-filterBox .cs-subFilterBox {display: none;}
.cs-filterBox .cs-moreFilter {text-align: center;padding: 0.5em 0.5em 0 0.5em;background: #fff;margin: 1em 0;cursor: pointer;}
.cs-filterBox .cs-moreFilter:hover {background: #f9f9f9;}
.cs-filterBox .cs-moreFilter img {max-width: 2em;}

.cs-trichterForm .cs-activeFilterListBox {}
.cs-trichterForm .cs-activeFilterListBox ul li {width: calc((100% / 4) - 0.4em);background: #f1f1f1;margin: 0.2em;cursor: pointer;position: relative;height: 1.7em;display: flex;align-items: center;padding-left: 0.4em;}
.cs-trichterForm .cs-activeFilterListBox ul li:hover i {color: #121212;display: inline-block;}
.cs-trichterForm .cs-activeFilterListBox ul li i {position: absolute;right: 5px;top: 5px;display: inline-block;}
.cs-trichterForm .cs-activeFilterListBox ul li:hover:before {content:"X";position: absolute;right: 4px;top: 2px;height: 10px;width: 10px;}

.cs-filterBox .cs-overlayColumn {max-height: calc(100% - 30px);height: calc(100% - 30px);overflow-y: auto;position: relative;width: 100%;}
.cs-filterBox .cs-disabled {}
.cs-filterBox .cs-textdisabled {color: #b5b5b5;}
/* end view trichtersuche */

/* begin view mein_konto */
.cs-myAccount .cs-myAccountButtons {width: 50%;margin-bottom: 2em;background: #f7f7f7;padding: 1em 1em 1em 1em;}
.cs-myAccount .cs-myAccountButtons a {text-align: left;width: 100%;}
.cs-myAccount .cs-myAccountButtons a:hover {text-decoration: underline;}
.cs-myAccount .cs-myAccountButtons svg {top: 2px;position: relative;width: 1em;height: 1em;}
.cs-myAccount .cs-myAccountData {width: 45%;}
.cs-myAccount .cs-myAccountData label {font-weight: 500;}
.cs-myAccount .cs-accBtn {margin-bottom: 0.3em;}
.cs-myAccount .cs-accBtn i {margin-right: 0.6em;}
/* end view mein_konto */

/* begin view detail_reiter */
#tabs {margin-top: 3em;}
#tabs .tabcontent {display: none;padding: 1em 0;}
#tabs .tabcontent a {text-decoration: underline;}
#tabs .tabs {padding: 1em 2em 0.5em 0em;cursor: pointer;}
#tabs .tabs span {padding-bottom: 0.3em;}
#tabs .tabs.activeTab {font-weight: 600;}
#tabs .tabs.activeTab span {border-bottom: 1px solid #000;}
.cs-accessories {margin-bottom: 8em;}
#tabs .cs-tabHeader {font-weight: 500;margin-top: 1em;}
/* end view detail_reiter */

/* begin view artikel_vergleichen */
.cs-compareContainer {display: flex;flex-wrap: wrap;}
.cs-compareContainer .cs-ajaxCompareBox {width: calc(100%/3 - 1em);margin: 0.5em 0.5em;}
.cs-compareContainer .cs-ajaxCompareName {font-weight: 600;margin-bottom: 0.5em;}
.cs-compareContainer .cs-ajaxComparePrice .price {font-weight: 600;font-size: 1.1rem;padding-left: 0.2em;}
.cs-compareContainer .cs-ajaxCompareImage {max-height: 200px;height: 200px;padding-bottom: 1em;}
.cs-compareContainer .cs-ajaxCompareImage img {max-height: 100%;max-width: 100%;}
.cs-compareContainer .secondCurrency {padding-left: 4px;}
/* end view artikel_vergleichen */

/* begin view bestellung_schritt_4 */
.checkoutStep4 .buttonNext {margin-bottom: 1em;}
.checkoutStep4 .buttonLabel {padding: 0.5em 1em;display: inline-block;}
.checkoutStep4 .cs-mitteilung {width: 100%;min-height: 3em;}

.checkoutStep4 .cs-paymentBox,
.checkoutStep4 .cs-shippingBox {border: 1px solid #000000;border-radius: 0.2em;margin-right: 1em;position: relative;margin-bottom: 0.5em;}

.checkoutStep4 .cs-paymentBox.tempDisabled {border: 1px solid #dadadd;border-radius: 0.2em;margin-right: 1em;position: relative;color: #c1c1c1;font-weight: 300;}

.checkoutStep4 .cs-paymentBox label,
.checkoutStep4 .cs-shippingBox label {padding: 1em;display: block;}
.checkoutStep4 .cs-paymentBox input,
.checkoutStep4 .cs-shippingBox input {display: none;}
.checkoutStep4 .cs-paymentBox.active:after,
.checkoutStep4 .cs-paymentBox.active:after, .checkoutStep4 .cs-shippingBox.active:after {
    content: "●";
    height: 1em;
    width: 1em;
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    font-weight: 300;
    background: #000000;
    color: #fff;
    padding: 1px 1px 4px 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 24px;
}.checkoutStep4 .cs-addText {margin-top: 1em;}
.checkoutStep4 .cs-addText p {margin: 0;}
.checkoutStep4 .cs-addText .cs-helptext {font-weight: 500;}

.checkoutStep4 .agbRed {background: #ffe1e1;border-color: #b19c9c;}
/* end view bestellung_schritt_4 */

/* begin view change_mail */
.cs-changeMailForm .cs-changeMailBox {margin: 2em 0.3em;}
.cs-changeMailForm input[type="submit"] {margin-top: 1em;}

/* end view change_mail */

/* begin view bestellung_schritt_2 */
.cs-step2Container {margin-bottom: 4em;}
.cs-step2Container .cs-step2RegisterBox h4 {margin: 1em 0 0.5em 0;}
.cs-step2Container .cs-step2RegisterBox {width: calc(100%/2 - 1em);border-right: 1px solid #dadadd;padding-right: 4em;}
.cs-step2Container .cs-step2LoginBox {width: calc(100%/2 - 2em);}
.cs-step2Container .step2Button {margin-top: 0.5em;}
/* end view bestellung_schritt_2 */

/* begin view shopstart */
.cs-productlisting {overflow: hidden;}
.cs-bannerRow {margin-bottom: 2em;}
.cs-startTextBox {padding: 1em 0;background: #f1f1f1;}

/* end view shopstart */

/* begin view detail_ausfuehrung */
.cs-execution {margin: 0.5em 0 0.5em 0;}
.cs-execution input, .cs-execution select {margin-bottom: 5px;max-width: 350px;width: 100%;}
.cs-execution .cs-executionText textarea {width: 100%;}
.cs-listPager .cs-articlecount select[name="page_count"] {width: 6em;}
/* end view detail_ausfuehrung */

/* begin view livesearch */
#liveSearchResult {position: relative !important;top: auto !important;left: auto !important;margin-top: 0.1em;}
#liveSearchResult ul.cs-livesearch li {background: #000;border-bottom: 0.1em solid #fff;padding: 0.2em 0.4em;}
#liveSearchResult ul.cs-livesearch li:hover {background: #111;}
#liveSearchResult ul.cs-livesearch li a {color: #fff;}
#liveSearchResult .cs-allArticles {margin-top: 1em;background: #e4e4e4 !important;}
#liveSearchResult li.cs-allArticles a {color: #000 !important;}

#liveSearchResult {
    background-color: #FFFFFF;
    border-color: #dadadd;
}
ul.livesearch, ul.livesearch .livesearch-label, div.no-hits {
    color: #333333;
}
ul.livesearch a:hover {
    text-decoration: none;
    background-color: #EEEEEE;
}
ul.livesearch .livesearch-description {
    color: #666666;
}

/* end view livesearch */

/* begin view detail_staffeltabelle */
.cs-graduation {margin: 2em 0;}
.cs-graduation .articleBlockPrice {width: 49%;display: flex;}
.cs-graduation .cs-articleBlockBasePrice {font-size: 0.75rem;margin-left: 0.3em;position: relative; top: 1px;}
.cs-graduation .cs-articleBlockBaseSecondPrice {margin-left: 0.5em;}
.cs-graduation span {display: inline-block;margin-right: 0.5em;}
/* end view detail_staffeltabelle */

/* begin view lieferadressen */
.cs-shippingItem {border: 1px solid #dadadd;padding: 1em;width: calc(100%/4 - 2%);margin: 1%;}
.cs-shippingAdresses {margin: 0 -0.5em 1.5em -0.5em;}
/* end view lieferadressen */

/* begin view lieferadressen_bearbeiten */
#liefer_edit_layer {padding-bottom: 1.5em;}
#liefer_edit_layer .cs-actions {margin-top: 2em;}
/* end view lieferadressen_bearbeiten */

/* begin view cross_selling */
.cs-crossSelling .item .picturecontainer {display: flex;align-items: center;padding: 0;}
.cs-crossSelling .item .artnamBox a {font-size: 1rem;font-weight: 500;}
.cs-crossSelling .item .price {font-size: 1rem;font-weight: 500;color: #878787;}
.cs-crossSelling .slick-dots {margin: 4em 0 1em 0;display: block;position: relative;bottom: auto;}
.cs-crossSellingBar {margin-left: -1em;margin-right: -1em;}
.cs-crossSellingBar .item .artnamBox h3 {line-height: 0.8;}
/* end view cross_selling */

/* begin view miniwk */
.cs-miniwk span {position: relative;top: 0;left: -5px;}
/* end view miniwk */

/* begin view schnellnavigation */
.cs-fastNavigation input {width: 78%;}
/* end view schnellnavigation */

/* begin view detail_fragen_zum_produkt */
.cs-articleQuestion {width: 50%;}
.cs-articleQuestion input[type="text"], .cs-articleQuestion input[type="email"], .cs-articleQuestion input[type="number"], .cs-articleQuestion textarea {width: 100%;}
.cs-articleQuestion .questionSendBtn {background: var(--primaryBackground);color: var(--primaryColor);}
.cs-articleQuestion .cs-dsBox {margin: 2em 0;}
/* end view detail_fragen_zum_produkt */

/* begin view newsletter_maske */
.cs-newsLetter {width: 75%;}
/* end view newsletter_maske */

/* begin view under_construction */
body.underConstructionBody {margin: 0;overflow: hidden;width: 100%;height: 100%;background: black;background: linear-gradient(to bottom, #000000 0%, #5788fe 100%);min-height: 100vh;}
.filter {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fe5757;animation: colorChange 30s ease-in-out infinite;animation-fill-mode: both;mix-blend-mode: overlay;}
.landscape {position: absolute;bottom: 0px;left: 0;width: 100%;height: 100%;background-size: 1000px 250px;background-repeat: repeat-x;background-position: center bottom;}
.dg.main.a {display: none;}
.ucTextBox {position: absolute;top: 200px;left: 50%;width: 500px;}
.ucTextBox .ucTextBoxInner {position: relative; left: -50%;background: #fff;border-radius: 4px;padding: 50px;box-shadow: 0 7px 600px #fff;}
.ucTextBox .ucTextBoxInner .ucTextBoxHeader {font-family: 'Open Sans', sans-serif;font-size: 28px;font-weight: 700;text-transform: uppercase;}
.ucTextBox .ucTextBoxInner .ucTextBoxtext {font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 400;}
@keyframes colorChange {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: .9;
  }
}
/* end view under_construction */

/* begin view rechnungsanschrift_felder */
.cs-changeMail {position: absolute;right: 0.7em;background: #fff;top: -0.7em;padding: 0 0.5em;z-index: 2;}
/* end view rechnungsanschrift_felder */

/* begin view artikel_vorschau */
article.cs-articlePreview {position: relative;margin: 1em;}
article.cs-articlePreview .pictureContainer,
article.cs-articlePreview .ratingBox,
article.cs-articlePreview .artnamBox {}
article.cs-articlePreview .pictureContainer {text-align: center;margin-bottom: 0.5em;justify-content: center;align-items: center;position: relative;}
article.cs-articlePreview .pictureContainer a {display: block;width: 100%;}
article.cs-articlePreview .pictureContainer a img {width: 100%;}
article.cs-articlePreview img {display: block;}
article.cs-articlePreview h3 {line-height: 19px;}
article.cs-articlePreview .cs-auszeichnungenItem {height: 2em;width: 2em;margin-bottom: 0.2em;}

/* articleprice */
article.cs-articlePreview .priceBox {overflow: hidden;}
article.cs-articlePreview .priceBox .priceRow {float: left;}
article.cs-articlePreview .priceBox .priceRow .price span {font-size: 1rem;font-weight: 500;color: #878787;}
article.cs-articlePreview .priceBox .uvpBox {color: #cc1f1f;font-size: 1rem;}
article.cs-articlePreview .priceBox .basePrice {width: 100%;overflow: hidden;font-size: 0.7rem;}
article.cs-articlePreview .priceBox .shipmentWeight {font-size: 0.7rem;}

/*hoverlay*/
article.cs-articlePreview:hover .pictureContainer .cs-hoverlay {display: block;}
article.cs-articlePreview .pictureContainer .cs-hoverlay .fastButtons .cs-actionButton:hover a {color: #111111;}
article.cs-articlePreview .cs-hoverlay {display: none;position: absolute;width: 100%;z-index: 2;margin: 0;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);}
article.cs-articlePreview .cs-hoverlay .cs-actionButton {-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);box-shadow: 1px 1px 1px rgba(0,0,0,0.5);border-radius: 2.5rem;background: #fff;}
article.cs-articlePreview .cs-hoverlay .cs-actionButton:hover {-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
article.cs-articlePreview .cs-hoverlay .cs-actionButton a {padding: 0.5rem;display: inline-block;width: 100%;}
article.cs-articlePreview .cs-hoverlay .cs-fastButtons {transition: .3s;margin-top: -12%;}
article.cs-articlePreview:hover .cs-hoverlay .cs-fastButtons {}
article.cs-articlePreview .cs-hoverlay .cs-fastButtons .cs-actionButton {width: 70%;margin: 0.5em auto;cursor: pointer;}
article.cs-articlePreview:hover .cs-hoverlay .cs-fastButtons {margin-top: 0;}
article.cs-articlePreview .cs-watchList img {max-width: 1.2em;display: inline-block;position: relative;top: 4px;}
article.cs-articlePreview .cs-watchList svg {width: 1em;height: 1em;position: relative;top: 4px;}

/*none*/
article.cs-articlePreview .priceBox .basePrice {display: block;}
/* end view artikel_vorschau */

/* begin view bestelldaten_zusammenfassung */
.cs-orderSummaryBlock > div {width: calc(100%/3 - 2em);}
.cs-orderSummaryBlock .cs-orderShipping {border-right: 1px solid #dadadd;}
.cs-orderSummaryBlock .cs-orderButtons {border-right: 1px solid #dadadd;}
.cs-orderSummaryBlock .cs-orderShipping .cs-orderBox > div {width: calc(100%/2);}
.cs-orderSummaryBlock .cs-orderPayment .cs-orderBox > div {width: calc(100%/2);}
.cs-orderSummaryBlock .cs-orderButtons .cs-orderBox > div {width: calc(100%/2);}
.cs-orderSummaryBlock .cs-orderButton {text-decoration: underline;margin-bottom: 1em;display: block;}
.cs-orderSummaryBlock .cs-firstColumn {font-weight: 500;}
.cs-orderSummaryBlock .cs-orderPayment .cs-orderBox > .cs-row {width: 100%;}
/* end view bestelldaten_zusammenfassung */

/* begin view bestellung_schritt_3 */
.cs-checkoutSubmit {text-align: right;}
.cs-checkout3 .cs-lieferung {margin: 3em 0;}

/* DATENSCHUTZ */
.orderDsBox {border: 2px dashed #bfbfbf;padding: 1em;margin-bottom: 2em;}
.orderDsBox b {font-weight: 600;}
.orderDsBox .orderDsHeader {margin-bottom: 10px;background: #f5f5f5;padding-bottom: 10px;}
.orderDsBox [type="radio"] {width: auto;position: relative;top: 5px;left: 0;float: left;}
.orderDsBox label {display: block;overflow: hidden;}
.orderDsBox label span {display: inline-block;float: left;position: relative;left: 4px;top: 1px;width: 95%;}
.orderDsBox .infoBox {margin-bottom: 10px;margin-top: 5px;}
.orderDsBox .cs-dsPwd .cs-infoBox {margin-top: 1em;margin-bottom: 0;}
/* end view bestellung_schritt_3 */

/* begin view sprachumschaltung */
.cs-lang {max-width: 25px;padding-top: 10px;margin-right: 0.4em;}
/* end view sprachumschaltung */

/* begin view merkliste */
.cs-bookmarks .cs-loginForm {padding: 0.5em 1em;border: 1px solid #dadada;border-radius: 0.2em;margin-bottom: 3em;}
.cs-bookmarks .cs-bookmarksList .cs-bookmarksRow {border-bottom: 1px solid #dadadd;padding-bottom: 2em;margin-bottom: 2em;display: flex;flex-wrap: wrap;}
.cs-bookmarks .cs-bookmarksList .cs-bookmarksRow:last-of-type {border: 0;}
.cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarksPic {width: 20%;margin-right: 0;}
.cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarksPic img {max-width: 100%;}
.cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarksButtons {width: 25%;}
.cs-bookmarks .cs-bookmarksList .cs-bookmarksRow .cs-bookmarkDesc {width: 50%;}
.cs-bookmarks .cs-bookmarksList .cs-bookmarksRow h3 {white-space: break-spaces;}

.cs-bookmarks .addAllArticles {margin-bottom: 1em;display: inline-block;}

.cs-memoryListMailForm input[type=email],
.cs-memoryListMailForm textarea {width: 100%;}
.cs-memoryListMailForm .cs-formRow {margin-bottom: 2em;}
/* end view merkliste */

/* begin view linke_navigation */
.cs-aside .cs-sidebox {margin-bottom: 5em;}
aside.cs-aside {border-right: 0 solid #dadadd;}
/* end view linke_navigation */

/* begin view blaetterleiste */
.cs-listPager {margin-bottom: 1em;}
.cs-listPager .cs-articlecount {border-bottom: 1px solid #dadadd;}
.cs-listPager .cs-articlecount select {border: 0;}
.cs-listPager .cs-articlePager svg {width: 0.8em;height: 0.8em;position: relative;top: 1px;}
.cs-listPager .cs-articlePager {font-size: 1.3rem;margin: 1em 0;}
.cs-listPager .cs-articlePager .listpagerButtonActive {font-weight: 600;}
/* end view blaetterleiste */

/* begin view live_shopping */


/* end view live_shopping */

/* begin view rubrikenleiste */
.cs-categoriesTop {display: block;}
.cs-categoriesTop ul {list-style: none;padding: 0;margin: 0;}
.cs-categoriesTop a {padding: 0.5em 1em;display: block;}
.cs-categoriesTop ul li .cs-menuItem {position: relative;}
.cs-categoriesTop ul li .cs-menuItem .cs-categorieName svg {width: 1em;height: 1em;position: relative;top: 3px;float: right;left: 7px;}
.cs-categoriesTop ul.cs-categories1 > li > .cs-menuItem i {position: absolute;top: 0.75em;right: -6px;transform: rotate(90deg);font-weight: 500;}
.cs-categoriesTop ul.cs-categories2 .cs-menuItem i {position: absolute;font-weight: 500;top: 0.7em;right: 0.6em;}

.cs-categoriesTop .cs-mobileMenu {padding: 0.72em 1em;font-size: 1rem;border: 0;background: #000000;color: #fff;border: 0;cursor: pointer;margin-bottom: 4px;}

.cs-categoriesTop ul.cs-categories1 ul {width: 12em;margin-left: 0;}
.cs-categoriesTop ul.cs-categories2 ul {right: -12em;}

.cs-categoriesTop ul.cs-categories1 > li > i {font-size: 0.9rem;position: absolute;right: 0.5em;top: 1.6em;font-weight: 400;transform: rotate(90deg);}
.cs-categoriesTop ul.cs-categories2 > li > i,
.cs-categoriesTop ul.cs-categories3 > li > i {position: absolute;right: 0.8em;top: 1em;font-size: 0.7rem;font-weight: 400;}

.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: #f1f1f1;}

.cs-categoriesTop > ul.cs-categories1 > li {position: relative;margin-right: 1em;}
.cs-categoriesTop > ul.cs-categories1 > li > a {display: inline-block;padding: 1em 2em 1em 0;font-size: 1.1rem;}

.cs-categoriesTop > ul.cs-categories1 > li:hover > ul.cs-categories2 {display: block;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 {position: absolute;display: none;background: #fff;z-index: 5;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li {position: relative;}

.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li:hover > ul.cs-categories3 {display: block;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 {position: absolute;display: none;background: #fff;top: 0;z-index: 5;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 > li {position: relative;}

.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 > li:hover > ul.cs-categories4 {display: block;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 > li > ul.cs-categories4 {position: absolute;display: none;background: #fff;top: 0;z-index: 5;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 > li > li > ul.cs-categories4 > li {position: relative;}

.cs-categoriesTop .cs-backMenu {display: none;}

/* mobile menu */
.cs-closeOverlay {position: absolute;right: 0.8em;cursor: pointer;}
.cs-mobileCategorys .cs-mobileCategorysHeader .cs-jumpfirst {position: absolute;right: 6em;cursor: pointer;display: none;}
.cs-mobileCategorys.cs-inUse .cs-mobileCategorysHeader .cs-jumpfirst {display: inline-block;}
.cs-mobileCategorys .cs-mobileCategorysHeader .cs-jumpfirst span {font-size: 1.8rem;position: relative;top: -0.1em;}
.cs-mobileCategorys {overflow-x: hidden;}
.cs-mobileCategorys > ul li a {display: inline-block;padding: 0.3em 0.5em 0.3em 0.5em;font-size: 1rem;}
.cs-mobileCategorys ul .cs-categorieName {display: flex;}
.cs-mobileCategorys ul li {cursor: pointer;}
.cs-mobileCategorys ul li .cs-menuItem {position: relative;}
.cs-mobileCategorys ul li .cs-menuItem svg {width: 1.2em;height: 1.2em;position: absolute;top: 8px;float: right;margin-right: 12px;right: 10px;pointer-events: none;}
.cs-mobileCategorys ul li .cs-menuItem i {position: absolute;top: 0.75em;right: 1.3em;}
.cs-mobileCategorys ul {list-style: none;padding: 0;margin: 0;display: block;}
.cs-mobileCategorys a {padding: 0.2em 0.5em 0.1em 0.5em;display: block;}
.cs-mobileCategorys .cs-mobileMenu {padding: 0.72em 1em;font-size: 1rem;border: 0;background: #000000;color: #fff;border: 0;cursor: pointer;margin-bottom: 4px;}
.cs-mobileCategorys .cs-actCategory {font-size: 1.3rem;font-weight: 600;padding: 0.7em 0 0.7em 0.4em;}
.cs-mobileCategorys .cs-menuItem img.cs-icons {float: right;top: 4px;}
.cs-mobileCategorys .cs-backMenu svg {width: 1em;height: 1em;position: relative;top: 8px;}

.cs-mobileCategorys ul.cs-categories1 > li > i,
.cs-mobileCategorys ul.cs-categories2 > li > i,
.cs-mobileCategorys ul.cs-categories3 > li > i,
.cs-mobileCategorys ul.cs-categories4 > li > i {font-size: 0.9rem;position: absolute;right: 1.1em;top: 0.6em;font-weight: 400;}

.cs-mobileCategorys ul.cs-categories2 > li:hover,
.cs-mobileCategorys ul.cs-categories2 > li > ul.cs-categories3 > li:hover,
.cs-mobileCategorys ul.cs-categories2 > li > ul.cs-categories3 > li > ul.cs-categories4 > li:hover,
.cs-mobileCategorys ul li.cs-backMenu:hover,
.cs-mobileCategorys > ul li:hover {background: #E9E9E9;}

/* categories 1 */
.cs-mobileCategorys > ul.cs-categories1 {left: 0;position: relative;}
.cs-mobileCategorys > ul.cs-categories1 > li {margin-right: 0;}

/* categories 2 */
.cs-mobileCategorys > ul.cs-categories1 > li > ul.cs-categories2 {background: #f1f1f1;position: absolute;right: -323px;top: 0;width: 100%;margin-left: 0.5em;z-index: 5;margin-top: 0;}

/* categories 3 */
.cs-mobileCategorys > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 {background: #f1f1f1;position: absolute;right: -323px;top: 0;left: auto;width: 100%;}

/* categories 4 */
.cs-mobileCategorys > ul.cs-categories1 > li > ul.cs-categories2 > li > ul.cs-categories3 > li > ul.cs-categories4 {background: #f1f1f1;position: absolute;right: -323px;top: 0;left: auto;width: 100%;}

/* backmenu */
.cs-mobileCategorys ul li.cs-backMenu {padding: 0 0 0.7em 0.55em;margin-bottom: 0.7em;font-size: 1rem;background: #e3e3e3;}
.cs-mobileCategorys ul li.cs-backMenu span {display: inline-block;padding-left: 1em;position: relative;top: 5px;}
.cs-mobileCategorys ul li.cs-backMenu img {top: 10px;}

/* hide all ul's */
.cs-body .cs-mobileCategorys > ul.cs-categories1 li ul {display: none;}
/* end view rubrikenleiste */

/* begin view navizeile */
.cs-breadCrumb {overflow: hidden;margin-bottom: 1em;margin-top: 2em;}
.cs-breadCrumb ul {padding: 0;margin: 0;list-style: none;}
.cs-breadCrumb ul li {float:left;margin-right: 0.75em;}
.cs-breadCrumb ul li i {font-size: 0.7rem;}
/* end view navizeile */

/* begin view rubrikbaum */
#categoriesLeft .listItem a {width: 100%;}
#categoriesLeft i {display: block;cursor: pointer;display: block;margin-top: 0px;margin-right: 0px;padding: 0px 7px;float: right;}
#categoriesLeft > ul {list-style: none;padding: 0;margin: 0;}
#categoriesLeft ul {list-style: none;}
#categoriesLeft > ul > li {}
#categoriesLeft ul li .cat {padding-left: 0px;}
#categoriesLeft ul li .cat1{min-height: 20px;padding-left: 0px;}
#categoriesLeft ul li a {line-height: 1.5em;padding: 0.3em;display: block;text-decoration: none;}
#categoriesLeft ul ul li .cat {padding-left: 0;}
#categoriesLeft ul li ul li:before{color: #fff;display: block;float: left;line-height: 45px;padding-left: 28px;}
#categoriesLeft ul li ul {margin: 0px; padding: 0px;}
#categoriesLeft ul li ul li ul {margin: 0px; padding: 0px;}
#categoriesLeft ul li ul li ul li ul {margin: 0px; padding: 0px;}
#categoriesLeft .cat1 a {padding-left: 20px;}
#categoriesLeft .cat2 a {padding-left: 40px;}
#categoriesLeft a {background: #ffffff;}
#categoriesLeft a:hover {background: #ffffff; color: #111111;}
#categoriesLeft .active > a, #categoriesLeft .active1 > a, #categoriesLeft .active2 > a {color: #111111;background: #fff;font-weight: 600;}
/* end view rubrikbaum */

/* begin view lieferanschrift_felder */
.cs-lieferBlock .cs-lieferItem {width: 24%;margin: 0 0.2%;padding: 0.5em;}
.cs-lieferBlock .cs-lieferItem .cs-backToShopping a {display: block;text-decoration: underline;text-align: left;}
.cs-lieferBlock .cs-newLieferAdress {margin: 1em 0 2em 0;}
.cs-lieferItem.selected {background: #f5f5f5;}

.cs-shippingItem.selected { background: #f5f5f5; }
.cs-shippingItem {border: 1px solid #dadadd;padding: 1em;width: calc(100%/4 - 2%);margin: 1%;}
.cs-shippingActions { margin-top: 8px; }

/* end view lieferanschrift_felder */

/* begin view detail_zubehoer */
.cs-additionalArticle .cs-additionalArticleBox {width: calc(100%/5 - 1em);margin:0 0.5em;}
.cs-additionalArticle .cs-additionalArticleBox .cs-additionalArticleBtn .cs-additionalArticlebutton {width: 100%;}
.cs-additionalArticle .cs-additionalArticleImage {max-width: 100%;padding: 1em;}
.cs-additionalArticle .cs-additionalArticleImage a {display: block;}
.cs-additionalArticle .cs-additionalPrice .price {font-size: 1rem;font-weight: 500;color: #878787;}
.cs-additionalArticle .cs-additionalArticleName h3 {line-height: 17px;}
/* end view detail_zubehoer */

/* begin view bestellung_schritt_1 */
.cs-basektLeftBox {width: 70%;padding-top: 1.5em;}
.cs-basektRightBox {width: 25%;margin-left: auto;}
.cs-basektRightBox .cs-basektRightBoxInner {background: #f6f6f6;padding: 1em;}
.cs-basektRightBox .cs-button1 {width: 100%;margin-top: 1em;margin-bottom: 0;}

.cs-cartTablePicture {width: 15%;padding-right: 1em;max-width: 12%;}
.cs-cartTablePicture img {max-width: 100%;max-height: 11em;}
.cs-cartBoxDetails {width: 35%;padding-right: 1em;}
  
.cs-cartBoxAmount {width: 20%;padding-right: 1em;}
.cs-cartBoxAmount input {max-width: 68%;padding: 0.3em 0.6em;margin-top: 0.4em;}
.cs-gutscheinRow .cs-cartBoxAmount,
.cs-gutscheinRow .cs-cartBoxSinglePrice {visibility: hidden;}

.cs-cartBoxSinglePrice {width: 15%;padding-right: 1em;}
.cs-addText {display: block;font-weight: 500;}
.cs-cartBoxPrice {width: 15%;margin-left: auto;}
.cs-cartBoxPrice .cs-addText {display: block;font-weight: 500;}

.cs-cartBoxAmount .cs-articleRefresh {cursor: pointer;text-decoration: none;width: 1.5em;height: 1.5em;position: relative;top: 7px;}
.cs-cartRow {border-bottom: 1px solid #dadadd;margin-bottom: 1em;padding-bottom: 1em;}
.cs-cartRow.configarticle {border: 0;margin: 0;padding: 0;}
.cs-cartRow .cs-articleName {font-size: 1rem;font-weight: 500;}
.cs-cartRow.configarticleComponent {background: #fbfbfb;padding-top: 1em;margin-top: 1em;border-top: 1px dashed #e6e6e6;}
.cs-cartRow.cs-gutscheinRow {padding-top: 1em;background: #f6f6f6;margin-top: 0;}
.cs-voucher {margin: 1em 0;}
.cs-voucher .cs-gutscheinEingabe {width: 100%;}
.cs-voucher .cs-articleRefresh {text-align: right;padding-right: 0.3em;cursor: pointer;border: 1px solid #000;display: inline-block;padding: 0.2em 0.3em;font-size: 0.8rem;margin-bottom: 0.2em;background: #fff;}
.cs-voucher .cs-articleRefresh:hover {color: #000;}

.cs-prices #best_land {padding: 0;border: 0;width: 100%;margin-top: 0.3em;background-color: #fff;padding: 0.4em;}
.cs-wkLieferzeit.ampel_rot {color: #ca3030;}
.cs-wkLieferzeit.ampel_gruen {color: #199c29;}

.cs-backToShopping {margin: 0.5em 0;}
.cs-body .cs-backToShopping a {display: block;width: 100%;text-align: center;margin-bottom: 0.3em;width: 100%;}
.cs-stepShopping, .cs-stepMerk {display: block;background: #fff;text-align: center;}
.cs-articleDelete {cursor: pointer;color: #b30000;}

.cs-cartBoxArticleId a {font-size: 0.7rem;}

.cs-featureContainer {font-size: 0.7rem;margin-top: 0.5em;}
.cs-featureContainer .cs-featuresName {text-decoration: underline;}

.cartTableRow {border-top: 1px solid #dadadd;margin-bottom: 0.4em;padding-top: 0.6em;}
.cartTableRow:first-of-type {border: 0;}
.cartTableRow.configarticleComponent {border: 0;}

#paypalDiv {margin-top: 0.5em;text-align: center;background: #f6f6f6;padding: 1em 0 0.4em 0;}
#AmazonPayButton1 {text-align: right;background: #fff;margin: 1em 0;}

h3.cs-wkHeading {font-size: 1.4rem;}
.articletable {margin-bottom: 3em;}
.cs-grundpreis {font-size: 0.7rem;}

.cs-voucherPopup {max-width: 300px;}
.cs-voucherPopup .cs-infoBox {font-size: 15px;margin-bottom: 1em;border-bottom: 1px solid #e3e3e3;background: #f5f5f5;display: flex;padding: 10px;text-align: center;}
.cs-voucherPopup .cs-voucher .cs-widgetForm .cs-voucherButton {padding: 10px;border-radius: 5px;border: 1px solid #ccc;cursor: pointer;}
.cs-voucherPopup .cs-voucher .cs-widgetForm .cs-voucherButton:hover {background: #f9f9f9;}
.cs-voucherPopup .cs-voucher .cs-widgetForm .cs-gutscheinEingabe {margin-bottom: 1em;border-radius: 5px;text-align: center;}
.cs-voucherPopup .cs-voucherError span {color: #f00;max-width: 40em;background: #ffe6e6;padding: 10px;border-radius: 4px;margin-bottom: 13px;text-align: center;display. block;}
.cs-basketStepOne .cs-voucherButton {text-decoration: none;background: #fff;padding: 10px;border-radius: 4px;margin-top: 4px;display: inline-block;width: 100% !important;text-align: center;}

/* end view bestellung_schritt_1 */

/* begin view rubrik_vorschau */
.cs-categoryPreview {position: relative;margin: 0 1em 2em 1em;}
.cs-categoryPreview .cs-categoryName {position: absolute;bottom: 2em;left: 50%;font-size: 0.9rem;font-weight: 600;background: #fff;min-width: 80%;text-align: center;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.cs-categoryPreview .cs-categoryPicture {position: relative;overflow: hidden;}
.cs-categoryPreview .cs-categoryPicture img {display: block;}
.cs-categoryPreview .cs-categoryPicture:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);transition: all 0.2s ease-in;}
.cs-categoryPreview .categoryCount {position: absolute;top: 3%;left: 3%;z-index: 11;color: #000;background: #fff;padding: 0.1em 0.3em 0em 0.3em;font-size: 0.8rem;}
.cs-categoryPreview .cs-categoryName a {padding: 0.7em;display: inline-block;width: 100%;}
/* end view rubrik_vorschau */

/* begin view cosmoCheckout */
.cs-basketStepOne .cs-basektRightBox {margin-bottom: 2em;}

body.cs-onePageCheckout #ajaxPopupContent {max-width: 100%;}
body.cs-onePageCheckout {background: #F4F8F9;}
body.cs-onePageCheckout #cosmoCheckout {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 2em;}
body.cs-onePageCheckout #cosmoCheckout .cs-cosmoCheckoutLeft,
body.cs-onePageCheckout #cosmoCheckout .cs-cosmoCheckoutRight {background: #fff;border-radius: 5px;padding: 1em;}
body.cs-onePageCheckout #cosmoCheckout .cs-cosmoCheckoutLeft {width: 40%;}
body.cs-onePageCheckout #cosmoCheckout .cs-cosmoCheckoutRight {width: 58%;}
body.cs-onePageCheckout #shortnav, body.cs-onePageCheckout .shortnav, body.cs-onePageCheckout .cs-shortnav {display: none;}
body.cs-onePageCheckout .cs-cosmoCheckoutHeadlines {font-size: 16px;font-weight: 600;margin-bottom: 1em;}
body.cs-onePageCheckout .cs-cosmoCheckoutSubHeadlines {font-size: 16px;font-weight: 600;margin-top: 0.5em;margin-bottom: 0.5em;}
body.cs-onePageCheckout .cs-button1 {background: #3082FF;color: #fff;border-radius: 5px;}
body.cs-onePageCheckout .cs-cosmoCheckoutLeft .cc_renderBox {border: 1px solid #eaeaea;border-radius: 5px;padding: 1em;margin-bottom: 1em;position: relative;}
body.cs-onePageCheckout .cs-cosmoCheckoutRight .cc_renderBox {border: 1px solid #eaeaea;border-radius: 5px;padding: 1em;margin-bottom: 1em;position: relative;}
body.cs-onePageCheckout .cs-cosmoCheckoutLeft .cc_renderBox .cs-editButton {display: none; cursor: pointer;position: absolute;right: 0;top: 0;border: 1px solid #dadadd;padding: 4px 10px;border-radius: 4px;margin: 4px;background: #f6f6f6;border-bottom: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;}
body.cs-onePageCheckout .cs-cosmoCheckoutLeft .cs-ccBlock.editable .cc_renderBox .cs-editButton {display: block}
body.cs-onePageCheckout .cs-cosmoCheckoutRight .cc_renderBox .cs-cartButton {display: none; cursor: pointer;position: absolute;right: 0;top: 0;border: 1px solid #dadadd;padding: 4px 10px;border-radius: 4px;margin: 4px;background: #f6f6f6;border-bottom: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;}
body.cs-onePageCheckout .cs-cosmoCheckoutRight .cc_renderBox .cs-cartButton.editable {display: block}
body.cs-onePageCheckout .cs-ccBlock.incomplete .cc_renderBox {border-color:red}
body.cs-onePageCheckout #cosmoCheckout .cs-label {display: inline-block;width: 8em;}
body.cs-onePageCheckout .cs-errorMessage {display: none; color: #cc5656;font-size: 12px;}
body.cs-onePageCheckout .cs-selectBox {border-radius: 4px;position: relative;margin-bottom: 4px;border: 1px solid #dadadd;width: calc(100% / 4 - 10px);}
body.cs-onePageCheckout .paymentMethodRow {gap: 10px;}
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox label img {max-width: 90px;}
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox label span.logoText,
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox label span.staticText {padding-left: 6px;display: block;}
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox label span.logoText span,
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox label span.staticText span {font-weight: 500;}
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox label {padding: 8px;text-align: left;display: block;cursor: pointer;}
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox.active {border-color: #777;background: #fcfcfc;}
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox input {display: none;}
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox.tempDisabled {color: #c1c1c1;}
body.cs-onePageCheckout .paymentMethodRow .cs-selectBox.tempDisabled label {cursor: unset;}
body.cs-onePageCheckout .cs-paymentDetails {background: #f6f6f6;padding: 1em;border-radius: 5px;margin-bottom: 1em;}
body.cs-onePageCheckout .shippingMethodRow {gap: 10px;}
body.cs-onePageCheckout .shippingMethodRow .cs-selectBox label {padding: 8px;text-align: left;display: block;cursor: pointer;}
body.cs-onePageCheckout .shippingMethodRow .cs-selectBox.active {border-color: #111;background: #f6f6f6;}
body.cs-onePageCheckout .shippingMethodRow .cs-selectBox input {display: none;}
body.cs-onePageCheckout .shippingMethodRow .cs-selectBox.tempDisabled {color: #c1c1c1;}
body.cs-onePageCheckout .shippingMethodRow .cs-selectBox.tempDisabled label {cursor: unset;}
body.cs-onePageCheckout .paymentForm.cs-form .cs-formRow .cs-formRow-column {width: 100%;}
body.cs-onePageCheckout select {background-color: #fff;}
body.cs-onePageCheckout #cosmoCheckout .cs-ccRadiobuttons {margin: 1em 0;}
body.cs-onePageCheckout .cs-ccLink {text-decoration: underline; cursor: pointer;font-size: 12px;}
body.cs-onePageCheckout .cs-ccSlash {font-size: 12px;}
body.cs-onePageCheckout #cosmoCheckout .cs-ccEditBox {display: none}
body.cs-onePageCheckout #cosmoCheckout .cs-ccDataLine {display: none}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-ccEditfield {display: none}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-ccEditfield .filled {background-color: white !important; border-color: #93ad4d!important}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-ccEditfield .mandatory {border-color: #c72121}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-ccEditfield .denied {background-color: #ffd2ce; border-color: #c72121}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-ccEditfield .accepted {background-color: #eaf7c6; border-color: #93ad4d}
body.cs-onePageCheckout .cosmoCheckoutModal {max-width: 95%;width: 1000px;}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-radiobuttons {margin-top: 13px;display: flex;flex-wrap: wrap;gap: 11px;}
body.cs-onePageCheckout .cs-articletable .cs-shippingTime {font-size: 12px;color: #979797;margin: 0 0.3em;}
body.cs-onePageCheckout .cs-addText {display: block;font-weight: 500;font-size: 12px;text-decoration: none;}
body.cs-onePageCheckout .cs-shippmentRow, body.cs-onePageCheckout .cs-totalRow, body.cs-onePageCheckout .cs-paymentRow {align-items: center;}
body.cs-onePageCheckout .cs-ccBlock.cartSumBlock .cc_renderBox {border: 1px solid #dadadd;margin-bottom: 2em;background: #f6f6f6;}
body.cs-onePageCheckout .cartTableRow .cs-labelColumn {width: 27%;}
body.cs-onePageCheckout .cartTableRow .cs-labelColumnWide {width: calc(58% - 3px);}
body.cs-onePageCheckout .cs-shippmentRow .cs-labelColumn, body.cs-onePageCheckout .cs-paymentRow .cs-labelColumn {width: 40%;}
body.cs-onePageCheckout .cs-shippmentRow .cs-labelColumnWide, body.cs-onePageCheckout .cs-paymentRow .cs-labelColumnWide {width: calc(71% - 3px);}
body.cs-onePageCheckout .cs-totalRow .cs-labelColumn {width: 40%;}
body.cs-onePageCheckout .cartTableRow .cs-priceColumnBox .cs-ccPriceColumn {width: calc(100%/3 - 4px);font-size: 13px;}
body.cs-onePageCheckout .cs-priceColumnBox {display: flex;flex-wrap: wrap;width: 45%;justify-content: right;gap: 4px;}
body.cs-onePageCheckout .cs-cosmoCheckoutRight .cs-ccSubmitButton input {width: 100%;padding: 1em 0;}
body.cs-onePageCheckout .cs-cosmoCheckoutRight .cs-ccSubmitButton input.disabled {background: #aaaaaa}
body.cs-onePageCheckout .cs-unlessConfigarticle {font-size: 13px;}
body.cs-onePageCheckout .cs-totalGross {font-size: 17px;font-weight: 600;}
body.cs-onePageCheckout .cs-priceDetails {font-size: 0.8em; text-decoration: underline; cursor: pointer}
body.cs-onePageCheckout .checkboxLine {margin-bottom: 0.3em;}
body.cs-onePageCheckout .checkboxLine input[type=checkbox] {margin-right: 0.5em; margin-bottom: 0.3em;}
body.cs-onePageCheckout label {display: flex}
body.cs-onePageCheckout a {margin: 0 0.3em}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-radioForm,
body.cs-onePageCheckout .cosmoCheckoutModal .cs-ccEditfield {margin-bottom: 1em;}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-radioForm span.label,
body.cs-onePageCheckout .cosmoCheckoutModal .cs-radioForm span.label {margin: 0;padding-left: 0;left: 0;}
body.cs-onePageCheckout .cosmoCheckoutModal .cs-radioForm .cs-radiobuttons input {margin-right: 5px;}
body.cs-onePageCheckout .shipmentContainerEdit .deliveryAddressSelectContainer label span {display: inline-block;margin-top: 4px;margin-left: 5px;}
body.cs-onePageCheckout .loginPopupForm .subline {margin-top: 0;}
body.cs-onePageCheckout .cs-ccSubmitButton {margin-top: 2em;}
body.cs-onePageCheckout input[type="checkbox"] {outline: transparent !important;}
body.cs-onePageCheckout .cs-storedAddressesContainer {margin-top: 0.5em; display: none;}
body.cs-onePageCheckout .cs-storedAddressesContainer .cs-storedAddress {float: left; min-width: 15em; min-height: 7.2em; margin-right: 0.5em; margin-top: 0.5em;padding: 0.5em;}
body.cs-onePageCheckout .cs-storedAddressesContainer .cs-selectBox.active {border-color: #111;background: #f6f6f6;}
body.cs-onePageCheckout .cs-storedAddressesContainer .cs-clear {clear: both;}
body.cs-onePageCheckout .cs-storedAddressesAdditional {display: none;}
body.cs-onePageCheckout .cs-ccDeleteDeliveryAddressButton {text-align: right;}


body.cs-onePageCheckout .cs-articletable .cs-articleName {font-size: 1rem;font-weight: 500;display: block;width: 100%;margin-bottom: 2px;}
body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-cartTablePicture {width: 15%;margin: 0;padding: 0;}
body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-labelColumnWide {width: 55%;margin: 0;}
body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-ccQuantityColumn {width: 15%;margin: 0;font-size: 13px;padding: 0;}
body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-ccSinglePriceColumn {width: 15%;margin: 0;margin-left: auto;}

body.cs-onePageCheckout .cs-sumlineRedemptions table {width: 100%;}
body.cs-onePageCheckout .cs-sumlineRedemptions .cs-tableRight {width: 15%; padding-left: 5px}
body.cs-onePageCheckout .cs-sumlineRemaining {font-size: 17px; font-weight: 600;} 
body.cs-onePageCheckout .cs-sumlineRemaining .cs-tableLeft {font-size: 1rem; font-weight: 500;} 
body.cs-onePageCheckout .cs-amazon-pay {display: flex;} 

@media (max-width: 1094.98px) {
  body.cs-onePageCheckout #cosmoCheckout .cs-cosmoCheckoutLeft, 
  body.cs-onePageCheckout #cosmoCheckout .cs-cosmoCheckoutRight {width: 98%;margin: 0 auto;margin-bottom: 2em;}
  body.cs-onePageCheckout .cs-shippmentRow .cs-labelColumnWide, body.cs-onePageCheckout .cs-paymentRow .cs-labelColumnWide {width: 63%;}
  body.cs-onePageCheckout .cs-shippmentRow .cs-labelColumnWide {width: 70.8%;}
}
@media (max-width: 632.98px) {
  body.cs-onePageCheckout .cartTableRow .cs-labelColumn {width: 85%;}
  body.cs-onePageCheckout .cartTableRow .cs-labelColumnWide {width: 50%;}
  body.cs-onePageCheckout .cs-shippmentRow .cs-labelColumnWide, body.cs-onePageCheckout .cs-paymentRow .cs-labelColumnWide {width: 66%;}
  body.cs-onePageCheckout .cartTableRow .cs-priceColumnBox {width: 100%;margin-left: unset;}
  body.cs-onePageCheckout .paymentMethodRow .cs-selectBox {width: 100%;}
  body.cs-onePageCheckout .shippingMethodRow .cs-selectBox {width: 100%;}
  body.cs-onePageCheckout .cs-shippmentRow .cs-labelColumnWide {width: 63%;}
  
  body.cs-onePageCheckout .cs-articletable .cs-articleName {flex-shrink: 0;width: 100%;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-cartTablePicture {width: 25%;margin: 0;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-labelColumnWide {width: 75%;margin: 0;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-ccQuantityColumn {width: 100%;margin: 0;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-ccSinglePriceColumn {width: 100%;margin: 0;margin-left: 0;}
  
}
@media (max-width: 575.98px) {
  body.cs-onePageCheckout .cs-shippmentRow .cs-labelColumnWide {width: 66%;}
  
  body.cs-onePageCheckout .cs-articletable .cs-articleName {flex-shrink: 0;width: 100%;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-cartTablePicture {width: 25%;margin: 0;text-align: left;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-cartTablePicture a {margin: 0;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-labelColumnWide {width: 75%;margin: 0;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-ccQuantityColumn {width: 100%;margin: 0;}
  body.cs-onePageCheckout .cs-articletable .cartTableRow .cs-ccSinglePriceColumn {width: 100%;margin: 0;margin-left: 0;}
}
@media (max-width: 430px) {
  body.cs-onePageCheckout .cs-cosmoCheckoutRight .cc_renderBox .cs-cosmoCheckoutHeadlines {margin-top: 2em;}
}
/* end view cosmoCheckout */

/* begin view schnellzugriff_box_shop */
.cs-searchBar .searchIcon {cursor: pointer;}
.cs-searchBar .searchBlock {display: none;position: absolute;z-index: 101;width: 300px;left: -100%;top: 4em;background: #fff;padding: 0 1em 1em 1em;}
.cs-searchBar .searchBlock .searcharea, #searchBar .searchBlock .searchentry {margin-bottom: 4px;}
.cs-searchBar select,
.cs-searchBar input[type="text"],
.cs-searchBar input[type="submit"] {max-width: 100%;width: 100%;margin-top: 10px;}
.clipboardCountContainer .clipboardCount {position: relative;top: 12px;left: -6px;}
header .cs-miniButtons .cs-svgIcon.cs-heartIcon {margin-right: 0;}
/* end view schnellzugriff_box_shop */

/* begin view revocation_form */
.cs-revocationForm .cs-formRow-column.error span {
  color: red;
}
.cs-revocationForm .cs-formRow-column.error input {
  border: 1px solid red;
}

/* end view revocation_form */

/* begin view liveshopping_listing */
.cs-liveshopping .cs-liveshoppingPicture {max-width: 30%;max-height: 30em;text-align: left;}
.cs-liveshopping .cs-liveshoppingPicture img {max-height: 100%;}
.cs-liveshopping .dashContainer {padding: 1.5em 1em;border-radius: 3px;margin-right:0.5em;width: calc(100%/4 - 0.5em);margin: 1.5em 0.5em 1.5em 0;background: #f1f1f1;color: #111111;}
.cs-liveshopping .dashContainer .dash_title {text-align: center;}
.cs-liveshopping .dashContainer .dash {display: flex;justify-content: center;}
.cs-liveshopping .dashContainer .dash .digit {font-size: 1.7rem;font-weight: 600;}
.cs-liveshopping .cs-liveshoppingPrice {margin: 1em 0 0 0;}
.cs-liveshopping .liveshoppingPrice {font-size: 1.5rem;font-weight: 600;color: #111;display: inline-block;}
.cs-liveshopping .cs-liveshoppingDescription,
.cs-liveshopping .cs-liveshoppingPicture,
.cs-liveshopping .cs-text {width: calc(100%/3);}
.cs-liveshopping .cs-text {padding-top: 6em;}
.cs-liveshopping .cs-liveshoppingArticle {border-bottom: 1px solid #dadadd;margin-bottom: 2em;padding-bottom: 2em;}
.cs-liveshopping .cs-liveshoppingArticle:last-of-type {border: 0;}
.cs-liveshopping .cs-articleJump {width: 200px;text-align: center;}
.cs-liveshopping .discount_note {padding-left: 1em}
.liveshoppingOldPrice {text-decoration: line-through;opacity: 0.8;}

/* end view liveshopping_listing */

/* begin view suchleiste */
.cs-searchBar .searchIcon {cursor: pointer;}
.cs-searchBar .cs-searchBlock {display: none;position: absolute;z-index: 101;width: 300px;left: -100%;top: 4em;background: #fff;padding: 0 1em 1em 1em;}
.cs-searchBar .cs-searchBlock .searcharea, #searchBar .cs-searchBlock .searchentry {margin-bottom: 4px;}
.cs-searchBar select,
.cs-searchBar input[type="text"],
.cs-searchBar input[type="submit"] {max-width: 100%;width: 100%;margin-top: 10px;}
/* end view suchleiste */

/* begin view artikel_vorschau_kompakt */
article.cs-articlePreviewSmall {margin: 0 1em;}
article.cs-articlePreviewSmall img {max-width: 100%;}
article.cs-articlePreviewSmall a {text-decoration: none;display: block;width: 100%;cursor: pointer;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallPicturebox {text-align: center;margin-bottom: 0;justify-content: center;align-items: center;position: relative;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallDescriptionBox a {font-size: 1rem;font-weight: 500;}

article.cs-articlePreviewSmall .preisformat {overflow: hidden;}
article.cs-articlePreviewSmall .preisformat .priceRow {float: left;}
article.cs-articlePreviewSmall .preisformat .priceRow .price span {font-size: 1rem;font-weight: 500;color: #878787;}
article.cs-articlePreviewSmall .preisformat .uvpBox {color: #E05048;font-size: 1rem;}
article.cs-articlePreviewSmall .preisformat .basePrice {width: 100%;overflow: hidden;}
/* end view artikel_vorschau_kompakt */

/* begin view rubrik */
.cs-category .cs-productListing {width: auto;}
.cs-category .cs-categoryRubText {margin-bottom: 4em;}
.cs-category .cs-categoryHeaderAdditional i {font-size: 1.5rem;}
.cs-category .cs-categoryHeaderBox img {max-width: 3em;}
/* end view rubrik */

/* begin view kontaktformular */
.cs-contactForm .cs-contactAdress {height: 3.65em;}
/* end view kontaktformular */

/* begin view historie_liste */
.cs-orders table {width: 100%;}
.cs-orders table th {text-align: left;padding: 0.7em 0;border-bottom: 0.2em solid #dadadd;}
.cs-orders table tbody tr {border-bottom: 3px solid #fff;}
.cs-orders table tbody tr td {background: #f1f1f1;padding: 0.3em;}
.cs-orders .cs-orderButton {text-align: center;margin-bottom: 0;}
.cs-orders .cs-orderButton {text-align: center;background: #fff;border: 1px solid #dadadd;display: inline-block;margin-bottom: 2px;float: right;}
.cs-orders .cs-orderButton a {display: inline-block;padding: 7px 9px 2px 9px;}
/* end view historie_liste */

/* begin view warteschleife */
#timeout_dialog_container {display: none;}
/* end view warteschleife */

/* begin view warenkorb_tabelle */
.carttable .cartTablePicture .articlePic {max-height: 80px;max-width: 75px;}
.carttable .tar {text-align:right;}
#basketTableStep5Footer .leftBoxes {line-height: 20px;padding-left: 15px;}
#basketTable .addText {display: none; font-weight: bold;}
#basketTable .features ul,ol {margin: 0;padding-left: 1em}
#basketTableStep5Footer .cs-columnLeft {width: 77%;text-align: right;}
#basketTableStep5Footer .cs-columnRight {width: 23%;padding-left: 6.5em;}
#basketTableStep5Footer .cs-columnRight span,
#basketTableStep5Footer .cs-columnLeft span {font-weight: 600;}
.basketStep5 .cs-buynow {text-align: right;margin-top: 2em;margin-right: 1em;}
.cs-cartstep5 {border-bottom: 1px solid #e0e0e2;padding-bottom: 2em;margin-bottom: 2em;}
.cs-anfrageTable.requesttable {margin-bottom: 2em;}

/* Druckkostenkalkulator */
#basketTable .configarticleComponent { border-top-width: 0; padding-top: 0; }
#basketTable .bold { font-weight: bold !important; }

#basketTableRequest .addText {display: none; font-weight: bold;}
#basketTableRequest .features ul,ol {margin: 0;padding-left: 1em}

/* Anpassung Druckkostenkalkulator */
#cs-basketTableRequest .configarticleComponent { border-top-width: 0; padding-top: 0; }
#cs-basketTableRequest .bold { font-weight: bold !important; }
#cs-basketTableRequest .requestprice {color:#999999;font-style:italic;}

/* end view warenkorb_tabelle */

/* begin view detail_wk_block */
.cs-articleDetail .basketBlock .cs-actionButtons > input,
.cs-articleDetail .basketBlock .cs-actionButtons > a {background: #f5f5f5;border: 0;text-align: left;padding: 2px 10px;margin-bottom: 2px;}
.cs-articleDetail .basketBlock .cs-actionButtons > input:hover {background: #f1f1f1;}

.cs-articleDetail .basketBlock .cs-articleAmount {position: relative;margin: 2em 0;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountInput {text-align: center;width: 100%;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articlePlus {position: absolute;top: 5px;right: 0;cursor: pointer;max-width: 2.5em;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleMinus {position: absolute;top: 5px;left: 0;cursor: pointer;max-width: 2.5em;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox {position: relative;margin-right: 0.5em;width: 17%;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="plus"] {position: absolute;top: 9px;right: 2px;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountBox [data-amount="minus"] {position: absolute;top: 9px;left: 2px;}

.cs-amountBox .cs-blockPriceVpeLeft,
.cs-amountBox .cs-blockPriceLeft {width: 50%;}
.cs-amountBox .cs-gesamtsumme {font-weight: 600;}

.cs-articleDetail .cs-deliveryTime {color: #9a9a9a;}
.cs-articleDetail .cs-deliveryTime span {display: none;}

.cs-configarticleBox {display: block;}
.cs-articleDetail .cs-configBox {padding: 2em 0;border-width: 1px 0 1px 0;border-color: #868686;border-style: dashed;margin: 2em 0;}
.cs-articleDetail .cs-executionBox {margin: 2em 0;}

.cs-articleDetail .blockPriceCalc {display: none;}
.cs-articleDetail .cs-duration {display: block;margin: 1em 0;}
.cs-articleDetail .cs-duration span {display: inline-block;margin-right: 0.3em;}

.cs-articleDetail .cs-colorContainer .cs-colorCircle {height: 2.2em;width: 2.2em;display: inline-block;border-radius: 50%;border: 1px solid #dadadd;margin-right: 0.3em;cursor: pointer;}

.cs-configarticleHeader {font-weight: 500;font-size: 1.1rem;text-decoration: underline;margin-bottom: 1em;}

.blockPriceCalc {margin-top: 1em;border-top: 1px solid #dadadd;padding-top: 1em;}

.cs-articleAmountBox input[type="number"] {-webkit-appearance: textfield;-moz-appearance:textfield;appearance:textfield;}

.cs-articleDetail .cs-bestellButtons input {padding: 0.95em 1.2em;}
.cs-body  .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2 {padding: 14px 2em;background: #111;color: #fff;}
.cs-body  .cs-articleDetail .cs-bestellButtons #printarticle {width: 17em;}

.icon-minus {cursor: pointer;}
.icon-plus {cursor: pointer;}

/* end view detail_wk_block */

/* begin view zusatzseiten_oben */
.cs-topContent {margin-left: auto;}
.cs-topPages li {position: relative;}
.cs-topPages > ul > li {display: inline-block;margin-right: 8px;padding: 5px 0px;cursor: pointer;}
.cs-topPages > ul > li a {display: inline-block;display: inline-block;padding: 0.3em 0em 0.3em 1em;font-size: 0.85rem;}
.cs-topPages > ul > li i {position: absolute;right: -0.4em;top: 1.4em;font-size: 0.7rem;}
.cs-topPages > ul > li ul {display: none;}
.cs-topPages ul.cs-overlay li i {right: 1em;top: 0.8em;}
.cs-topPages ul.cs-overlay ul {display: block;}
.cs-topPages ul.cs-overlay > li > ul > li {padding-left: 1em;}
.cs-topPages .cs-svgIcon {width: 1.1em;height: 1.1em;position: relative;top: 3px;}

/* mobile infosites */
.cs-mobileInfosites > ul li a {display: inline-block;padding: 0.3em 0.5em 0.3em 0.5em;font-size: 1rem;}
.cs-mobileInfosites > ul li ul li {padding-left: 1em;}
.cs-mobileInfosites .cs-svgIcon {width: 1.6em;height: 1.6em;position: relative;top: -2px;}
.cs-mobileInfosites .cs-svgIcon path {fill: #fff;}
/* end view zusatzseiten_oben */

/* begin view detail */
.cs-articleDetail {position: relative;}
.cs-articleDetail .cs-articleDetailTopBox {position: absolute;right: 1em;top: -3.5em;}
.cs-articleDetail .cs-articleDetailTopBox i {font-size: 1.8rem;}
.cs-articleDetail .cs-articleDetailTopBox i:hover {color: #777;}

.cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {max-width: 43%;width: 100%;position: relative;}
.cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 48%;width: 100%;}
.cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox h1 {margin: 0 0 0.5em 0;}
.cs-articleDetail .cs-detailArtnum {color: var(--gray);}
.cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox .cs-badgesBox .cs-badge {font-weight: 500;text-transform: uppercase;}

.cs-articleDetail .cs-articlePriceBox {margin-bottom: 3em;}
.cs-articleDetail .cs-articlePriceBox .cs-articlePriceInfo {font-size: 0.8rem;}
.cs-articleDetail .cs-articlePriceBoxPrice {overflow: hidden;margin: 15px 0 0 0;}
.cs-articleDetail .cs-articlePriceBoxPrice .priceRow {display: inline-block;}
.cs-articleDetail .cs-articlePriceBoxPrice .uvpBox{display: inline-block;}
.cs-articleDetail .cs-articlePriceBoxPrice .priceRow .price {font-size: 1.7rem;font-weight: 400;}
.cs-articleDetail .cs-articlePriceBoxPrice .uvpBox {color: #E05048;font-size: 1rem;}
.cs-articleDetail .cs-articlePriceBoxPrice .basePrice {width: 100%;overflow: hidden;}

.cs-articleDetail #bestandsbenachrichtigung {border: 1px solid #dadadd;padding: 1em;background: #f6f6f6;overflow: hidden;margin-top: 2em;}
.cs-articleDetail .cs-articleName {font-size: 1.3rem;}
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price {font-size: 1.8rem;}
.cs-articleDetail .cs-priceFormat .cs-lineThrough {color: #cc1f1f;font-size: 1rem;}

.cs-articleDetail .ratingStars i {font-size: 1rem;margin-right: 0.1em;}
.cs-articleDetail .cs-badgesBox {left: 2%;top: 1%;}

.cs-articleDetail .cs-auszeichnungenItem {height: 2em;width: 2em;margin-bottom: 0.2em;margin-right: 0.3em;}
.cs-articleDetail .cs-articlePriceInfo {font-size: 0.7rem;text-decoration: underline;}

.cs-articleDetail .pagiIcons img {max-width: 2.5em;}
.cs-articleDetail .pagiIcons svg {width: 1.3em;height: 1.3em;}
/* end view detail */

/* begin view historie_detail */
.cs-orderDetail {}
.cs-orderDetail .cs-orderBestellnummer {border: 1px solid #dadadd;padding: 0.5em;border-width: 0.06em 0.06em 0 0.06em;}
.cs-orderDetail .cs-orderDatum {border: 1px solid #dadadd;padding: 0.5em;}
.cs-orderDetail .cs-orderStatus {background: #f1f1f1;border: 1px solid #dadadd;padding: 0.5em;border-width: 0 0.06em 0.06em 0.06em;}
.cs-orderDetail .cs-rechnungsanschrift, .cs-orderDetail .cs-lieferanschrift {font-weight: 500;}
.cs-orderDetail .cs-orderData .cs-column-50 {border: 1px solid #dadadd;margin: 2em 0;padding: 1em;}
.cs-orderDetail .cs-orderButton {margin: 0.5em 0;text-decoration: underline;}

.cs-orderDetail .cs-orderListDetail table tr td {padding-right: 1em;}
/* end view historie_detail */

/* begin view kunden_anmeldung */
body.cs-loginpage .cs-loginBox {max-width: 75%;}
body.cs-loginpage .cs-forgotPassword {text-align: right;width: 100%;padding-right:0.3em;}
body.cs-loginpage .cs-forgotPassword a {display: inline-block;}
/* end view kunden_anmeldung */

/* begin view shop_footer */
.addMenuBottom .addMenu {display: none;}
footer {overflow: hidden;}
footer .cs-footerRow.top {background: #f1f1f1;}
footer .cs-footerBox .cs-footerBoxHeader {margin: 10px 0px 20px 0;font-weight: 500;font-size: 1.1rem;}
footer .cs-footerBox {width: 25%;}
footer .cs-footerBox .footerBoxContent {line-height: 21px;}
footer .cs-copyrightBox {text-align: center;margin: 25px 0;width: 100%;}
footer .cs-footerTop {overflow: hidden;padding: 40px 15px 60px 15px;margin-top: 50px;}

/* newsletter */
footer .cs-footerNewsletterBox.heading {font-size: 1.1rem;}
footer .cs-footerNewsletterBox.heading i {margin-right: 0.5em;}
footer .cs-footerNewsletterBox.text {font-size: 0.8rem;}
footer .cs-footerNewsletter {overflow: hidden;padding: 1em;align-items: center;justify-content: space-between;}
footer .cs-footerRow.newsletter {border-bottom: 1px solid #f1f1f1;}
footer .cs-footerRow.payments {margin-top: 2em;}
footer .cs-footerNewsletterBox.input .cs-newsletterSubmit {display: inline-block;color: #ffffff;padding: 0.5em 1em 0.95em 1em;text-align: center;cursor: pointer;}
footer .cs-footerNewsletterBox.input .cs-newsletterSubmit i {font-size: 1.6rem;top: 0.16em;position: relative;}
footer .cs-footerNewsletterBox.input input {width: 85%;margin: 0;}
footer .cs-footerNewsletterBox.input {width: 35%;}
footer .cs-newsletterSubmit {background: var(--primaryBackground);}
footer .cs-newsletterSubmit svg {position: relative;top: 6px;}
footer .cs-newsletterSubmit svg path {fill: #fff;}
footer .cs-footerNewsletterBox.heading img {max-width: 1em;position: relative;top: 3px;margin-right: 4px;}

/* payments */
footer .cs-footerPayments {text-align: center;padding: 0 1em;}
footer .cs-footerPayments ul li img {margin: 0 5px;}
/* end view shop_footer */

/* begin view zahlungsschnittstelle_bankdaten */
.cartstep5layout2 input {width: 100%; margin-bottom: 4px;}
#konto_klassisch, #konto_sepa {display: none;}
.kontoActive {background: #2a7ae5;}
/* end view zahlungsschnittstelle_bankdaten */

/* begin view bestellung_schritt_5 */
#please_wait_dialog_container {display: none;}
#please_wait_dialog_container img {vertical-align: middle;margin-right: 10px;}
.basketStep5 .addSites {float: left; margin-right: 5px;}
.basketStep5 .addSites a {color: #ffffff;}
.basketStep5 h1 {margin: 0;}
.basketStep5 .lockBox {padding: 5px; border: 1px solid #f59393; background-color: #f7c8c8}
.basketStep5 .cs-orderPayment .cs-errorBox {width: 100% !important;padding: 1em 0 0 0;}
.basketStep5 .cs-buynow input {margin-bottom: 1em;margin-top: 1em;}

.wpwl-form-card, 
.wpwl-form-directDebit, 
.wpwl-form-onlineTransfer-EPS, 
.wpwl-form-onlineTransfer-ENTERCASH, 
.wpwl-form-onlineTransfer-GIROPAY, 
.wpwl-form-onlineTransfer-IDEAL, 
.wpwl-form-onlineTransfer-SADAD, 
.wpwl-form-virtualAccount-KLARNA_INVOICE, 
.wpwl-form-virtualAccount-KLARNA_INSTALLMENTS, 
.wpwl-form-virtualAccount-NETELLER, 
.wpwl-form-virtualAccount-PASTEANDPAY_V, 
.wpwl-form-virtualAccount-VSTATION_V, 
.wpwl-form-virtualAccount-CHINAUNIONPAY, 
.wpwl-form-has-inputs {padding: 22px 23px 12px 12px;margin-bottom: 0;border: 0 solid #ccc;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
.vrPaymentBox {border: 1px solid #dadadd;background: #f5f5f5;overflow: hidden;}
.vrPaymentBox .wpwl-container {float: right;}
.vrPaymentBox .vrPaymentText {float: left;width: 67%;padding: 7% 20% 5% 14%;font-size: 13px;}
.vrPaymentBox .vrPaymentWidget {float: right; width: 29%;}
.vrPaymentBox .wpwl-form-card {background: transparent;background-image: none;}
.vrPaymentBox .wpwl-container-virtualAccount-PAYPAL {margin: 19% 26% 4% 7%;}
/* end view bestellung_schritt_5 */

/* begin view bestellung_footer */
.cs-revocation {font-weight: 500;}
.cs-footer ul li {margin-right: 2em;}
.cs-footer .cs-payments {margin-top: 3em;}
.cs-footer .cs-payments img {margin-right: 0.5em;}
.cs-footer .cs-addSites {margin-top: 2em;}
.cs-footer .cs-copyright {margin-top: 2em;}
/* end view bestellung_footer */

/* begin view detail_artikelbilder */
.cs-articlePictureBox a {display: block;}
.cs-articlePictureBox a img {max-width: 100%;display: block;}
.cs-articlePictureBox .cs-mainPicture {display: block;width: 100%;text-align: left;}
.cs-articlePictureBox .cs-mainPicture img {max-width: 100%;width: auto;display: block;}
.cs-articlePictureBox .cs-addPicBox .cs-galleryImageBox {display: flex;justify-content: center;align-items: center;width: calc(100%/6 - 0.3em);margin: 0.3em 0.3em 0 0;max-height: 79px;cursor: zoom-in;overflow: hidden;}
.cs-articlePictureBox .cs-addPicBox {margin-right: -0.3em;display: flex;flex-wrap: wrap;}
.cs-articlePictureBox #cs-mainpicBox {cursor: zoom-in;max-width: 100%;}

.cs-galleryContainer {height: 100vh;width: 100%;background: rgba(0,0,0,0.6);position: fixed;z-index: 999999;top: 0;left: 0;display: none;}
.cs-galleryContainer .cs-gallerySidebar {height: 100vh;position: absolute;width: 212px;right: 0;background: #ddd;padding: 2px;}
.cs-galleryContainer .cs-gallerySidebar {
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
}
.cs-galleryContainer .cs-gallerySidebar .cs-galleryPics {display: flex;flex-wrap: wrap;overflow-y: scroll;height: 100%;padding-right: 0;align-content: flex-start;}
.cs-galleryContainer .cs-gallerySidebar .cs-galleryPics .cs-galleryImageBox {overflow: hidden;padding: 0;display: flex;justify-content: center;align-items: center;width: calc(100%/2 - 4px);margin: 2px;cursor: pointer;max-height: 79px;}
.cs-galleryContainer .cs-gallerySidebar .cs-galleryPics .cs-galleryImageBox:hover,
.cs-galleryContainer .cs-gallerySidebar .cs-galleryPics .cs-galleryImageBox.cs-activePicture {outline: 3px solid #e31414;outline-offset: -3px;}
.cs-galleryContainer .cs-gallerySidebar .cs-galleryNavi {position: absolute;left: -85px;width: 85px;background: #ddd;color: #232323;top: 0;background: rgba(30,30,30,.6);}
.cs-galleryContainer .cs-gallerySidebar .cs-galleryNavi svg,
.cs-galleryContainer .cs-gallerySidebar .cs-galleryNavi svg path,
.cs-galleryContainer .cs-galleryArrows svg path {fill: currentColor;stroke-width: 0;width: 2em;color: #fff;}
.cs-galleryContainer .cs-gallerySidebar span {display: inline-block;padding: 6px 6px 0px 6px;cursor: pointer;}
.cs-galleryContainer .cs-gallerySidebar.cs-toggleSidebar {right: -212px;}
.cs-galleryContainer .cs-galleryBox .cs-galleryMainBox {right: 212px;position: absolute;top: 0;left: 0;bottom: 0;display: flex;justify-content: center;align-items: center;width: auto;}
.cs-galleryContainer .cs-galleryBox .cs-galleryMainBox .cs-galleryPic {display: flex;max-width: 70%;max-height: 80%;overflow: hidden;text-align: center;position: relative;}
.cs-galleryContainer .cs-galleryBox .cs-galleryMainBox .cs-galleryPic img {max-width: 100%;max-height: 100%;margin: 0 auto;}
.cs-galleryContainer .cs-galleryBox .cs-galleryMainBox.cs-mainBoxWidth {width: 100%;}
.cs-galleryContainer .cs-galleryVideoContainer {display: flex;justify-content: center;align-items: center;position: relative;height: 100%;width: 100%;}
.cs-galleryContainer .cs-galleryVideoContainer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.cs-galleryContainer .cs-galleryBox .cs-galleryMainBox .cs-galleryPic .cs-gBox {justify-content: center;align-items: center;display: flex;}
.cs-galleryContainer .cs-galleryBox .cs-galleryMainBox .cs-galleryPic img.cs-zoomPic {position: absolute;transform: scale(2);transform-origin: 0 0;z-index: -1;opacity: 0;}
.cs-galleryContainer .cs-galleryBox .cs-galleryMainBox .cs-galleryPic img.cs-zoomPic {
  -webkit-transition: -moz-transform .3s ease-out; 
  -moz-transition: -webkit-transform .3s ease-out; 
  -o-transition: -o-transform .3s ease-out; 
  transition: transform .3s ease-out;
}

.cs-galleryContainer .cs-galleryBox .cs-galleryMainBox .cs-galleryPic.cs-fullwidth {width: 100% !important;height: 100%;}
.cs-galleryContainer .cs-galleryArrows {position: absolute;width: 100%;}
.cs-galleryContainer .cs-galleryArrows svg {width: 3em;top: 3px;position: relative;color: #fff;}
.cs-galleryContainer .cs-galleryArrows .cs-galleryLeft {left: 0;position: absolute;background: #343434;cursor: pointer;}
.cs-galleryContainer .cs-galleryArrows .cs-galleryRight {right: 0;position: absolute;background: #343434;cursor: pointer;}

@media (max-width: 767.98px) {
  .cs-galleryContainer .cs-gallerySidebar {width: 105px;right: -105px;}
  .cs-galleryContainer .cs-gallerySidebar .cs-galleryPics .cs-galleryImageBox {width: calc(100%/1 - 4px);}
  .cs-galleryContainer .cs-galleryBox .cs-galleryMainBox {right: 0;width: 100%;}
  .cs-galleryContainer .cs-gallerySidebar.cs-toggleSidebar {right: 0;}
  .cs-galleryContainer .cs-galleryBox .cs-galleryMainBox.cs-mainBoxWidth {width: auto;right: 105px;}
  
  /* disable zoom on mobile */
  .cs-galleryMainBox img.cs-normalPic {opacity: 1 !important;}
  .cs-galleryMainBox img.cs-zoomPic {opacity: 0 !important;}
}

.image_container {display: none;}
.image_container.active {display: block;}
/* CSS for lens */
.cloudzoom-lens {
    border:5px solid #888;
    width:100px;
    height:100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor:crosshair;
    z-index: 10;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #888;
    width:500px;
    height:200px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    z-index:9999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
    z-index:9999;
}

/* end view detail_artikelbilder */

/* begin view slider */
.slider-wrapper {overflow: hidden;position: relative;z-index: 2;}
.theme-default .nivoSlider {box-shadow: none !important;}
.nivoSlider img {max-width: none; width: 100%;z-index: 5;} /*1184px*/
.theme-light .nivoSlider,
.theme-default .nivoSlider,
.theme-dark .nivoSlider {margin-bottom: 0px !important;}
.nivo-controlNav {background: #ffffff;}

.theme-default .nivo-directionNav {position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 10000;}
.theme-default .nivo-controlNav a {background-image: none !important;border-radius: 50px;height: 15px !important;width: 15px !important;transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;-o-transition: all 300ms;}
.theme-default .nivo-controlNav a.active {width: 30px !important}
.theme-default .nivo-caption {font-family: 'Poppins', sans-serif !important;}
.theme-default .nivo-caption .cs-captionWrapper {display: flex;max-width: 50%;flex-direction: column;justify-content: center;height: 100%;}

.cs-startSlider {position: relative;}
.cs-startSlider .cs-sliderCaption {position: absolute;top: 0;left: 0;z-index: 10001;right: 0;bottom: 4.4em;width: 100%;}

.cs-body .slider-wrapper .cs-captionWrapper a {color: #000;border-bottom: 1px solid #000;}

.cs-body .cs-start .slider-wrapper .nivoSlider {max-height: 50em;height: 50em;}
.cs-body .slider-wrapper .nivoSlider a {background-size: cover  !important;display: block;opacity: 1;background-repeat: no-repeat !important;}
.cs-body .slider-wrapper .nivoSlider .nivo-caption {display: block;position: absolute;top: 0;right: 0;left: 45px;bottom: 0;width: 100%;height: 100%;margin: 0 auto;background: rgba(0,0,0,0);max-width: 84em;margin: 0 auto;color: unset;z-index: 10001;}
.cs-body .slider-wrapper .nivoSlider .cs-sliderCaption .cs-captionItem {position: absolute;top: 0;left: 0;z-index: 20000;}

html body.cs-body .nivoSlider a.nivo-imageLink {z-index: 10;background: none;}
html body.cs-body .theme-default .nivo-directionNav {z-index: 10;pointer-events: none;}
html body.cs-body .slider-wrapper .nivoSlider a {pointer-events: all;}
html body.cs-body .slider-wrapper .nivoSlider .nivo-caption {pointer-events: none;z-index: 10;}
/* end view slider */

/* begin view liveshopping_marginal */
#cs-liveshoppingDetail {margin: 1em 0;}
#cs-liveshoppingDetail .cs-liveshoppingDetailBox #countdown_dashboard {display: flex;flex-wrap: wrap;}
#cs-liveshoppingDetail .cs-liveshoppingDetailBox #countdown_dashboard .counter {width: 15%;margin-right: 0.2em;text-align: center;padding: 1em;border-radius: 0.3em;background: #f1f1f1;color: #111111;}
#cs-liveshoppingDetail .cs-liveshoppingDetailBox .digitsBox {display: flex;flex-wrap: wrap;width: 50%;margin: 0 auto;}
#cs-liveshoppingDetail .cs-liveshoppingDetailBox .digitsBox .digit {width: 50%;font-weight: 600;font-size: 1.4rem;}
#cs-liveshoppingDetail .cs-liveshoppingDetailBox .cs-liveshoppingHeading {font-weight: 500;margin: 1em 0 0.3em 0;}
/* end view liveshopping_marginal */

/* begin view cosmoPay_input_fields */
.unzerUI.form{display:grid}
.unzerUI.form input{height:auto !important}
#cosmoPayWidgets a {text-decoration: underline}
#cosmoPayWidgets .sepaMandateText{margin:0.5em 0}
#cosmoPayWidgets input[type=checkbox]{height:1.3em}

/* end view cosmoPay_input_fields */

/* begin view wklayer_crosselling */
.cs-wklayerCrosselling .cs-wklayerCrossellingRow {margin: 0 -0.5em;}
.cs-wklayerCrosselling .cs-wklayerCrossellingRow .cs-basketCrossSellingColumn {width: calc(100%/4 - 1em);margin: 0.5em;}
.cs-wklayerCrosselling .cs-wklayerCrossellingHeader {border-top: 1px solid #dadadd;margin-top: 1em;padding-top: 1em;}
.cs-wklayerCrosselling .cs-basketCrossSellingName a {font-size: 1rem;font-weight: 500;}
.cs-wklayerCrosselling .cs-basketCrossSellingPrice > div:last-of-type {font-size: 0.8rem;}

.basketCrossSellingRow a {
  outline: none;
}

/* end view wklayer_crosselling */