/*header*/
header .cs-headerContent {margin-bottom: 0;}
header .cs-headerContent .cs-headerInner {padding: 0 40px;align-items: center;}
header .cs-headerContent .cs-headerInner .cs-topRightBox {margin-left: auto;margin-bottom: 0;display: flex;align-items: center;}
header .cs-headerContent .cs-headerInner .cs-topRightBox > div {margin-bottom: 0;}
header .cs-headerContent .cs-headerInner .cs-overlayButton.cs-overlayMenuButton {padding: 0.32em 0.5em 0.1em;background: #ffffff;color: #111;}
header .cs-headerContent .cs-headerInner .cs-overlayButton.cs-overlayMenuButton svg path {fill: #111;}
header .cs-headerContent .cs-miniButtons .cs-searchBar {display: none;}
header .cs-headerContent .cs-topsearch {position: relative;margin: 0 auto;width: 40%;}
header .cs-headerContent .cs-topsearch input {border: 0;max-width: 100%;border-radius: 36px;padding-left: 19px;width: 100%;border: 1px solid #dadadd ;}
header .cs-headerContent .cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
header .cs-headerContent .cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #000;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}

/*general*/
.cs-svgIcon {width: 26px;height: 26px;}
.cs-categoriesBox {background: #ffffff;}
.cs-box {max-width: 95em;}

/*slider*/
.theme-default .nivo-controlNav a.active {background: #FF6600 !important;}
.theme-default .nivo-controlNav a {background: #929292 !important;}
html body .theme-default .nivo-caption .cs-captionWrapper {display: flex;height: auto;color: #fff;padding: 2em;max-width: 50%;flex-direction: column;justify-content: center;background: #FF6600;top: 35%;position: relative;}
html body .theme-default .nivo-caption {opacity: 1;}
.theme-default .nivo-caption {opacity: 1;}
.theme-default .nivo-caption .cs-captionWrapper {display: flex;max-width: 100%;flex-direction: column;justify-content: flex-end;height: 100%;}
.theme-default .nivo-caption .cs-captionWrapper .heroSlide1 {color: #fff;}
.theme-default .nivo-caption .cs-captionWrapper .heroSlide2 {color: #fff;}
.theme-default .nivo-caption .cs-captionWrapper > div {text-align: right;}
.theme-default .nivo-caption .cs-captionWrapper .hero-slide__title {font-size: 49px;font-weight: 700;}
.theme-default .nivo-caption .cs-captionWrapper .hero-slide__subtitle {font-size: 26px;margin-bottom: 2em;}
.theme-default .nivo-caption .cs-captionWrapper h3 {color: #fff;font-size: 21px;line-height: 1.4;font-weight: 600;}

/*footer*/
footer .cs-footerRow.top {background: #FF6600;color: #fff;}
footer .cs-footerRow.top a {color: #fff;}
footer .cs-footerBox {width: 25%;}
footer .cs-footerBox:last-of-type {width: 50%;}
footer .cs-footerBox:last-of-type ul {column-count: 2;}
.cs-footerRow.newsletter {display: none;}
.cs-footerRow.cs-payments {margin-top: 1.5em;}
.cs-footerRow.cs-payments .cs-footerInner {display: flex;justify-content: center;}
footer .cs-footerPayments {margin-top: 1em;}

/*listing categroy*/
.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: 20px;color: #fff;}
.cs-categoryPreview .cs-categoryName {background: #FF6600;}

/*detail*/
#tabs .tabs span {font-size: 17px;}

/*preview*/
.cs-category article.cs-articlePreview h3 {line-height: 21px;}

/*primary*/
body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang {top: 0;position: relative;float: right;}
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: #FF6600;}
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: #FF6600 !important;}
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: #FF6600;}

/* ===========================================================================
   Slider: Swiper-Fassung der Nivo-Regeln dieser Datei (Update 13.13, 2026-11-09)
   Seit 13.13 rendert der Slider mit Swiper; die nivo-Regeln oben greifen nicht mehr.
   html body / body.cs-body = Gewicht gegen die Slider-Basis und lemon_rootStyles.css.
   =========================================================================== */
/* Z. 20/21: Punkte orange/grau (Form und Deckkraft 1 aus lemon_rootStyles.css) */
html body .theme-default .swiper-pagination-bullet {background: #929292 !important;}
html body .theme-default .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #FF6600 !important;}
/* Z. 22: orange Textbox. 13.13 erzeugt den .cs-captionWrapper nicht mehr, h3 und p stehen direkt in der Caption.
   Die Box liegt deshalb auf den Kindern: gleiche Breite (max-width 50 % wie der Wrapper), gleicher Versatz
   (relativ top 35 % der Caption), Innenabstand 2em = 28px aussen herum, Kinder ohne Aussenabstand -> eine
   durchgehende Flaeche. Z. 25 (max-width 100 %, flex-end, height 100 %) war schon unter Nivo durch Z. 22
   ueberstimmt und entfaellt. Z. 23/24 (opacity 1): Swiper-Caption ist ohnehin deckend. */
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption {justify-content: flex-start;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption > * {position: relative;top: 35%;max-width: 50%;box-sizing: border-box;margin: 0;padding-left: 28px;padding-right: 28px;background: #FF6600;color: #fff;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption > :first-child {padding-top: 28px;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption > :last-child {padding-bottom: 28px;}
/* Absaetze hatten im Wrapper ihren eigenen Innenabstand 5px (nivo-slider.css): 5 + 28 */
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption > p {padding: 5px 33px;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption > p:first-child {padding-top: 33px;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption > p:last-child {padding-bottom: 33px;}
/* Z. 26-31: Inhalte der Textbox (heroSlide/hero-slide__ kommen in den Captions derzeit nicht vor) */
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption .heroSlide1 {color: #fff;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption .heroSlide2 {color: #fff;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption > div {text-align: right;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption .hero-slide__title {font-size: 49px;font-weight: 700;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption .hero-slide__subtitle {font-size: 26px;margin-bottom: 2em;}
html body.cs-body .slider-wrapper.theme-default:not(.textbox-below) .swiper-slide-caption h3 {color: #fff;font-size: 21px;line-height: 1.4;font-weight: 600;}