body {font-family: 'Outfit', sans-serif;font-weight: 400;color: #000000;font-size: 100%;line-height: 1.5;letter-spacing: -.01em;}

body.cs-body.cs-loginpagebody.cs-newCus .cs-wrapper {
    position: fixed;
}

body.cs-body.cs-loginpagebody .cs-wrapper {max-width: 100%;padding: 0;border: 0 solid #ddd;border-radius: 0;position: relative;width: 100%;height: 100vh;display: flex;flex-wrap: wrap;background-size: contain;background-position: right;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-loginLeftBox {width: 42%;display: flex;align-items: center;padding: 11em;position: relative;background: #fff;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-loginRightBox {background-size: cover;width: 58%;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang {top: 3em;position: absolute;right: 21em;display: flex;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang span {display: inline-block;margin-right: 10px;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang a {display: flex;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang img {border-radius: 100px;height: 1.5em;width: 1.5em;margin-right: 10px;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-header {text-align: center;}
body.cs-body.cs-loginpagebody .cs-wrapper h1.loginBoxHeader {display: none;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form .cs-formRow .cs-formRow-column {width: calc(100%/1 - 0.5%);position: relative;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-header img {margin-bottom: 5em;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-button1,
body.cs-body.cs-loginpagebody .cs-wrapper .cs-submit {width: 100%;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-loginLeftBox .cs-loginInner {width: 100%;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-footerCopyright {display: none;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form input {border-radius: 5px;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form input[type="text"],
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form input[type="email"],
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form input[type="password"] {margin-bottom: 20px;border: 2px solid #cd1719;padding-left: 3em;}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form .gruen {}
body.cs-body.cs-loginpagebody .cs-wrapper .cs-form .rot {}

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

body.cs-body.cs-loginpagebody .cs-newCustomer .cs-loghidden {display: none;}
body.cs-body.cs-loginpagebody .cs-newCustomer .cs-form input[type="text"],
body.cs-body.cs-loginpagebody .cs-newCustomer .cs-form input[type="email"],
body.cs-body.cs-loginpagebody .cs-newCustomer .cs-form input[type="password"] {padding-left: 0.9em;}
body.cs-body.cs-loginpagebody .cs-newCustomer .cs-form select {border-width: 2px;border-radius: 5px;}

body.cs-body .cs-form span.cs-inputIcon {max-width: 3em;display: inline-block;position: absolute;z-index: 99;top: 8px;left: 8px;}
body.cs-body .cs-form span.cs-inputIcon img {max-width: 100%;width: 2em !important;height: 2em !important;}

body.cs-body.cs-loginpagebody .cs-wrapper .cs-forgotPassword {margin-top: 10px;}

html body.cs-body .cs-overlayButton.cs-overlayMenuButton,
html body.cs-body .cs-topPages .cs-informationsHeader, 
html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader, 
html body.cs-body .cs-compareHeader,
html body.cs-body #bestandsbenachrichtigung .requestBtn,
html body.cs-body .cs-button1,
html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,
html body.cs-body .wkAddLayer .cs-checkoutBtn {background: #cd1719;border-radius: 5px;}
html body.cs-body .ui-dialog .ui-dialog-titlebar,
html body.cs-body .ui-dialog .ui-dialog-titlebar-close,
html body.cs-body .cs-filterButton {background: #cd1719 !important;border-radius: 5px;}

html body.cs-body .cs-button1:hover {background: #cd1719;}

article.cs-articlePreview {box-shadow: 0px 1px 80px #00000029;border-radius: 5px;}
article.cs-articlePreview .pictureContainer a img {padding: 0 3em;}
article.cs-articlePreview .pictureContainer {border-bottom: 2px solid #cd1719;margin: 3em 2em 6px 2em;}
article.cs-articlePreview .priceBox {position: absolute;top: 2em;left: 2em;z-index: 99;}
article.cs-articlePreview .priceBox .price {background: #cd1719;color: #fff;padding: 2px 5px;border-radius: 5px;}
article.cs-articlePreview .priceBox .priceRow {margin-bottom: 5px;}
article.cs-articlePreview .priceBox .priceRow .price span {color: #fff;font-size: 14px;}
article.cs-articlePreview:hover .pictureContainer .cs-hoverlay {display: none !important;}
article.cs-articlePreview .artnamBox {padding: 0 2em 2em 2em;}

article.cs-articlePreviewSmall {box-shadow: 0px 1px 80px #00000029;border-radius: 5px;position: relative;background: #fff;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallPicturebox a img {padding: 0 0em;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallPicturebox {border-bottom: 2px solid #cd1719;margin: 3em 1em 6px 1em;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallPriceBox {position: absolute;top: 1em;left: 1em;z-index: 99;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallPriceBox .price {background: #cd1719;color: #fff;padding: 2px 5px;border-radius: 5px;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallPriceBox .priceRow {margin-bottom: 5px;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallPriceBox .priceRow .price span {color: #fff;font-size: 14px;}
article.cs-articlePreviewSmall:hover .pictureContainer .cs-hoverlay {display: none !important;}
article.cs-articlePreviewSmall .cs-articlePreviewSmallDescriptionBox {padding: 0 1em 2em 1em;}

.cs-subtitle {display: none;}
h2.cs-betHeading,
h3.cs-siteHeading {text-align: left;margin: 2em 0 1em 0;font-size: 45px;letter-spacing: 0px;font-weight: 500;position: relative;text-transform: none;}
h2.cs-betHeading span,
h3.cs-siteHeading span {padding: 0;position: relative;}
h2.cs-betHeading:before,
h3.cs-siteHeading:before {height: 0px;}

.cs-miniButtons .cs-searchBar {display: none;}

.cs-topsearch {position: relative;width: 54%;}
.cs-topsearch input {border: 0;max-width: 100%;border-radius: 36px;padding-left: 19px;width: 100%;border: 0 solid #dadadd ;background: #F2F2F2;padding: 16px 30px;}
.cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
.cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #000;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}

.cs-miniwk span {position: relative;top: 0;left: 0px;}
.cs-miniButtons li img {top: 0;}
.cs-miniButtons li img.kontoIcon {width: 34px;margin-right: 0;}

.cs-articleDetail .cs-bestellButtons input {padding: 0.9em 1.2em;}
html body.cs-body .cs-topPages .cs-informationsHeader {border-radius: 0;}

.cs-container,
.cs-box {max-width: 91em;}
section.cs-mainContent {width: 100%;}
aside.cs-aside {display: none;}

span.cs-topIconSearch {max-width: 100px;display: inline-block;position: absolute;right: 17px;top: 13px;z-index: 99;}
span.cs-topIconSearch img {max-width: 100%;width: 25px;}
header .cs-miniButtons > ul > li {text-align: center;margin: 0 25px 0 0;}
header .cs-miniButtons > ul > li.cs-miniwk .cs-iconText {margin-top: 1px;}
header .cs-miniButtons > ul > li.cs-miniwk {position: relative;top: 1px;}
header .cs-topBar .cs-container {align-items: center;justify-content: space-between;}
.cs-topContent {margin-left: unset;}
.cs-topText a {color: #cd1719;font-weight: 500;}

header .cs-topBar {background: #ffffff;border-bottom: 1px solid #cd1719;}
header .cs-headerContent {border-bottom: 1px solid #e5e5e5;padding: 10px 0;}
.cs-topContent .cs-lang {display: flex;flex-wrap: wrap;}
.cs-body.cs-frontend .cs-lang {max-width: none;padding-top: 0;margin-right: 0.4em;align-items: center;}
.cs-body.cs-frontend .cs-lang span {display: inline-block;}
.cs-body.cs-frontend .cs-lang a {display: flex;justify-content: center;align-items: center;}
.cs-body.cs-frontend .cs-lang img {max-width: 20px;height: 20px;margin: 0 1em;border-radius: 100px;}

.cs-categoriesTop > ul > li > .cs-menuItem > a {font-weight: 500;}
.cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountInput {border-radius: 5px;}

/* category */
.cs-categoryView .categoryPicture {display: none;}
.cs-listPager {margin-bottom: 3em;}
.cs-listPager .cs-articlecount {border-bottom: 0px solid #dadadd;}
.cs-categoriesTop > ul {justify-content: center;}

/* footer */
footer {margin-top: 10em;}
footer .cs-footerBox .cs-footerBoxHeader {font-weight: 700;font-size: 17px;}
footer .cs-footerLine {border-bottom: 1px solid #747474;margin-bottom: 2em;padding-bottom: 2em;max-width: 78%;}
footer ul {line-height: 38px;}
footer .cs-footerKontaktBtn {background: #0A0A0A;border-radius: 5px;display: inline-block;margin-top: 3em;width: 80%;position: relative;}
footer .cs-footerKontaktBtn a {color: #fff;padding: 10px 21px;display: block;}
footer .cs-footerKontaktBtn img {filter: brightness(0) invert(1);position: absolute;right: 12px;top: 11px;max-width: 20px;}
footer .cs-copyrightBox {margin: 0;text-align: left;padding: 9px 0;font-weight: 500;font-size: 13px;padding-left: 15px;}
footer .cs-footerRow.cs-copyrightRow {background: #747474;}
footer .cs-footerRow.cs-copyrightRow,
footer .cs-footerRow.cs-copyrightRow a {color: #fff;}
footer img.cs-footerLogo {max-width: 161px;margin-bottom: 1em;}
footer .cs-rowItem {position: relative;padding-left: 30px;}
footer .cs-rowItem img {position: absolute;left: 0;top: 3px;max-width: 18px;}
footer .cs-footerTop {padding: 10px 15px 60px 15px;margin-top: 0;}
footer .cs-footerlogoRow {padding: 3em 1em 0 1em;}
footer .cs-footerlogoRow .cs-footerBoxHeader {font-weight: 700;font-size: 14px;margin-bottom: 1em;}

/* checkout */
body.cs-body.cs-checkout .logo {margin: 1em 0;}
body.cs-body.cs-checkout .cs-statusbar li.cs-basketSteps.active {background: #cd1719;color: #fff;}
body.cs-body.cs-checkout .cs-statusbar li.cs-basketSteps.active a {color: #fff;}

body.cs-body.cs-loginpagebody.cs-newCus .cs-wrapper {position: fixed;}
body.cs-body.cs-loginpagebody.cs-newCus .cs-wrapper .cs-loginLeftBox {overflow-y: scroll;height: 100%;padding-top: 50em;}
body.cs-body.cs-loginpagebody.cs-newCus .label {display: block !important;}

header .cs-miniButtons .cs-svgIcon {margin-right: 0;margin-top: -1px;}
.cs-budget {text-align: center;margin-right: 22px;}
.ui-dialog-titlebar .ui-button-icon-only .ui-icon {filter: brightness(0) invert(1);}
.cs-badgesBox {left: auto;right: 4%;}
.cs-informations {padding: 0 32px 10px 32px;font-size: 14px;}


/* login */

.eingabe:focus {
  border-color: #007bff; /* Rahmenfarbe beim Fokus */
  outline: none; /* Entfernt Standard-Fokus-Effekt */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Leichter Schatten beim Fokus */
}