html body.cs-reDesign article.cs-articlePreview .pictureContainer a img{width:auto;margin:0 auto}
html body .cs-container {max-width: 1400px !important;}
html body.cs-reDesign .cs-startSlider{width:1400px;margin:0 auto}
html body.cs-reDesign.cs-start .cs-categoriesBox{background:#fff;margin-bottom:0}
html body.cs-reDesign .cs-categoriesBox .cs-container{background:#052956}
html body.cs-reDesign.cs-start .cs-categoriesBox .cs-container{border-radius:5px 5px 0 0;padding-left:18px}
html body.cs-reDesign header .cs-headerContent{margin:0 auto;padding:10px 0;height:165px;align-items:center}
html body.cs-reDesign .cs-logo a,html body.cs-reDesign .cs-logo img{display:block}
html body.cs-reDesign header .cs-headerContent .cs-container{padding:0;justify-content:space-between;height:100%}
html body.cs-reDesign .cs-logo{max-width:250px;}
html body.cs-reDesign .theme-default .nivo-controlNav a.active{background:#052956!important}
html body.cs-reDesign .theme-default .nivo-controlNav a{background:#aaa!important}
html body.cs-body #bestandsbenachrichtigung .requestBtn,html body.cs-body #bestandsbenachrichtigung .requestBtn:hover,html body.cs-body .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2,html body.cs-body .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2:hover,html body.cs-body .cs-button1,html body.cs-body .cs-button1:hover,html body.cs-body .cs-compareHeader,html body.cs-body .cs-filterButton,html body.cs-body .cs-filterButton:hover,html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader,html body.cs-body .cs-overlayButton.cs-overlayMenuButton,html body.cs-body .cs-overlayButton.cs-overlayMenuButton:hover,html body.cs-body .cs-topPages .cs-informationsHeader,html body.cs-body .wkAddLayer .cs-checkoutBtn,html body.cs-body .wkAddLayer .cs-checkoutBtn:hover,html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit:hover{background:#052956}
html body.cs-reDesign span.cs-sliderHeader{font-size:clamp(2rem,8vw,2.825rem);font-weight:700;line-height:clamp(1.1,1.2,1.3)}
html body.cs-reDesign .theme-default .nivo-caption .cs-captionWrapper{display:flex;height:auto;color:#fff;padding:2em;max-width:50%;flex-direction:column;justify-content:center;background:rgba(5,71,41,.8);top:20%;position:relative}
html body.cs-reDesign .theme-default .nivo-caption{opacity:1}
html body.cs-reDesign h2.cs-betHeading,html body.cs-reDesign h3.cs-siteHeading{text-align:left;font-size:34px;text-transform:none;color:#052956;letter-spacing:0}
html body.cs-reDesign h2.cs-betHeading span,html body.cs-reDesign h3.cs-siteHeading span{padding:0}
html body.cs-reDesign h2.cs-betHeading:before,html body.cs-reDesign h3.cs-siteHeading:before{height:0}
html body.cs-reDesign .cs-subtitle{display:none}
html body.cs-reDesign .cs-categoryPreview .cs-categoryName{position:relative;bottom:auto;left:auto;font-size:.9rem;font-weight:600;background:#fff;min-width:100%;text-align:center;-webkit-transform:unset;transform:unset}
html body.cs-reDesign article.cs-categoryPreview .cs-categoryPicture img{display:block;width:100%;border-radius:10px}
html body.cs-reDesign .cs-categoryPreview .cs-categoryPicture,html body.cs-reDesign article.cs-categoryPreview .cs-categoryPicture img:hover{border-radius:10px}
html body.cs-reDesign .cs-searchSelect{position:absolute;z-index:1}
html body.cs-reDesign .cs-searchSelect select{border-radius:25px 0 0 25px;padding:13px}
html body.cs-reDesign .cs-overlayButton.cs-overlayMenuButton{width:260px;padding:11px 7px 7px;border-radius:10px}
html body.cs-reDesign .cs-box{max-width:1400px}
html body.cs-reDesign .h1,html body.cs-reDesign h1{font-size:26px;font-weight:500}
html body.cs-checkout .logo{margin:0;max-width:250px}
html body.cs-reDesign .cs-categoryPreview .cs-categoryName a{color:#052956}
html body.cs-reDesign .theme-default .nivoSlider img{border-radius:0 0 5px 5px}
html body.cs-reDesign .cs-overlayButton.cs-overlayMenuButton svg.cs-herz{top:9px;left:5px;width:22px}
html body.cs-reDesign .cs-categoryPreview .cs-categoryPicture:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition:all .2s ease-in}
html body.cs-reDesign .cs-bannerLayout{display:flex;margin:4em 0 0;gap:3em}
html body.cs-reDesign .cs-bannerLayout img{border-radius:10px 110px 10px 10px;border:0 solid #014721}
html body.cs-reDesign .cs-bannerLayout h3{font-weight:600;line-height:27px;margin-bottom:1em;font-size:22px;color:#034924}
html body.cs-reDesign .cs-lagerBox .cs-stock1,html body.cs-reDesign article.cs-articlePreview .priceBox .priceRow .price span{color:#052956!important}
html body.cs-reDesign .cs-articleDetail .cs-deliveryTime{color:#111}
html body.cs-reDesign .cs-inStock{color:#052956}
html body.cs-reDesign footer .cs-footerRow.top {border-top:0 solid #052956;margin-top:3em;background: #052956;color: #fff;}
html body.cs-reDesign footer .cs-footerRow.top a {color: #fff;}
html body.cs-reDesign footer .cs-footerTop{margin-top:0}
html body.cs-reDesign .cs-categoriesTop a{display:block;font-size:15px}
html body.cs-reDesign .cs-categoriesTop>ul>li>.cs-menuItem>a{padding:1em 0;color:#fff;text-align:center}
html body.cs-reDesign .cs-categoriesTop>ul.cs-categories1>li{position:relative;margin-right:0}
html body.cs-reDesign .cs-categoriesTop>ul{display:flex;justify-content:space-between;padding: 0 11px;}
html body.cs-reDesign .cs-addSlider {border-radius: 0 0 5px 5px;overflow: hidden;margin-bottom: 3em;position: relative;}
html body.cs-reDesign .cs-addSlider img {display: block;}
html body.cs-reDesign .cs-addSlider .cs-caption {position: absolute;top: 4em;max-width: 45%;color: #fff;background: rgba(0, 0, 0, 0.55);padding: 3em;left: 5em;}
html body.cs-reDesign span.cs-sliderHeader {font-size: 88px;line-height: 88px;}
html body.cs-reDesign .cs-startTextBox {margin-top: 3em;padding: 2em !important;}
html body.cs-reDesign .cs-startTextBox hr {display: none !important;}
html body.cs-checkout .logo {margin: 1em 0;}
html body.cs-reDesign .cs-footerPayments img,
html body.cs-reDesign.cs-checkout .cs-payments img {max-height: 36px;}
html body.cs-reDesign article.cs-articlePreview .priceBox .priceRow .price span {font-size: 23px;}
html body.cs-reDesign .cs-startTextBox img {background: #fff;padding: 15px;width: auto !Important;height: auto !important;}
html body.cs-reDesign .cs-miniButtons .cs-searchBar {display: none;}
html body.cs-reDesign .cs-searchSelect {position: absolute;z-index: 1;}
html body.cs-reDesign .cs-searchSelect select {border-radius: 25px 0 0 25px;padding: 13px;}
html body.cs-reDesign .cs-topsearch input {padding-left: 10px;}
html body.cs-reDesign .cs-topsearch svg {position: absolute;right: 14px;top: 6px;width: 33px;cursor: pointer;}
html body.cs-reDesign .cs-topsearch svg path {fill: #000;}
html body.cs-reDesign .cs-topsearch {position: relative;}
html body.cs-reDesign .cs-topsearch input {border: 0;max-width: 100%;border-radius: 36px;width: 500px;border: 1px solid #dadadd;padding-left: 20px;}
html body.cs-reDesign .cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
html body.cs-reDesign .cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #000;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}
html body.cs-reDesign .cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #052956;}
html body.cs-reDesign .cs-categoriesBox {position: relative;background: #fff;}
html body.cs-reDesign .cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price {font-size: 34px;font-weight: 700;font-style: italic;color: #052956;letter-spacing: -1px;}
html body.cs-reDesign .cs-categoriesTop ul.cs-categories1 ul {width: 16em;}
html body.cs-reDesign .cs-articlePictureBox .cs-addPicBox .cs-galleryImageBox {max-height: unset;}
html body.cs-reDesign .cs-articlePictureBox .cs-addPicBox .cs-galleryImageBox {margin: 10px 10px 10px 0;}
html body.cs-reDesign .cs-execution input, html body.cs-reDesign .cs-execution select {width: 63%;}
html body.cs-reDesign .cs-articleDetail .blockPriceCalc {font-size: 21px;}
html body.cs-reDesign .cs-articleDetail .blockPriceCalc .blockPriceSummary {font-weight: 600;}
html body.cs-reDesign.cs-body .cs-button1 {padding: 13px 20px;}

html body.cs-reDesign #tabs .tabs {padding: 1em;cursor: pointer;background: #f5f5f5;margin-right: 10px;border-radius: 5px;}
html body.cs-reDesign #tabs .tabs span {text-align: center;}
html body.cs-reDesign #tabs .tabs.activeTab span {border-bottom: 0px solid #000;color: #fff;}
html body.cs-reDesign #tabs .tabs.activeTab {background: #052956;}

html body.cs-reDesign #staffelTabelle .detailsidebox{background:#fff;border-radius:0;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;border:1px solid #e5e7eb;margin:0 auto}
html body.cs-reDesign #staffelTabelle .staffelRow{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;border-bottom:1px solid #f3f4f6;transition:all .2s ease;position:relative}
html body.cs-reDesign #staffelTabelle .staffelRow:hover{background-color:#f8fafc;transform:translateX(2px)}
html body.cs-reDesign #staffelTabelle .staffelRow:last-child{border-bottom:none}
html body.cs-reDesign #staffelTabelle .staffelRow:nth-child(odd){background-color:#fafbfc}
html body.cs-reDesign #staffelTabelle .staffelRow:nth-child(odd):hover{background-color:#f1f5f9}
html body.cs-reDesign #staffelTabelle .articleBlockPrice{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
html body.cs-reDesign #staffelTabelle .articleBlockPrice>span:first-child{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
html body.cs-reDesign #staffelTabelle .cs-price{font-size:18px;font-weight:700;color:#1f2937;font-family:Arial,sans-serif}
html body.cs-reDesign #staffelTabelle .cs-articleBlockText{font-size:14px;font-weight:600;color:#4b5563;background:linear-gradient(135deg,#e0e7ff 0,#c7d2fe 100%);padding:6px 12px;border-radius:20px;border:1px solid #a5b4fc}
@media (max-width:480px){html body.cs-reDesign #staffelTabelle .detailsidebox{max-width:100%;margin:0 10px;border-radius:8px}
  html body.cs-reDesign #staffelTabelle .staffelRow{padding:12px 16px}
  html body.cs-reDesign #staffelTabelle .cs-price{font-size:16px}
  html body.cs-reDesign #staffelTabelle .cs-articleBlockText{font-size:12px;padding:4px 8px}}
html body.cs-reDesign #staffelTabelle .staffelRow::before{content:'';position:absolute;left:0;top:0;height:100%;width:0}
html body.cs-reDesign #staffelTabelle .staffelRow:hover::before{transform:scaleY(0)}
html body.cs-reDesign #staffelTabelle .cs-flex{display:flex}

html body.cs-reDesign #staffelTabelle .detailsidebox h3 {align-items: center;display: flex;background: #052956;color: #fff;padding: 12px 20px;font-weight: 600;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;cursor: pointer;justify-content: space-between;}
html body.cs-reDesign #staffelTabelle .detailsidebox h3 svg path {fill: #fff;}
html body.cs-reDesign #staffelTabelle .detailsidebox h3 svg {transform: rotate(90deg);width: 22px;}
html body.cs-reDesign #staffelTabelle .detailsidebox h3 svg.rotated {transform: rotate(270deg);width: 22px;}
html body.cs-reDesign #staffelTabelle .detailsidebox .staffelRow {display: none;}

html body.cs-reDesign .cs-categoriesBox .cs-container {margin-bottom: 1em;padding: 0 !important;}
html body.cs-reDesign footer .cs-footerPayments ul {justify-content: center;position: relative;}
html body.cs-reDesign .cs-bannerSide h4 {margin-bottom: 1em;}

html body.cs-reDesign .cs-basektRightBoxInner > .cosmo-float {border: 1px solid #959595;border-radius: 4px;background: #bbb;color: #fff;text-align: center;padding: 10px;margin-bottom: 3px;}
html body.cs-reDesign .cs-insta {position: absolute;right: 0;}

html body.cs-reDesign .ruler-minimal{position:relative;background:linear-gradient(135deg,#f4e976 0,#f7ed47 100%);border:2px solid #ccc;border-radius:4px;padding:8px 15px;margin:20px 0;text-align:center;font-size:29px;font-weight:500;color:#052956;box-shadow:0 2px 8px rgba(0,0,0,.1);min-height:60px;display:flex;align-items:center;justify-content:center}
html body.cs-reDesign .ruler-minimal::before{content:'';position:absolute;top:0;left:15px;right:15px;height:8px;background:repeating-linear-gradient(90deg,#333 0,#333 1px,transparent 1px,transparent 8px)}
html body.cs-reDesign .ruler-minimal::after{content:'';position:absolute;top:0;left:15px;right:15px;height:15px;background:repeating-linear-gradient(90deg,#052956 0,#052956 2px,transparent 2px,transparent 40px)}
html body.cs-reDesign .ruler-minimal {
    background-image: repeating-linear-gradient(90deg, #333 0, #333 1px, transparent 1px, transparent 8px), repeating-linear-gradient(90deg, #000 0, #000 2px, transparent 2px, transparent 40px), linear-gradient(135deg, #e0e0e0 0, #f7f7f7 100%);
    background-position: 15px calc(100% - 1px),15px calc(100% - 1px),0 0;
    background-size: calc(100% - 30px) 8px,calc(100% - 30px) 15px,100% 100%;
    background-repeat: no-repeat,no-repeat,no-repeat;
}
html body.cs-reDesign .ruler-minimal {margin-bottom: 2em;}
html body.cs-reDesign .ruler-minimal.holz{background:linear-gradient(135deg,#deb887 0,peru 100%);border-color:#8b4513;color:#4a4a4a}
html body.cs-reDesign .ruler-minimal.stahl{background:linear-gradient(135deg,#e8e8e8 0,silver 100%);border-color:gray;color:#333}
html body.cs-reDesign .example{margin:10px 0;padding:10px;background:#fff;border-radius:4px;border-left:4px solid #007cba}

html body.cs-reDesign .cs-articleDetail .basketBlock .cs-articleAmount .cs-articleAmountInput {height: 42px;}

html body.cs-reDesign .cs-categoriesTop ul li .cs-menuItem .cs-categorieName svg path {fill: #fff;}

.services-container{max-width:600px;margin:0 auto 4em;display:flex;flex-direction:column;gap:15px}
.service-box{background-color:#f7f7f7;border-radius:2px;padding:10px;display:flex;align-items:flex-start;gap:20px;flex-direction:column}
.service-box .cs-sv{width:100%;display:flex;justify-content:center}
.service-box .service-content{width:100%;display:flex;justify-content:center;flex-direction:column}
.service-box .service-content h3,.service-box .service-content p{width:100%;text-align:center;margin:0 0 10px}
.service-box .service-content ul{list-style:none;padding:0;margin:0}
.service-icon{width:60px;height:60px;background-color:#999;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}
.service-content h3{color:#042956;font-size:18px;font-weight:700;margin-bottom:8px}
.service-content p{color:#343434;font-size:14px;line-height:1.4}
.cs-sv img{max-height:60px}

.cs-zollContainer {display: flex;padding-top: 2em;align-items: center;}
.cs-zollContainer .services-container {max-width:none;margin:0 auto 4em;display:flex;gap:15px;flex-direction: row;padding-left: 2em;}
.cs-zollContainer .services-container .service-box {width: calc(100%/4 - 1em)}
html body.cs-checkout .cs-zollContainer .logo {margin: 0;position: relative;top: -2em;}

.tabcontent[itemprop="description"] table {max-width: 100%;}
.tabcontent[itemprop="description"] table tr {height: auto !important;}
.tabcontent[itemprop="description"] td[style*="width: 300px"] {width: auto !Important;}

/* owl */
html body.cs-body .owl-carousel .owl-stage {display: flex;align-items: center;}
html body.cs-body .cs-owlCarousel {background: #fff;margin: 3em 0;padding: 30px;overflow: hidden;overflow: hidden;}
html body.cs-body .cs-owlCarousel .owl-nav,
html body.cs-body .cs-owlCarousel .owl-dots {display: none;}

html body.cs-body .owl-carousel2 .owl-stage {display: flex;align-items: center;}
html body.cs-body .cs-owlCarousel2 {background: #fff;margin: 3em 0;padding: 30px;overflow: hidden;overflow: hidden;}
html body.cs-body .cs-owlCarousel2 .owl-nav,
html body.cs-body .cs-owlCarousel2 .owl-dots {display: none;}