/* -- 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;}

footer .cs-footerBox {width: calc(100%/3);}

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 {max-width: 30px;padding-top: 1px;margin-right: 0;margin-left: 10px;}

.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);}
header .cs-lang {padding-top: 10px;}

/* 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-footerBottom,
.cs-footerBottom a {color: #111;}
footer a:hover {color: #fff;}