@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  font-family:"Raleway", Sans-serif;
  color:#7A7A7A;
  background:#ffffff;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:#2C3031;text-decoration:none}
a:hover{color:#ED1C24}
img{max-width:100%;height:auto;display:block}

#topBar_announce{
  background:#2C3031;
  color:#fff;
  text-align:center;
  padding:9px 15px;
  font-family:"Raleway", Sans-serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:.3px;
  position:relative;z-index:100;
}
.announce_boxed{max-width:1140px;margin:0 auto}

.mainHeader_wrap{
  background:#fff;
  position:sticky;top:0;z-index:999;
  transition:box-shadow 0.3s;
  border-bottom:1px solid #eee;
}
.mainHeader_wrap.scrolled{box-shadow:0 2px 12px rgba(0,0,0,0.08)}
.hdr_boxed{
  max-width:1140px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px 12px 20px;
}
.logo_main{display:block}
.hdr_col_nav{display:flex;align-items:center;gap:28px}
.navDesktop_list{display:flex;gap:22px}
.navD_link{
  font-family:"Raleway", Sans-serif;font-size:14px;font-weight:600;
  color:#2C3031;letter-spacing:.5px;transition:color 0.3s;
}
.navD_link:hover{color:#ED1C24}
.navD_active{color:#ED1C24}
.hdr_cartIcon{
  position:relative;cursor:pointer;font-size:22px;color:#2C3031;
  display:flex;align-items:center;
}
.cartCount_badge{
  position:absolute;top:-6px;right:-10px;
  background:#ED1C24;color:#fff;
  font-family:"Raleway", Sans-serif;
  font-size:10px;font-weight:700;
  width:18px;height:18px;border-radius:50%;
  display:none;align-items:center;justify-content:center;line-height:1;
}

#mobileHdr_bar{display:none}
.mobBar_inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 18px;background:#fff;
  border-bottom:1px solid #ddd;
  position:sticky;top:0;z-index:999;
}
.mobBurger_btn{cursor:pointer;display:flex;flex-direction:column;gap:5px}
.mobBurger_btn span{display:block;width:22px;height:2px;background:#2C3031}
.mobLogo_link img{display:block}
.mobCart_icon{position:relative;font-size:22px;color:#2C3031;cursor:pointer}
.mobCart_icon .cartCount_badge{top:-4px;right:-8px}
.mobNav_panel{
  position:fixed;top:0;right:0;bottom:0;left:0;
  background:rgba(0,0,0,0.45);z-index:9999;display:none;
}
.mobNav_panel.open{display:block}
.mobNav_linkList{
  position:absolute;right:0;top:0;bottom:0;
  width:270px;background:#fff;
  padding:58px 28px 28px;
  display:flex;flex-direction:column;gap:16px;
}
.mobNav_linkList a{
  font-family:"Raleway", Sans-serif;font-size:15px;
  font-weight:600;color:#2C3031;
}
.mobNav_linkList a:hover{color:#ED1C24}
.mobNav_closeBtn{
  position:absolute;top:16px;right:22px;
  font-size:30px;cursor:pointer;color:#2C3031;z-index:10000;
}

#heroSection{
  position:relative;
  background:#2C3031 url('resources/asset-img_hero-bad_362.webp') center center / cover no-repeat;
  min-height:520px;display:flex;align-items:center;
}
.hero_overlay{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.45);
}
.hero_boxedInner{
  position:relative;z-index:2;
  max-width:1140px;margin:0 auto;
  padding:75px 30px 85px;color:#fff;
}
.hero_brandTag{
  display:inline-block;
  font-family:"Raleway", Sans-serif;
  font-size:14px;font-weight:500;letter-spacing:1px;
  color:#ED1C24;margin-bottom:14px;
}
.hero_mainTitle{
  font-family:"Raleway", Sans-serif;
  font-size:42px;font-weight:700;line-height:1.25;
  color:#fff;max-width:600px;margin-bottom:18px;
}
.hero_introText{
  font-family:"Open Sans", Sans-serif;
  font-size:1rem;font-weight:400;line-height:1.7;
  color:rgba(255,255,255,0.85);
  max-width:540px;margin-bottom:30px;
}
.hero_btnRow{display:flex;gap:14px;flex-wrap:wrap}

.btn_primary_red{
  display:inline-block;background:#ED1C24;color:#fff;
  font-family:"Raleway", Sans-serif;font-size:14px;font-weight:600;
  padding:13px 28px;border:2px solid #ED1C24;
  cursor:pointer;transition:background 0.2s,color 0.2s;
  text-align:center;letter-spacing:.3px;
}
.btn_primary_red:hover{background:#c0161d;border-color:#c0161d;color:#fff}
.btn_outlined_light{
  display:inline-block;background:transparent;color:#fff;
  font-family:"Raleway", Sans-serif;font-size:14px;font-weight:600;
  padding:13px 28px;border:2px solid #fff;
  cursor:pointer;transition:background 0.2s,color 0.2s;text-align:center;
}
.btn_outlined_light:hover{background:#fff;color:#2C3031}
.btn_outlined_dark{
  display:inline-block;background:transparent;color:#2C3031;
  font-family:"Raleway", Sans-serif;font-size:13px;font-weight:600;
  padding:12px 12px 12px 12px;border:1px solid #2C3031;
  cursor:pointer;transition:background 0.15s,color 0.15s;
  text-align:center;width:100%;
}
.btn_outlined_dark:hover{background:#2C3031;color:#fff}

#zahlenBlock{background:#f5f5f5;padding:48px 20px}
.zahlen_boxed{
  max-width:1140px;margin:0 auto;
  display:flex;align-items:center;gap:40px;flex-wrap:wrap;
}
.zahlen_h2{
  font-family:"Raleway", Sans-serif;
  font-size:1.625rem;font-weight:700;color:#2C3031;
}
.zahlen_counterRow{
  flex:1;display:flex;justify-content:space-around;
  gap:20px;flex-wrap:wrap;
}
.zahlen_item{
  text-align:center;min-width:120px;
  border:1px solid #ddd;background:#fff;padding:20px 25px 20px 25px;
}
.zahlen_num{
  display:block;font-family:"Raleway", Sans-serif;
  font-size:32px;font-weight:700;color:#2C3031;line-height:1.2;
}
.zahlen_label{
  display:block;font-family:"Open Sans", Sans-serif;
  font-size:13px;color:#7A7A7A;margin-top:5px;
}

#kategorieStrip{max-width:1140px;margin:0 auto;padding:55px 20px 45px}
.katStrip_boxed{display:flex;align-items:center;gap:40px}
.katStrip_imgSide{flex:1;min-width:0}
.katStrip_imgWrap{overflow:hidden;background:#f5f5f5;aspect-ratio:4/3}
.katStrip_imgWrap img{width:100%;height:100%;object-fit:cover}
.katStrip_textSide{flex:1;min-width:280px}
.katStrip_heading{
  font-family:"Raleway", Sans-serif;
  font-size:24px;font-weight:700;color:#2C3031;margin-bottom:14px;
}
.katStrip_desc{
  font-family:"Open Sans", Sans-serif;
  font-size:15px;color:#7A7A7A;line-height:1.75;margin-bottom:22px;
}

#produkteWrap{background:#f5f5f5;padding:50px 20px 55px}
.produkte_boxed{max-width:1140px;margin:0 auto}
.produkte_headRow{text-align:center;margin-bottom:28px}
.produkte_title{
  font-family:"Raleway", Sans-serif;
  font-size:26px;font-weight:700;color:#2C3031;margin-bottom:8px;
}
.produkte_sub{
  font-family:"Open Sans", Sans-serif;font-size:13px;color:#7A7A7A;
}
.prodGrid_container{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.prodCard_wrap{
  border:1px solid #54595F;background:#fff;
  cursor:pointer;transition:box-shadow 0.3s,border 0.3s;
  position:relative;height:100%;display:flex;flex-direction:column;
}
.prodCard_wrap:hover{box-shadow:0px 0px 3px 0px rgba(0,0,0,0.1) inset}
.prodCard_badge{
  position:absolute;top:10px;left:10px;
  background:#ED1C24;color:#fff;
  font-family:"Raleway", Sans-serif;
  font-size:11px;font-weight:700;padding:3px 10px;
  letter-spacing:.5px;z-index:2;
}
.prodCard_imgBox{overflow:hidden;background:#f5f5f5;height:200px}
.prodCard_img{
  width:100%;height:100%;object-fit:contain;
  object-position:center center;transition:transform 0.3s;
}
.prodCard_wrap:hover .prodCard_img{transform:scale(1.03)}
.prodCard_body{
  padding:15px 15px 15px 15px;flex:1;
  display:flex;flex-direction:column;
}
.prodCard_name{
  font-family:"Raleway", Sans-serif;
  font-size:1rem;font-weight:700;color:#2C3031;
  margin-bottom:6px;min-height:44px;
}
.prodCard_specs{
  font-family:"Open Sans", Sans-serif;
  font-size:12px;color:#7A7A7A;margin-bottom:10px;line-height:1.5;
}
.prodCard_priceRow{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.prodCard_price{
  font-family:"Raleway", Sans-serif;font-size:18px;font-weight:700;color:#2C3031;
}
.prodCard_oldprice{
  font-family:"Raleway", Sans-serif;font-size:14px;
  color:#bbb;text-decoration:line-through;
}
.prodCard_stock{
  font-family:"Open Sans", Sans-serif;font-size:12px;
  color:#4a7c59;margin-bottom:12px;
}
.prodCard_stock.stockOut{color:#ED1C24}
.prodCard_cartBtn{margin-top:auto}

#beratungBlock{max-width:1140px;margin:0 auto;padding:52px 20px 48px}
.beratung_boxed{display:flex;align-items:center;gap:38px}
.beratung_textCol{flex:1;min-width:280px}
.beratung_imgCol{flex:1;min-width:0}
.beratung_h2{
  font-family:"Raleway", Sans-serif;
  font-size:24px;font-weight:700;color:#2C3031;margin-bottom:14px;
}
.beratung_txt{
  font-family:"Open Sans", Sans-serif;
  font-size:15px;color:#7A7A7A;line-height:1.75;margin-bottom:14px;
}
.beratung_imgWrap{overflow:hidden;background:#f5f5f5;aspect-ratio:4/3}
.beratung_imgWrap img{width:100%;height:100%;object-fit:cover}

#ablaufSection{background:#f5f5f5;padding:48px 20px 52px}
.ablauf_boxed{max-width:1140px;margin:0 auto}
.ablauf_heading{
  font-family:"Raleway", Sans-serif;
  font-size:26px;font-weight:700;color:#2C3031;
  text-align:center;margin-bottom:6px;
}
.ablauf_subline{
  font-family:"Open Sans", Sans-serif;
  font-size:13px;color:#7A7A7A;text-align:center;margin-bottom:34px;
}
.ablauf_stepsGrid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:25px;
}
.ablauf_stepCard{text-align:center;padding:0 8px}
.ablauf_stepNum{
  font-family:"Raleway", Sans-serif;
  font-size:38px;font-weight:700;color:#ddd;line-height:1;margin-bottom:12px;
}
.ablauf_stepName{
  font-family:"Raleway", Sans-serif;
  font-size:14px;font-weight:700;color:#2C3031;
  letter-spacing:.5px;margin-bottom:10px;
}
.ablauf_stepDesc{
  font-family:"Open Sans", Sans-serif;
  font-size:0.8125rem;color:#7A7A7A;line-height:1.7;
}

#vertrauenRow{background:#2C3031;padding:28px 20px 30px}
.vertrauen_boxed{
  max-width:1140px;margin:0 auto;
  display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;
}
.vertrauen_item{
  display:flex;align-items:center;gap:10px;color:#fff;
  font-family:"Raleway", Sans-serif;font-size:14px;font-weight:500;
}
.vertrauen_item i{font-size:1.35em;color:#ED1C24}

#zitatBlock{max-width:1140px;margin:0 auto;padding:50px 20px 45px}
.zitat_boxed{max-width:700px;margin:0 auto;text-align:center}
.zitat_text{
  font-family:"Raleway", Sans-serif;font-size:17px;font-weight:400;
  font-style:italic;color:#54595F;line-height:1.9;margin-bottom:16px;
}
.zitat_author{
  font-family:"Raleway", Sans-serif;font-size:13px;
  font-weight:700;color:#2C3031;letter-spacing:.5px;
}

#faqBlock{background:#f5f5f5;padding:50px 20px 52px}
.faq_boxed{max-width:720px;margin:0 auto}
.faq_heading{
  font-family:"Raleway", Sans-serif;font-size:26px;font-weight:700;
  color:#2C3031;text-align:center;margin-bottom:28px;
}
.faqItem_wrap{border-bottom:1px solid #ddd;background:#fff}
.faqItem_wrap:first-of-type{border-top:1px solid #ddd}
.faqItem_q{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 20px;cursor:pointer;gap:12px;
}
.faqItem_q span{
  font-family:"Raleway", Sans-serif;font-size:15px;font-weight:600;color:#2C3031;
}
.faqItem_arrow{font-size:1.15em;color:#7A7A7A;transition:transform 0.2s;flex-shrink:0}
.faqItem_wrap.open .faqItem_arrow{transform:rotate(180deg)}
.faqItem_a{max-height:0;overflow:hidden;transition:max-height 0.25s ease}
.faqItem_wrap.open .faqItem_a{max-height:300px}
.faqItem_a p{
  font-family:"Open Sans", Sans-serif;font-size:14px;
  color:#7A7A7A;line-height:1.8;padding:0 20px 18px;
}

#serviceCards{max-width:1140px;margin:0 auto;padding:50px 20px 48px}
.svcCards_heading{
  font-family:"Raleway", Sans-serif;font-size:26px;font-weight:700;
  color:#2C3031;text-align:center;margin-bottom:30px;
}
.svcCards_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.svcCard_item{
  border:1px solid #eee;background:#fff;overflow:hidden;
  transition:box-shadow 0.3s;
}
.svcCard_item:hover{box-shadow:0 4px 16px rgba(0,0,0,0.07)}
.svcCard_imgWrap{height:180px;overflow:hidden;background:#f5f5f5}
.svcCard_imgWrap img{
  width:100%;height:100%;object-fit:cover;transition:transform 0.3s;
}
.svcCard_item:hover .svcCard_imgWrap img{transform:scale(1.04)}
.svcCard_body{padding:20px 20px 22px;display:flex;flex-direction:column}
.svcCard_name{
  font-family:"Raleway", Sans-serif;font-size:17px;
  font-weight:700;color:#2C3031;margin-bottom:8px;
}
.svcCard_txt{
  font-family:"Open Sans", Sans-serif;font-size:13px;
  color:#7A7A7A;line-height:1.7;margin-bottom:16px;flex:1;
}

#bestellFormular{background:#f5f5f5;padding:50px 20px 55px}
.ord_boxed{max-width:680px;margin:0 auto}
.ord_card{background:#fff;border:1px solid #eee;border-radius:2px;overflow:hidden}
.ord_cardHdr{
  text-align:center;padding:32px 30px 24px;
  background:#2C3031;color:#fff;
}
.ord_cardHdr i{font-size:28px;color:#ED1C24;margin-bottom:10px;display:block}
.ord_cardTitle{
  font-family:"Raleway", Sans-serif;font-size:22px;
  font-weight:700;color:#fff;margin-bottom:4px;
}
.ord_cardSub{
  font-family:"Open Sans", Sans-serif;font-size:13px;
  color:rgba(255,255,255,0.6);
}
.ord_summStrip{
  padding:20px 30px;border-bottom:1px solid #eee;background:#fafafa;
}
.ord_summLabel{
  font-family:"Raleway", Sans-serif;font-size:12px;
  font-weight:700;color:#7A7A7A;letter-spacing:.5px;
  margin-bottom:10px;text-transform:uppercase;
}
.ord_summList{}
.ord_summItem{
  display:flex;justify-content:space-between;
  padding:6px 0;font-family:"Open Sans", Sans-serif;
  font-size:13px;color:#54595F;
}
.ord_summItem span:last-child{font-weight:600;color:#2C3031}
.ord_summEmpty{
  font-family:"Open Sans", Sans-serif;font-size:13px;
  color:#bbb;padding:8px 0;
}
.ord_summTotalLine{
  display:flex;justify-content:space-between;
  padding:12px 0 4px;margin-top:8px;
  border-top:1px solid #ddd;
  font-family:"Raleway", Sans-serif;font-size:15px;font-weight:700;
  color:#2C3031;
}
.ord_summTotalVal{font-size:18px}
.ord_summShipNote{
  font-family:"Open Sans", Sans-serif;font-size:11px;
  color:#aaa;margin-top:4px;
}
#checkoutForm{padding:24px 30px 30px}
.ord_sectionLabel{
  font-family:"Raleway", Sans-serif;font-size:13px;
  font-weight:700;color:#2C3031;
  display:flex;align-items:center;gap:6px;
  margin:20px 0 14px;padding-bottom:8px;
  border-bottom:1px solid #f0f0f0;
}
.ord_sectionLabel:first-child{margin-top:0}
.ord_sectionLabel i{color:#ED1C24;font-size:15px}
.ord_fieldRow{display:flex;gap:14px;margin-bottom:0}
.ord_field{flex:1;margin-bottom:12px}
.ord_fieldFull{margin-bottom:12px}
.ord_field label,.ord_fieldFull label{
  display:block;font-family:"Raleway", Sans-serif;
  font-size:12px;font-weight:600;color:#54595F;
  margin-bottom:4px;
}
.ord_field input,.ord_field textarea,
.ord_fieldFull input,.ord_fieldFull textarea{
  width:100%;border:1px solid #ddd;border-radius:3px;
  padding:10px 12px;font-family:"Raleway", Sans-serif;
  font-size:14px;color:#2C3031;background:#fff;
  outline:none;transition:border-color 0.15s;
}
.ord_field input:focus,.ord_fieldFull input:focus,
.ord_field textarea:focus,.ord_fieldFull textarea:focus{
  border-color:#2C3031;
}
.ord_field input.input_error,.ord_fieldFull input.input_error{
  border-color:#d63637;background:#fdf0f0;
}
.ord_field textarea,.ord_fieldFull textarea{resize:vertical}
.ord_payGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.ord_payCard{
  border:2px solid #eee;border-radius:3px;padding:16px 14px;
  text-align:center;cursor:pointer;transition:border-color 0.2s;
  display:flex;flex-direction:column;align-items:center;gap:4px;
}
.ord_payCard input[type="radio"]{display:none}
.ord_payCard i{font-size:22px;color:#7A7A7A;margin-bottom:2px}
.ord_payCard.ord_paySelected{border-color:#2C3031}
.ord_payCard.ord_paySelected i{color:#ED1C24}
.ord_payName{
  font-family:"Raleway", Sans-serif;font-size:13px;
  font-weight:700;color:#2C3031;
}
.ord_payHint{
  font-family:"Open Sans", Sans-serif;font-size:11px;color:#999;
}
.ord_submitBtn{
  width:100%;background:#ED1C24;color:#fff;border:none;
  font-family:"Raleway", Sans-serif;font-size:15px;font-weight:700;
  padding:15px 20px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:background 0.2s;
}
.ord_submitBtn:hover{background:#c0161d}
.ord_thankYou{
  display:none;align-items:center;justify-content:center;
  padding:60px 30px;
}
.ord_tyInner{text-align:center}
.ord_tyIcon{font-size:52px;color:#4a7c59;display:block;margin-bottom:16px}
.ord_tyTitle{
  font-family:"Raleway", Sans-serif;font-size:20px;
  font-weight:700;color:#2C3031;margin-bottom:10px;
}
.ord_tyText{
  font-family:"Open Sans", Sans-serif;font-size:14px;
  color:#7A7A7A;max-width:400px;margin:0 auto;line-height:1.7;
}

#footerMain{background:#2C3031;color:#fff}
.ftr_topRow{
  max-width:1140px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:30px;padding:45px 20px 35px;
}
.ftr_logoWrap{margin-bottom:14px}
.ftr_companyDesc{
  font-family:"Open Sans", Sans-serif;font-size:13px;
  color:rgba(255,255,255,0.6);line-height:1.7;
}
.ftr_colTitle{
  font-family:"Raleway", Sans-serif;font-size:14px;font-weight:700;
  color:#fff;margin-bottom:14px;letter-spacing:.3px;
}
.ftr_contactLine{
  font-family:"Open Sans", Sans-serif;font-size:13px;
  color:rgba(255,255,255,0.6);line-height:2;
  display:flex;align-items:center;gap:8px;
}
.ftr_contactLine i{color:#ED1C24;font-size:15px}
.ftr_colLinks{display:flex;flex-direction:column;gap:6px}
.ftr_colLinks a{
  font-family:"Open Sans", Sans-serif;font-size:13px;
  color:rgba(255,255,255,0.6);transition:color 0.3s;
}
.ftr_colLinks a:hover{color:#ed1c24}
.ftr_legalSmall{
  font-family:"Open Sans", Sans-serif;font-size:12px;
  color:rgba(255,255,255,0.5);line-height:1.8;
}
.ftr_bottomBar{border-top:1px solid rgba(255,255,255,0.1)}
.ftr_bottomInner{
  max-width:1140px;margin:0 auto;padding:18px 20px;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:10px;
}
.ftr_copyTxt{
  font-family:"Open Sans", Sans-serif;font-size:12px;
  color:rgba(255,255,255,0.4);
}


.prodModal_overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.55);z-index:10000;
  display:none;align-items:center;justify-content:center;padding:20px;
}
.prodModal_overlay.open{display:flex}
.prodModal_container{
  background:#fff;max-width:820px;width:100%;
  max-height:90vh;overflow-y:auto;position:relative;
}
.prodModal_closeBtn{
  position:absolute;top:12px;right:18px;
  font-size:30px;cursor:pointer;color:#2C3031;z-index:2;
}
.prodModal_inner{display:flex}
.prodModal_imgSide{
  flex:1;position:relative;background:#f5f5f5;min-height:280px;
}
.prodModal_image{width:100%;height:100%;object-fit:contain;padding:20px}
.prodModal_imgSide .prodCard_badge{top:12px;left:12px}
.prodModal_infoSide{
  flex:1;padding:30px 25px 25px;
  display:flex;flex-direction:column;
}
.prodModal_prodName{
  font-family:"Raleway", Sans-serif;font-size:20px;font-weight:700;
  color:#2C3031;margin-bottom:10px;
}
.prodModal_prodSpecs{
  font-family:"Open Sans", Sans-serif;font-size:12px;
  color:#7A7A7A;margin-bottom:12px;line-height:1.6;
}
.prodModal_prodDesc{
  font-family:"Open Sans", Sans-serif;font-size:14px;
  color:#54595F;line-height:1.7;margin-bottom:12px;
}
.prodModal_prodStock{
  font-family:"Open Sans", Sans-serif;font-size:12px;
  color:#4a7c59;margin-bottom:15px;
}
.prodModal_prodStock.stockOut{color:#ED1C24}
.prodModal_priceRow{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.prodModal_qtyRow{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.modalQty_select{width:70px;padding:6px 8px}
.formLabel_txt{
  display:block;font-family:"Raleway", Sans-serif;
  font-size:12px;font-weight:600;color:#54595F;margin-bottom:4px;
}
.formInput_field{
  border:1px solid #ddd;border-radius:3px;
  padding:10px 12px;font-family:"Raleway", Sans-serif;
  font-size:14px;color:#2C3031;background:#fff;outline:none;
}
.prodModal_cartBtn{width:100%;margin-top:auto}

.crt_overlay{
  position:fixed;top:0;right:0;bottom:0;left:0;
  z-index:10001;display:none;align-items:center;justify-content:center;
}
.crt_overlay.open{display:flex}
.crt_shade{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.5);
}
.crt_card{
  position:relative;z-index:2;background:#fff;
  width:520px;max-width:95vw;max-height:88vh;
  display:flex;flex-direction:column;
  border-radius:2px;box-shadow:0 8px 40px rgba(0,0,0,0.18);
}
.crt_topBar{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 24px;border-bottom:1px solid #eee;
}
.crt_topTitle{
  font-family:"Raleway", Sans-serif;font-size:15px;
  font-weight:700;color:#2C3031;
  display:flex;align-items:center;gap:8px;
}
.crt_topTitle i{font-size:18px}
.crt_closeX{
  border:none;background:none;cursor:pointer;
  font-size:18px;color:#7A7A7A;padding:4px;
  transition:color 0.2s;
}
.crt_closeX:hover{color:#ED1C24}
.crt_body{flex:1;overflow-y:auto;padding:0}
.crt_emptyState{
  text-align:center;padding:50px 20px;color:#bbb;
}
.crt_emptyState i{font-size:36px;display:block;margin-bottom:10px}
.crt_emptyState p{font-family:"Open Sans", Sans-serif;font-size:13px}
.crt_item{
  display:flex;align-items:center;gap:14px;
  padding:16px 24px;border-bottom:1px solid #f0f0f0;
}
.crt_itemImg{
  width:56px;height:56px;flex-shrink:0;
  background:#f5f5f5;overflow:hidden;
}
.crt_itemImg img{width:100%;height:100%;object-fit:contain}
.crt_itemMid{flex:1;min-width:0}
.crt_itemName{
  font-family:"Raleway", Sans-serif;font-size:13px;
  font-weight:600;color:#2C3031;margin-bottom:2px;
}
.crt_itemSingle{
  font-family:"Open Sans", Sans-serif;font-size:11px;color:#999;
}
.crt_itemRight{display:flex;align-items:center;gap:10px}
.crt_qtyWrap{display:flex;align-items:center;gap:0}
.crt_qtyBtn{
  width:28px;height:28px;border:1px solid #ddd;
  background:#fff;cursor:pointer;font-size:14px;
  display:flex;align-items:center;justify-content:center;
  font-family:"Raleway", Sans-serif;color:#2C3031;
}
.crt_qtyBtn:hover{background:#f5f5f5}
.crt_qtyVal{
  width:30px;text-align:center;font-family:"Raleway", Sans-serif;
  font-size:13px;font-weight:700;border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;height:28px;line-height:28px;
}
.crt_itemTotal{
  font-family:"Raleway", Sans-serif;font-size:14px;
  font-weight:700;color:#2C3031;min-width:65px;text-align:right;
}
.crt_rmBtn{
  border:none;background:none;cursor:pointer;color:#ccc;
  font-size:14px;padding:4px;transition:color 0.2s;
}
.crt_rmBtn:hover{color:#ED1C24}
.crt_bottom{padding:18px 24px;border-top:1px solid #eee}
.crt_totalLine{
  display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:4px;
}
.crt_totalLabel{
  font-family:"Raleway", Sans-serif;font-size:14px;
  font-weight:600;color:#54595F;
}
.crt_totalPrice{
  font-family:"Raleway", Sans-serif;font-size:20px;
  font-weight:700;color:#2C3031;
}
.crt_shippingNote{
  font-family:"Open Sans", Sans-serif;font-size:11px;
  color:#999;margin-bottom:16px;
}
.crt_checkBtn{
  display:block;width:100%;text-align:center;
  background:#ED1C24;color:#fff;
  font-family:"Raleway", Sans-serif;font-size:14px;font-weight:600;
  padding:14px 20px;border:none;cursor:pointer;margin-bottom:8px;
  transition:background 0.2s;
}
.crt_checkBtn:hover{background:#c0161d;color:#fff}
.crt_continueBtn{
  display:block;width:100%;text-align:center;
  background:transparent;color:#7A7A7A;
  font-family:"Open Sans", Sans-serif;font-size:12px;
  padding:10px;border:none;cursor:pointer;
}
.crt_continueBtn:hover{color:#2C3031}

.cartNotif_popup{
  position:fixed;bottom:-60px;left:50%;transform:translateX(-50%);
  background:#2C3031;color:#fff;padding:12px 24px;
  font-family:"Raleway", Sans-serif;font-size:13px;font-weight:600;
  display:flex;align-items:center;gap:8px;z-index:10002;
  transition:bottom 0.3s;white-space:nowrap;
}
.cartNotif_popup i{font-size:18px;color:#4a7c59}
.cartNotif_popup.show{bottom:30px}

#liefergebiet{max-width:1140px;margin:0 auto;padding:52px 20px 48px}
.liefer_boxed{}
.liefer_heading{
  font-family:"Raleway", Sans-serif;font-size:26px;font-weight:700;
  color:#2C3031;text-align:center;margin-bottom:6px;
}
.liefer_sub{
  font-family:"Open Sans", Sans-serif;font-size:13px;
  color:#7A7A7A;text-align:center;margin-bottom:28px;
}
.liefer_tableWrap{overflow-x:auto;margin-bottom:18px}
.liefer_table{
  width:100%;border-collapse:collapse;
  font-family:"Open Sans", Sans-serif;font-size:14px;
}
.liefer_table thead{background:#2C3031;color:#fff}
.liefer_table th{
  padding:12px 15px;text-align:left;
  font-family:"Raleway", Sans-serif;font-size:12px;
  font-weight:700;letter-spacing:.5px;
}
.liefer_table td{
  padding:11px 15px;border-bottom:1px solid #eee;color:#54595F;
}
.liefer_table tr:hover td{background:#fafafa}
.liefer_price{
  font-family:"Raleway", Sans-serif;font-weight:700;color:#2C3031;
  white-space:nowrap;
}
.liefer_hinweis{
  font-family:"Open Sans", Sans-serif;font-size:12px;
  color:#7A7A7A;line-height:1.7;
}

#fehlerBlock{background:#f5f5f5;padding:50px 20px 54px}
.fehler_boxed{max-width:800px;margin:0 auto}
.fehler_h2{
  font-family:"Raleway", Sans-serif;font-size:24px;font-weight:700;
  color:#2C3031;margin-bottom:28px;text-align:center;
}
.fehler_list{display:flex;flex-direction:column;gap:0}
.fehler_item{
  display:flex;gap:18px;align-items:flex-start;
  padding:20px 0 18px;border-bottom:1px solid #ddd;
}
.fehler_item:last-child{border-bottom:none}
.fehler_num{
  font-family:"Raleway", Sans-serif;font-size:28px;
  font-weight:700;color:#ED1C24;min-width:38px;line-height:1;
  padding-top:2px;
}
.fehler_itemTitle{
  font-family:"Raleway", Sans-serif;font-size:15px;
  font-weight:700;color:#2C3031;margin-bottom:6px;
}
.fehler_itemTxt{
  font-family:"Open Sans", Sans-serif;font-size:14px;
  color:#7A7A7A;line-height:1.75;
}

#materialBlock{max-width:1140px;margin:0 auto;padding:48px 20px 50px}
.material_boxed{display:flex;align-items:center;gap:38px}
.material_imgCol{flex:1;min-width:0}
.material_textCol{flex:1;min-width:280px}
.material_imgWrap{overflow:hidden;background:#f5f5f5;aspect-ratio:4/3}
.material_imgWrap img{width:100%;height:100%;object-fit:cover}
.material_h2{
  font-family:"Raleway", Sans-serif;font-size:24px;font-weight:700;
  color:#2C3031;margin-bottom:14px;
}
.material_txt{
  font-family:"Open Sans", Sans-serif;font-size:15px;
  color:#7A7A7A;line-height:1.75;margin-bottom:13px;
}

.ck_wrapper{
  position:fixed;top:0;left:0;right:0;bottom:0;
  z-index:99999;display:none;align-items:center;justify-content:center;
}
.ck_backdrop{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.4);
}
.ck_dialog{
  position:relative;z-index:2;background:#fff;
  width:420px;max-width:92vw;max-height:90vh;overflow-y:auto;
  border-radius:6px;box-shadow:0 12px 48px rgba(0,0,0,0.2);
  padding:28px;
}
.ck_icon{
  text-align:center;margin-bottom:14px;
}
.ck_icon i{font-size:32px;color:#2C3031}
.ck_title{
  font-family:"Raleway", Sans-serif;font-size:18px;
  font-weight:700;color:#2C3031;text-align:center;margin-bottom:10px;
}
.ck_desc{
  font-family:"Open Sans", Sans-serif;font-size:13px;
  color:#7A7A7A;line-height:1.7;text-align:center;margin-bottom:22px;
}
.ck_btnGroup{display:flex;gap:10px;margin-bottom:12px}
.ck_btnAcceptAll{
  flex:1;padding:12px 16px;background:#ED1C24;color:#fff;
  border:none;font-family:"Raleway", Sans-serif;font-size:13px;
  font-weight:700;cursor:pointer;border-radius:3px;
  transition:background 0.2s;
}
.ck_btnAcceptAll:hover{background:#c0161d}
.ck_btnRejectAll{
  flex:1;padding:12px 16px;background:#f5f5f5;color:#2C3031;
  border:1px solid #ddd;font-family:"Raleway", Sans-serif;font-size:13px;
  font-weight:600;cursor:pointer;border-radius:3px;
  transition:background 0.2s;
}
.ck_btnRejectAll:hover{background:#eee}
.ck_settingsLink{
  display:block;width:100%;text-align:center;
  background:none;border:none;cursor:pointer;
  font-family:"Open Sans", Sans-serif;font-size:12px;
  color:#7A7A7A;padding:8px;
  display:flex;align-items:center;justify-content:center;gap:5px;
  transition:color 0.2s;
}
.ck_settingsLink:hover{color:#2C3031}
.ck_settingsHdr{
  display:flex;align-items:center;gap:10px;margin-bottom:20px;
}
.ck_backBtn{
  border:none;background:none;cursor:pointer;font-size:18px;
  color:#2C3031;padding:4px;
}
.ck_settingsTitle{
  font-family:"Raleway", Sans-serif;font-size:16px;
  font-weight:700;color:#2C3031;
}
.ck_optList{}
.ck_optItem{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:14px;padding:14px 0;border-bottom:1px solid #f0f0f0;
}
.ck_optItem:last-child{border-bottom:none}
.ck_optInfo{flex:1}
.ck_optName{
  font-family:"Raleway", Sans-serif;font-size:14px;
  font-weight:700;color:#2C3031;margin-bottom:3px;
}
.ck_optDesc{
  font-family:"Open Sans", Sans-serif;font-size:11px;
  color:#7A7A7A;line-height:1.6;
}
.ck_toggle{padding-top:2px}
.ck_toggle input{display:none}
.ck_toggleTrack{
  display:block;width:42px;height:24px;
  background:#ddd;border-radius:12px;
  position:relative;cursor:pointer;
  transition:background 0.2s;
}
.ck_toggleTrack:after{
  content:"";position:absolute;
  width:18px;height:18px;background:#fff;
  border-radius:50%;top:3px;left:3px;
  transition:transform 0.2s;
  box-shadow:0 1px 3px rgba(0,0,0,0.15);
}
.ck_toggle input:checked + .ck_toggleTrack{background:#2C3031}
.ck_toggle input:checked + .ck_toggleTrack:after{transform:translateX(18px)}
.ck_trackLocked{background:#4a7c59!important;cursor:not-allowed}
.ck_trackLocked:after{transform:translateX(18px)}
.ck_toggleLocked .ck_toggleTrack{cursor:not-allowed}
.ck_settingsFtr{
  display:flex;gap:10px;margin-top:20px;
}
.ck_btnSaveCustom{
  flex:1;padding:12px 16px;background:#f5f5f5;color:#2C3031;
  border:1px solid #ddd;font-family:"Raleway", Sans-serif;font-size:13px;
  font-weight:600;cursor:pointer;border-radius:3px;
  transition:background 0.2s;
}
.ck_btnSaveCustom:hover{background:#eee}
.ck_settingsFtr .ck_btnAcceptAll{flex:1}
.ck_policyLink{
  display:block;text-align:center;margin-top:16px;
  font-family:"Open Sans", Sans-serif;font-size:11px;
  color:#999;transition:color 0.2s;
}
.ck_policyLink:hover{color:#ED1C24}

@media(max-width:1024px){
  .prodGrid_container{grid-template-columns:repeat(2,1fr)}
  .ablauf_stepsGrid{grid-template-columns:repeat(2,1fr)}
  .svcCards_grid{grid-template-columns:repeat(2,1fr)}
  .bestell_layout{flex-direction:column}
  .bestell_summSide{position:static;width:100%}
  .ftr_topRow{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .mainHeader_wrap{display:none}
  #mobileHdr_bar{display:block}
  #heroSection{min-height:400px}
  .hero_mainTitle{font-size:28px}
  .hero_introText{font-size:14px}
  .hero_boxedInner{padding:50px 20px 55px}
  .zahlen_boxed{flex-direction:column;text-align:center}
  .zahlen_counterRow{justify-content:center}
  .katStrip_boxed{flex-direction:column}
  .beratung_boxed{flex-direction:column-reverse}
  .prodGrid_container{grid-template-columns:repeat(2,1fr);gap:15px}
  .prodCard_name{font-size:14px;min-height:auto}
  .prodCard_price{font-size:16px}
  .ablauf_stepsGrid{grid-template-columns:1fr}
  .ablauf_stepCard{text-align:left;display:flex;gap:15px;align-items:flex-start;padding:0}
  .ablauf_stepNum{font-size:28px;min-width:35px;margin-bottom:0}
  .svcCards_grid{grid-template-columns:1fr}
  .material_boxed{flex-direction:column}
  .fehler_item{gap:12px}
  .fehler_num{font-size:22px;min-width:30px}
  .liefer_table{font-size:13px}
  .liefer_table th,.liefer_table td{padding:8px 10px}
  .prodModal_inner{flex-direction:column}
  .prodModal_imgSide{min-height:200px;max-height:260px}
  .prodModal_infoSide{padding:20px}
  .cartPanel_box{width:100%}
  .crt_card{width:100%;max-width:100vw;max-height:100vh;border-radius:0}
  .crt_item{padding:12px 16px;gap:10px}
  .crt_itemImg{width:44px;height:44px}
  .ord_fieldRow{flex-direction:column;gap:0}
  .ord_payGrid{grid-template-columns:1fr 1fr;gap:8px}
  #checkoutForm{padding:20px 18px 24px}
  .ord_summStrip{padding:16px 18px}
  .ord_cardHdr{padding:24px 18px 20px}
  .ck_dialog{padding:22px;border-radius:4px}
  .formRow_double{flex-direction:column;gap:0}
  .ftr_topRow{grid-template-columns:1fr;gap:25px}
  .ftr_bottomInner{flex-direction:column;text-align:center}
  .vertrauen_boxed{flex-direction:column;align-items:center;text-align:center}
}
@media(max-width:480px){
  .hero_mainTitle{font-size:24px}
  .hero_btnRow{flex-direction:column}
  .hero_btnRow a{width:100%;text-align:center}
  .prodGrid_container{grid-template-columns:1fr}
  .zahlen_item{padding:15px 20px;min-width:100px}
  .zahlen_num{font-size:26px}
  #heroSection{min-height:350px}
}
.subp_hero{
  background:#2C3031;padding:48px 20px 42px;text-align:center;
}
.subp_heroTitle{
  font-family:"Raleway", Sans-serif;font-size:28px;font-weight:700;
  color:#fff;letter-spacing:1px;margin-bottom:4px;
}
.subp_heroSub{
  font-family:"Open Sans", Sans-serif;font-size:14px;
  color:rgba(255,255,255,0.55);
}
.subp_content{
  max-width:820px;margin:0 auto;padding:42px 20px 55px;
}

.legal_wrap{}
.legal_wrap h2{
  font-family:"Raleway", Sans-serif;font-size:16px;font-weight:700;
  color:#2C3031;margin:28px 0 8px;letter-spacing:.3px;
}
.legal_wrap h2:first-child{margin-top:0}
.legal_wrap p{
  font-family:"Open Sans", Sans-serif;font-size:14px;
  color:#7A7A7A;line-height:1.8;margin-bottom:8px;
}
.legal_wrap a{color:#ED1C24}
.legal_wrap a:hover{text-decoration:underline}

.svc_splitRow{
  display:flex;gap:35px;align-items:center;
  margin-bottom:42px;
}
.svc_splitReverse{flex-direction:row-reverse}
.svc_splitImg{
  flex:0 0 44%;overflow:hidden;background:#f5f5f5;
}
.svc_splitImg img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4/3}
.svc_splitText{flex:1;min-width:0}
.svc_splitText h2{
  font-family:"Raleway", Sans-serif;font-size:22px;font-weight:700;
  color:#2C3031;margin-bottom:12px;
}
.svc_splitText p{
  font-family:"Open Sans", Sans-serif;font-size:14px;
  color:#7A7A7A;line-height:1.8;margin-bottom:10px;
}
.svc_block{margin-bottom:40px}
.svc_block h2{
  font-family:"Raleway", Sans-serif;font-size:22px;font-weight:700;
  color:#2C3031;margin-bottom:12px;
}
.svc_block p{
  font-family:"Open Sans", Sans-serif;font-size:14px;
  color:#7A7A7A;line-height:1.8;margin-bottom:10px;
}

@media(max-width:767px){
  .subp_heroTitle{font-size:22px}
  .svc_splitRow,.svc_splitReverse{flex-direction:column;gap:20px}
  .svc_splitImg{flex:none;width:100%}
  .subp_content{padding:30px 15px 40px}
}