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

#customerList {min-width: 1000px;max-width: 100%;width: 1100px;}
#customerList .cs-customerListBox {margin: 0 -0.5em;}
#customerList .cs-customerListBox input[type="number"] {width: 5em !important}
#customerList .cs-customerListBox .cs-memoryListArticleBox {width: calc(100% / 4 - 1em);margin: 0.5em;}
#customerList .cs-customerListBox .priceRow .price span {font-size: 23px;font-weight: 400;color: #ff7000;}
#customerList .cs-edit {text-decoration: underline;cursor: pointer;display: inline-block;margin-left: 1em;font-size: 12px;}

#customerList .allArticles .button {display: inline-block;background: #000;color: #fff;padding: 1em;margin: 0.9em 0;cursor: pointer;}
#customerList .cs-deleteButton {font-size: 12px;color: #da1818;}

.cs-checkout .customerLists {display: flex;}

#customerList .cs-customerListBox span.cs-mengeMinus {margin-left: 8px;font-size: 18px;font-weight: 600;position: relative;top: 1px;margin-right:7px;cursor:pointer;}
#customerList .cs-customerListBox span.cs-mengeMinus:hover {color: #FF7000;}
#customerList .cs-customerListBox span.cs-mengePlus {font-size: 18px;font-weight: 600;position: relative;top: 1px;margin-left:7px;cursor:pointer;}
#customerList .cs-customerListBox span.cs-mengePlus:hover {color: #FF7000;}
#customerList .cs-customerListBox span.cs-menge {position: relative;}
#customerList .cs-customerListBox span.cs-menge input {border: 0;padding: 0;width: 30px !important;text-align: center;}

@media (max-width: 800.98px) { 
  #customerList .cs-customerListBox .cs-memoryListArticleBox {width: calc(100% / 2 - 1em);margin: 0.5em;}
}
/* manrope-200 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  src: url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-200.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-300 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-300.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-regular - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-500 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-500.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-600 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-600.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-700 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-700.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-800 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/cosmoshop/default/pix/user_img/fonts/manrope-v13-latin-800.svg#Manrope') format('svg'); /* Legacy iOS */
}
body {font-family: 'Manrope';font-weight: 300;font-size: 17px;}

.cs-articleDetail .cs-articlePriceInfo {text-decoration: none;}

