/* -- ROOT COLORS ------------------ */
:root {
  --pColor: #4F4F4E;
  --pBackground: #0f3063;
  --pBackgroundColor: #fff;
  --pBorderColor: #fff;
}
/* -- ROOT COLORS ------------------ */

.cs-logo img {width: 177px;}
.cs-checkout .cs-logo {margin: 2em 0;}
.cs-categoriesTop a {font-size: 17px;padding: 10px 20px 10px 0;}
.cs-categoriesTop > ul ul a {padding: 10px 20px 10px 20px;}
.cs-categoriesTop ul.cs-categories1 ul {width: 350px;left: -20px;}

.theme-default .nivo-caption {opacity: 1;}
.theme-default .nivo-caption .cs-captionWrapper {display: flex;max-width: 100%;flex-direction: column;justify-content: center;height: 100%;}
.theme-default .nivo-caption .cs-captionWrapper .heroSlide1 {color: #111;}
.theme-default .nivo-caption .cs-captionWrapper .heroSlide2 {color: #fff;}
.theme-default .nivo-caption .cs-captionWrapper > div {text-align: left;}
.theme-default .nivo-caption .cs-captionWrapper .hero-slide__title {font-size: 59px;font-weight: 700;color: #131313;}
.theme-default .nivo-caption .cs-captionWrapper .hero-slide__subtitle {font-size: 36px;margin-bottom: 2em;color: #131313;}

footer {margin-top: 5em;}
footer .cs-footerTop {margin-top: 10px;}
footer .cs-footerRow.newsletter {display: none;}
footer .cs-footerPayments {margin-top: 1em;}
footer .cs-socials ul li {width: calc(100% / 7);margin: 3px;max-width: 40px;}

body.cs-headerReverse header .cs-headerContent .cs-container,
body.cs-headerReverse header .cs-miniButtons ul {flex-direction: row-reverse;}
body.cs-headerReverse .cs-searchBar .cs-searchBlock {left: auto;}
header .cs-lang {padding-top: 13px;}

.cs-subtitle {display: none;}
h2.cs-betHeading:before,
h3.cs-siteHeading:before {height: 0px;}
h2.cs-betHeading span,
h3.cs-siteHeading span {padding: 0 0 1em 0;font-size: 30px;margin-bottom: 2em;}

#checkoutform {margin-bottom: 2em;}
.checkoutStep4 .cs-paymentBox.active:after, .checkoutStep4 .cs-paymentBox.active:after, .checkoutStep4 .cs-shippingBox.active:after {display: none;}
.checkoutStep4 .cs-paymentBox, .checkoutStep4 .cs-shippingBox {cursor: pointer;}

.cs-categoryPreview .cs-categoryName {position: relative;bottom: auto;left: auto;font-size: 0.9rem;font-weight: 600;background: #fff;min-width: 100%;text-align: center;-webkit-transform: unset;transform: unset;}
.cs-categoryPreview .cs-categoryName a {font-size: 22px;font-weight: 500;}
.cs-categorysContainer {margin-top: 13em;}

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

.cs-topsearch {position: relative;}
.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: #000;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}

/* mega menu dropdown fix */
.cs-categoriesMegaMenu .cs-megaMenu ul.mmDropdown {display: none;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a {padding: 1em 1.5em 1em 0;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li:hover > ul {display: block;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li:hover > ul {position: absolute;z-index: 9;background: #fff;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > ul {list-style: none;margin: 0;padding: 0;padding-bottom: 10px;left: -15px;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > ul > li > a {font-size: 17px;padding: 5px 10px 5px 15px;display: block;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > ul > li:hover {background: #f5f5f5;}

/* schriftfarbe */
body,a,.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: color: var(--pColor);}
/* sliderdots active */
.theme-default .nivo-controlNav a.active {background: var(--pBackground);}
/* headings */
h2.cs-betHeading span,
h3.cs-siteHeading span {color: var(--pColor);border-bottom: 1px solid var(--pColor);}
/* primary buttons */
html body.cs-body .cs-overlayButton.cs-overlayMenuButton,
html body.cs-body .cs-topPages .cs-informationsHeader, 
html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader, 
html body.cs-body .cs-compareHeader,
html body.cs-body #bestandsbenachrichtigung .requestBtn,
html body.cs-body .cs-button1,
html body.cs-body .cs-button1:hover,
html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,
html body.cs-body .wkAddLayer .cs-checkoutBtn {background: var(--pBackground);}
html body.cs-body .ui-dialog .ui-dialog-titlebar,
html body.cs-body .ui-dialog .ui-dialog-titlebar-close {background: var(--pBackground);}
/* checkout payment shipping buttons active */
.checkoutStep4 .cs-paymentBox.active, .checkoutStep4 .cs-shippingBox.active {background: var(--pBackground);border: 1px solid var(--pBorderColor);color: var(--pBackgroundColor);}
/* checkout orderbar */
.cs-statusbar li.cs-basketSteps.active {background: var(--pBackground);color: var(--pBackgroundColor);}
/* footer */
footer .cs-footerRow.top {border-top: 10px solid var(--pBackground);}

.cs-loginText {border: 1px solid #920909;padding: 10px;border-radius: 5px;background: #ffe1e1;margin-top: 2em;text-align: center;color: #920909;}
.cs-loginText {max-width: 84em;margin: 0 auto;}

/* hahn kolb */
body {font-family: 'Arial', sans-serif;}
header .cs-topBar {background: #dddddd;}
.cs-start .cs-categoriesBox {background: #ddd;margin-bottom: 0;}
.cs-categoriesMegaMenu .cs-megaMenu > ul > li > a {font-weight: 600;}
.cs-miniButtons .cs-svgIcon path {fill: #133871;}
.cs-miniwk span {color: #133871;}
footer .cs-footerRow.top {background: #ddd;}
footer .cs-footerPayments {display: none;}
footer .cs-footerBox {width: calc(100%/3);}
ul#main_categories_footer {column-count: 2;}
footer .cs-footerBox .cs-footerBoxHeader {font-weight: 600;}
.theme-default .nivo-controlNav a.active {background: #00245e !important;}
.cs-startTextBox {background: #ddd;}
html body.cs-body .cs-overlayButton.cs-overlayMenuButton,
html body.cs-body .cs-topPages .cs-informationsHeader, 
html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader, 
html body.cs-body .cs-compareHeader,
html body.cs-body #bestandsbenachrichtigung .requestBtn,
html body.cs-body .cs-button1,
html body.cs-body .cs-button1:hover,
html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,
html body.cs-body .wkAddLayer .cs-checkoutBtn,
html body.cs-body .cs-filterButton {background: #00245e;}

/* calender detail */
html body #ui-datepicker-div.ui-datepicker .blocked a, html body #ui-datepicker-div.ui-datepicker .blocked span, html body #ui-datepicker-div.ui-datepicker .unavailable a, html body #ui-datepicker-div.ui-datepicker .unavailable span {
border: 1px solid #c9382e !important;cursor: not-allowed !important;background-color: #ffd6d3 !important;color: #c9382e !important;}
html body #ui-datepicker-div.ui-datepicker .available a:hover {background-color: #76c979 !important;color: #0b3d07 !important;}
html body .ui-datepicker .ui-datepicker-prev span, html body .ui-datepicker .ui-datepicker-next span {}