.cs-topBurgerCatalogs {cursor: pointer;position: relative;}
.cs-topBurgerCatalogs svg {width: 30px;}
.cs-topBurgerCatalogs .cs-catalogsMenu {position: absolute;background: #F6F6F6;width: 200px;display: none;margin-top: 0;padding: 0;z-index: 999;}
.cs-topBurgerCatalogs.cs-active .cs-catalogsMenu {display: flex;transition: all 0.5s ease;}
.cs-topBurgerCatalogs .cs-catalogsMenu .cs-catalog {margin-left: 0;list-style: none;padding: 0;margin: 0;width: 100%;}
.cs-topBurgerCatalogs .cs-catalogsMenu .cs-catalog .cs-externalCatalgues .cs-menuItem a {font-size: 18px;padding: 0.5em 1em;display: block;}
.cs-topBurgerCatalogs .cs-catalogsMenu .cs-catalog .cs-externalCatalgues .cs-menuItem a span {display: flex;width: 100%;flex-wrap: wrap;align-items: center;}
.cs-topBurgerCatalogs .cs-catalogsMenu .cs-catalog .cs-externalCatalgues .cs-menuItem a span svg {margin-left: auto;margin-right: unset;}
.cs-displayFlex {display: flex !important;}
.cs-topBurgerCatalogs .cs-topBurgerCatalogsInner {display: flex;align-items: center;flex-wrap: wrap;height: 100%;}
.cs-cartTablePicture img {max-width: 102px;}

/* footer */
.cs-copyrightBox {display: flex;justify-content: center;}
.cs-copyrightBox ul {display: flex;flex-wrap: wrap;}
.cs-copyrightBox span.stroke {display: inline-block;margin: 0 1em;}
.cs-copyrightBox ul span.stroke {display: inline-block;margin: 0 0.9em;}
.cs-copyrightBox a:hover {color: #fff;}
.cs-footerBox.cs-footerAbout {width: 75%;}

.listBox3 .shortBtns form {display: flex;flex-wrap: wrap;justify-content: right;}
.listBox3 .shortBtns form .cs-articleAmount {margin: 0 0;}
.cs-articlePreview.list .listBox3 {width: 45%;}
.cs-articlePreview.list .listBox2 {width: 40%;}

.cs-checkout .cs-versandkostenContainer,
.cs-checkout .cs-mwstContainer {display: none;}

.articletable .cs-cartBoxPrice {display: flex;flex-wrap: wrap;}
.articletable .cs-cartBoxPrice .cs-articleDelete {cursor: pointer;color: #b30000;width: 20px;margin-left: 20px;margin-top: 19px;}
.articletable .cs-cartBoxPrice .cs-articleDelete svg {max-width: 21px;}
.articletable .cs-cartBoxPrice .cs-articleDelete svg path {fill: #c72324;}

.cs-mengeBox {display: flex;flex-wrap: wrap;}
.cs-mengeBox .cs-mengeMinus, .cs-mengeBox .cs-mengePlus {cursor: pointer;display: flex;border: 1px solid #dadadd;font-size: 32px;padding: 0 7px;height: 36px;width: 20%;justify-content: center;align-items: center;}
.cs-cartBoxAmount input {margin: 0 3px !important;max-width: none;width: 32%;text-align: center;}
.cs-cartBoxAmount .cs-articleRefresh {width: 20%;}

.cs-dsBox span {font-size: 13px;}

body.cs-body.cs-loginpagebody .cs-powered.cs-mobile {display: none;}

/* anfrage form */
.cs-widgetTab {padding: 1em;background: #fbfbfb;min-height: 350px;}
.cs-widgetTab input[type="file"] {display: none;}
.cs-widgetTab h3 {text-align: center;margin-bottom: 15px;}
.cs-widgetTab .custom-file-upload {padding: 3px 10px;background: #efefef;border: 1px solid #767676;border-radius: 3px;}
.cs-widgetTab {display: none;}
.cs-widgetTab.active {display: block;}

#categoriesLeft .cat3 a {padding-left: 65px;}
#categoriesLeft .active > a, #categoriesLeft .active1 > a, #categoriesLeft .active2 > a, #categoriesLeft .active3 > a {color: #111111;background: #fff;font-weight: 600;}

.cs-lang img {max-width: 28px;border-radius: 3px;}
.cs-lang a:hover {border-bottom: 1px solid #000;}
.cs-lang a[data-lang="de"][data-current="de"],
.cs-lang a[data-lang="en"][data-current="en"] {border-bottom: 1px solid #000;}

.product_request_line,
.product_request_header {display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_request_line > div,
.product_request_header > div {width: 30%;}
.product_request_col.product_request_col1 {width: 20%;padding-top: 6px;}
.product_request_col.product_request_col2 {width: 60%;}
.product_request_col.product_request_col5 {width: 5%;text-align: right;}
.product_request_col.product_request_col3 {width: 10%;}
.product_request_line .product_request_col.product_request_col4 {display: none;}
.product_request_line input[type="text"], .contactdata input[type="text"] {padding: 10px;width: 100%;border-radius: 4px;}
.product_request_line input[type="text"].border_red {border: 1px solid red;}
.product_request_line .file-chosen {max-width: 100%;overflow: hidden;font-size: 14px;}


.purchase_request_line,
.purchase_request_header {display: flex;flex-wrap: wrap;justify-content: space-between;}
.purchase_request_line > div,
.purchase_request_header > div {width: 30%;}
.purchase_request_col.purchase_request_col1 {width: 20%;padding-top: 6px;}
.purchase_request_col.purchase_request_col2 {width: 35%;}
.purchase_request_col.purchase_request_col3 {width: 15%;}
.purchase_request_col.purchase_request_col4 {width: 10%;}
.purchase_request_col.purchase_request_col5 {width: 10%;}
.purchase_request_col.purchase_request_col6 {width: 5%;text-align: right;}
/*.purchase_request_line .purchase_request_col.purchase_request_col4 {display: none;} */
.purchase_request_line select {padding: 9px;width: 100%;border-radius: 4px;}
.purchase_request_line input[type="text"],
.purchase_request_line input[type="number"] {padding: 10px;width: 100%;border-radius: 4px;}
.purchase_request_line select.border_red, 
.purchase_request_line input[type="text"].border_red, 
.purchase_request_line input[type="number"].border_red {border: 1px solid red;}
.purchase_request_line .file-chosen {max-width: 100%;overflow: hidden;font-size: 14px;}


.cs-productRow {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2em;}
.cs-productRow .cs-submitButton {background: #55ac42;color: #fff;padding: 8px 19px;border-radius: 100px;font-size: 16px;margin-right: 0;border: 0;}
.cs-productRow .cs-addline {background: #f6f6f6;border: 0;padding: 8px 19px;}

/* overlayButton */
.cs-overlayButton.cs-overlayMenuButton {background: #f2f2f2;color: #121212;width: 100%;}
.cs-overlayButton.cs-overlayMenuButton svg path {fill: #121212;}
.cs-overlay {z-index: 1111;}
.cs-blackOverlay {background: rgba(0,0,0,0);visibility: hidden;pointer-events: none;}
.cs-mobileCategorys > ul > li > .cs-menuItem > a > span > svg {transform: rotate(-90deg);}

/* login */
body.cs-body.cs-loginpagebody {background: #F2F2F2;}
body.cs-body.cs-loginpagebody .cs-wrapper {overflow: hidden;width: 72rem;display: flex;flex-wrap: wrap;padding: 0;background: #fff;border-radius: 1rem;max-width: 72rem;box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-boxed {background-color: #003d72;display: flex;align-items: center;width: 60%;position: relative;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-boxed svg {position: absolute;}
body.cs-body.cs-loginpagebody .cs-wrapper svg, 
body.cs-body.cs-loginpagebody .cs-wrapper svg g {color: rgb(8 67 119);}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-boxed2 {padding: 4em;width: 40%;position: relative}
body.cs-body.cs-loginpagebody .cs-wrapper svg.svgClass {bottom: -1em;max-width: 10em;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-welcomeText {position: relative;color: #fff;font-size: 2.5em;padding-left: 1em;font-weight: 800;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-welcomeText2 {position: relative;color: #94A3B8;padding: 1em 2.5em 1em 2.5em;}
body.cs-body.cs-loginpagebody .cs-wrapper .loginBoxHeader {display: none;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form .cs-formRow .cs-formRow-column {width: 100%;margin-bottom: 1em;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form .cs-formRow span.label {top: -12px;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form .cs-formRow input {border-radius: 5px;}
body.cs-body.cs-loginpagebody .cs-header {margin-bottom: 3em;}
body.cs-body.cs-loginpagebody .cs-welcomeText,
body.cs-body.cs-loginpagebody .cs-welcomeText2 {flex-shrink: 0;}
body.cs-body.cs-loginpagebody .cs-welcomeText2 a {text-decoration: underline;}
body.cs-body.cs-loginpagebody .cs-welText {position: relative;}
body.cs-body.cs-loginpagebody .cs-button1 {width: 100%;border-radius: 999px;background: #003d72;}
body.cs-body.cs-loginpagebody .cs-submitBox {display: block;}
body.cs-body.cs-loginpagebody .cs-forgotPassword a {font-size: 13px;}
body.cs-body.cs-loginpagebody .cs-header img {max-width: 180px;}
body.cs-body.cs-loginpagebody .cs-header .cs-lang img {max-width: 28px;}
.cs-inputWithIcon input {padding-left: 45px;}
.cs-inputIcon {position: absolute;z-index: 1;max-width: 20px;top: 20px;left: 15px;}

/* product request startsite */
.cs-body.cs-start div#rfq_widget {padding: 1em;}


/* menu */
.cs-categoriesTop a {font-size: 18px;color: #4f4f4f;}
.cs-categoriesTop a:hover {text-decoration: none;}
.cs-categoriesTop .cs-categories1 > li > div > a:hover {text-decoration: underline;}
.cs-categoriesTop {display: none;position: absolute;left: -10px;width: auto;}
.cs-categoriesTop > ul {display: inline-block;width: 300px;background: #f6f6f6;padding: 10px 0 10px 20px;}
.cs-categoriesTop > ul > li > div > a {padding-left: 0;}
.cs-topBurgerButton {display: inline-block;padding: 0 0 0 10px;background: #f2f2f2;position: relative;left: 0;width: 100%;}
.cs-topBurgerButton svg {top: 0;position: relative;margin-right: 8px;}
.cs-topBurgerButton svg path {fill: #737373;}
.cs-topBurgerButton .cs-topBurgerInner {max-width: 83em;margin: 0 auto;display: flex;flex-wrap: wrap;position: relative;}
.cs-topBurgerButton .cs-topBurgerInner > div {margin-right: 2em;height: 58px;}
.cs-topBurgerButton .cs-topBurgerInner .cs-topBurgerButtonInnerButton {display: inline-block;cursor: pointer;display: flex;align-items: center;flex-wrap: wrap;}
.cs-topMenuSvg {max-width: 26px;transform: rotate(-90deg);height: 26px;display: block;transition-duration: 0.4s;transition-property: transform;}
.cs-topMenuSvg path {fill: #111;}
.cs-svgRotate {transform: rotate(90deg);}
.cs-topBurgerCatalogs .cs-catalogsMenu .cs-catalog svg {transform: rotate(0deg);}


.cs-categoriesTop > ul.cs-categories1 > li {margin-right: 0;}
.cs-categoriesTop > ul.cs-categories1 > li > ul.cs-categories2 {right: -300px;top: 0;width: 300px;}
.cs-categoriesTop .cs-categories1 > li > div > a:hover {text-decoration: none;}
.cs-categoriesTop ul li .cs-menuItem .cs-categorieName svg {top: 5px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
html body .cs-categoriesTop li {background: #f6f6f6;}
.cs-inlineBlock {display: inline-block;}
html body .cs-categoriesTop {position: absolute !important;}
/* menu */

.topContainer {display: flex;align-items: center;flex-shrink: 0;}
header .cs-headerContent {margin: 0 auto;padding: 20px 20px 0 20px;margin-bottom: 0;margin-top: 0;background: #f2f2f2;border-bottom: 0 solid #fff;}
header {transition: box-shadow 0.42s ease,opacity 0.3s ease;}
header.cs-boxShadow {box-shadow: 0 3px 45px rgba(0,0,0,0.15);}
.cs-start .cs-categoriesBox {margin-bottom: 0;background: rgba(0,0,0,0);}
.cs-contact a {background: #55ac42;color: #fff;padding: 8px 19px;border-radius: 100px;font-size: 16px;margin-right: 30px;}
.cs-categoriesBox .cs-container {position: relative;}
footer {margin-top: 3em;}
footer,
footer .cs-footerRow.top {background: #313233;color: #fff;}
footer a,
footer .cs-footerRow.top a {color: #fff;}
footer .cs-footerRow.newsletter {border-bottom: 1px solid #f2f2f2;margin-bottom: 2em;display: none;}
footer .cs-copyrightBox {text-align: center;margin: 0;width: 100%;background: #1F1F1F;padding: 25px 0;margin-top: 2em;}
.cs-scrollup svg path {fill: #55ac42;}
.cs-subtitle {display: none;}
.cs-categoriesBox {background: #ffffff;}
.cs-categoryPreview .cs-categoryName {margin-bottom: 1em;}
.cs-listPager .cs-articlecount {border-bottom: 1px solid #dadadd;display: flex;align-items: center;gap: 12px;}
.changeListBox {float: none;margin-left: auto;}
.changeListBox i {font-size: 22px;}
.cs-category article.cs-articlePreview.list {width: 100%;}
.cs-articlePreview.list .shortBtns .shorts:hover {background: #55ac42;border-color: #55ac42;color: #fff;}
.cs-articlePreview.list .shortBtns .basketAmount.basketBtn.shorts {display: none;}
.cs-articlePreview.list .shortBtns .shorts {display: flex;justify-content: center;align-items: center;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang {top: 0;position: relative;float: right;}
.cs-lang {max-width: none;padding-top: 11px;margin-right: 0;margin-left: 9px;}
.cs-body .cs-scrollup {
    transform: translate(-50%, -50%);
    left: auto;
    position: fixed;
    right: 8px;
    display: none;
    padding: 0;
    z-index: 20;
    border-radius: 999px;
    text-align: center;
    padding-top: 0;
    bottom: 5px;
    height: 25px;
    background-color: rgba(0,0,0,0.25);
    width: 25px;
}
.cs-body .cs-scrollup:hover {background-color: #53AF32;}
.cs-body .cs-scrollup svg {width: 11px;top: -5px;position: relative;}
.cs-body .cs-scrollup svg path {fill: #fff;}

.cs-checkout .logo {margin: 1em 0;max-width: 160px;}
.cs-logo {position: relative;top: -5px;max-width: 160px;}
#checkoutform {margin-bottom: 2em;}

.cs-customerListBox {background: #F6F6F6;padding: 1em;margin-bottom: 1em;}
.cs-customerListBox select {margin: 0;background-color: #fff;}
.cs-checkout .customerLists {display: flex;flex-wrap: wrap;gap: 1em;}
.cs-customerListBox .customerLists div {float: none;margin: 0;}
.cs-customerListBox .cs-customerText {font-weight: 600;margin: 0 0 10px 6px;}
.fancybox-container #customerList .cs-customerListBox .cs-memoryListArticleBox {width: calc(100% / 4 - 1em);margin: 0.5em;border: 1px solid #e2e2e2;background: #fff;padding: 10px;}
#customerList {min-width: unset;}

/* header */
body.cs-frontend header {position: fixed;width: 100%;z-index: 9;top: 0;}
body.cs-frontend header > .cs-container {}
.cs-main {margin-top: 7em;}
.cs-topBar {display: none;}

/* startinfos */
.cs-startInfoContainer {gap: 1%;justify-content: space-between;margin: 3em 0;}
.cs-startInfoContainer .cs-startInfoBox {width: 42%;}
.cs-startInfoContainer .cs-startInfoBox:nth-of-type(2) {width: 54%;}
.cs-startInfoContainer .cs-startInfoBox .cs-startInfoClientLogo {max-width: 300px;overflow: hidden;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);}
.cs-startInfoContainer .cs-startInfoBox .cs-startInfoClientLogo img {max-width: 100%;display: block;}
.cs-startInfoContainer .cs-startInfoBox .cs-startInfoClientName {text-align: center;font-size: 23px;margin-top: 1em;}
.cs-startInfoForm {border: 0 solid #f7f7f7;}
.cs-startInfoForm .cs-form {padding: 1em;}
.cs-startInfoForm .cs-form > input {width: 100%;}
.cs-startInfoForm .cs-startFormButtons {margin-top: 4em;}
.cs-startInfoFormHeader {background: #f7f7f7;padding: 10px;}
.cs-startInfoContainer .cs-actionButton {background: #55ac42;color: #fff;padding: 8px 19px;border-radius: 100px;font-size: 16px;margin-left: auto;border: none;}
.cs-lastBuyContainer {position: relative;}
.cs-lastBuyContainer .cs-greyBox {background: #F3F3F3;position: absolute;height: 100%;width: 100vw;top: 0;right: 0;z-index: -1;display: table;}
.cs-lastBuyContainer article.cs-articlePreview {width: calc(100% /6 - 2em);background: #fff;padding: 10px;}
.cs-lastBuyContainer h4 {margin-left: 17px;padding-top: 1em;}
.cs-lastBuyContainer .cs-lastBuyBox {padding-bottom: 1em;}

.cs-externalCatalguesContainer {gap: 1em;}
.cs-externalCatalguesContainer .cs-externalCatalgues {width: calc(100% / 4 - 1em);}
.cs-externalCatalguesContainer .cs-externalCatalgues a {background: #55ac42;color: #fff;display: block;text-align: center;padding: 1em;margin-top: 4em;border-radius: 100px;font-weight: 600;}

.cs-miniButtons .cs-searchBar {display: none;}
.cs-topsearch {position: relative;margin: 0 auto;}
.cs-topsearch input {border: 0;max-width: 100%;border-radius: 36px;padding-left: 19px;width: 500px;border: 1px solid #dadadd;}
.cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
.cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #f7f7f7;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 5px;}
.cs-topsearch #liveSearchResult ul.cs-livesearch li a {color: #343434;}
.cs-headerContent > .cs-topContainer {border-bottom: 0 solid #dadadd;padding-bottom: 1em;margin-bottom: 0;}

body.cs-body.cs-loginpagebody {min-height: 100vh;height: auto;padding: 1em 0;}
body.cs-body.cs-loginpagebody .cs-powered {position: absolute;bottom: 1em;color: #343434;font-size: 13px;left: 43px;display: flex;justify-content: center;align-items: end;gap: 1em;color: #121212 !important;bottom: 3em;}

body.cs-body.cs-loginpagebody.cs-loginContact .cs-wrapper .cs-boxed2 {width: 100%;}
body.cs-body.cs-loginpagebody.cs-loginContact .cs-wrapper .cs-boxed,
body.cs-body.cs-loginpagebody.cs-loginContact .cs-powered {display: none;}
body.cs-body.cs-loginpagebody .cs-backButton {background: #003d72;color: #fff;display: inline-block;padding: 3px 13px 6px 13px;border-radius: 238px;font-size: 14px;}
body.cs-body.cs-loginpagebody .cs-backButton a {color: #fff;}

.cs-footerBox.cs-footerContact img {margin-top: 1em;}
.cs-body.cs-checkout .cs-shortnav ul li {margin-right: 1em;background: #f6f6f6;border-radius: 0;}
.cs-body.cs-checkout .cs-shortnav ul li a {color: #2b2b2b;padding: 4px 10px;font-size: 15px;display: block;}

.lastViewVBox article.cs-articlePreview {width: calc(100% /5 - 2em);}
.cs-basektRightBox #best_land {display: none;}

.cs-categoriesTop {z-index: 9999;}
.cs-categoriesTop ul li .cs-menuItem .cs-categorieName svg {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
html body.cs-body .cs-categoriesTop > ul > li > .cs-menuItem svg {transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}

footer .cs-footerTop {overflow: hidden;padding: 0px 15px 0 15px;margin-top: 25px;}
header .cs-headerContent {padding: 10px 20px 0 20px;}
.cs-headerContent > .cs-topContainer {padding-bottom: 5px;}
.cs-topBurgerButton {padding: 0 19px 0 10px;}

body.cs-body.cs-loginpagebody .cs-button1 {background: #53af32;}

.cs-mobileCategorys .cs-mobileCategorysHeader.cs-extCata {
    font-weight: 600;
    font-size: 1.1rem;
    color: #fff;
    background: #6DB65C;
    padding: 0.7em 0.4em;
    margin-bottom: 0.5em;
}

body.cs-body.cs-loginpagebody .cs-wrapper .cs-boxed {background-color: #f7f7f7;}
body.cs-body.cs-loginpagebody .cs-wrapper svg, body.cs-body.cs-loginpagebody .cs-wrapper svg g {color: #ededed;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-welcomeText {color: #343434;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-welcomeText2 {color: #121212;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-welcomeText {color: #53af32;}
body.cs-body.cs-body .cs-button1 {background: #55AC42;}

body.cs-lastShoppingSeven .cs-lastBuyBox article.cs-articlePreview {width: calc(100% /7 - 2em);}
body.cs-lastShoppingSeven .cs-lastBuyBox article.cs-articlePreview {display: none;}
body.cs-lastShoppingSeven .cs-showMore {text-align: right;}
body.cs-lastShoppingSeven .cs-showMore span {background: #55AC42;color: #fff;display: inline-block;padding: 5px 11px;text-align: center;border-radius: 100px;cursor: pointer;}

/* surcharge Bestellschritt 1 & last step / pw */
.cs-basektLeftBox {width: 100%;}
.cs-basektRightBox {width: 100%;}
.cs-cartTablePicture {width: 10%;}
.cs-cartBoxDetails {width: 30%;}
.cs-cartBoxAmount {width: 20%;}
.cs-cartBoxSinglePrice {width: 10%;}
.cs-cartBoxSurchargeOriginal {width: 10%;}
.cs-cartBoxSurchargeSurcharge {width: 10%;}
.articletable .cs-cartBoxPrice,
.carttable .cs-cartBoxPrice {width: 10%;}
#basketTableStep5Footer .cs-columnLeft {width: 86%;}
#basketTableStep5Footer .cs-columnRight {width: 13%;padding-left: 3.5em;}