@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--navy: #1B4480;--deep-navy: #0F2A52;--gold: #EFB446;--charcoal: #1F2937;--grey: #8A8A8A;--bone: #F5F1E8;--border: #D1D5DB;--radius: 8px}.konfig-wrapper input,.konfig-wrapper select,.konfig-wrapper textarea{font-size:16px!important}.konfig-wrapper{font-family:Manrope,sans-serif;color:var(--charcoal);max-width:900px;margin:2rem auto 4rem;padding:0 1.5rem}.konfig-header{text-align:center;margin-bottom:2rem}.konfig-header h1{font-family:Cormorant Garamond,serif;font-size:2.4rem;color:var(--deep-navy);margin:0 0 .4rem}.konfig-header p{color:var(--grey);font-size:.95rem;margin:0}.konfig-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2.5rem;flex-wrap:nowrap;overflow:hidden}.step-pill{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--border);white-space:nowrap}.step-pill span.num{width:28px;height:28px;border-radius:50%;background:var(--border);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;transition:background .3s}.step-pill.active span.num{background:var(--navy)}.step-pill.done span.num{background:var(--gold);color:var(--charcoal)}.step-pill.active{color:var(--navy)}.step-pill.done{color:var(--gold)}.step-line{flex:1;height:2px;background:var(--border);min-width:10px;max-width:40px;transition:background .3s}.step-line.done{background:var(--gold)}.konfig-panel{display:none}.konfig-panel.active{display:block}.konfig-step-title{font-family:Cormorant Garamond,serif;font-size:1.75rem;color:var(--deep-navy);margin:0 0 1.5rem}.konfig-step-sub{font-size:.88rem;color:var(--grey);margin:-.8rem 0 1.2rem}.option-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media(max-width:520px){.option-cards{grid-template-columns:1fr}}.option-card{border:2px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.5rem 1.4rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.option-card:hover{border-color:var(--navy)}.option-card.selected{border-color:var(--navy);background:#eef3fb;box-shadow:0 0 0 3px #1b44801f}.option-card h3{font-family:Cormorant Garamond,serif;font-size:1.4rem;color:var(--deep-navy);margin:0 0 .5rem}.option-card p{font-size:.9rem;color:var(--grey);margin:0;line-height:1.6}.option-card .card-badge{display:inline-block;background:var(--gold);color:var(--charcoal);font-size:.72rem;font-weight:700;border-radius:4px;padding:.1rem .45rem;margin-bottom:.6rem}.option-card.selected:after{content:"\2713";float:right;color:var(--navy);font-size:1.1rem;font-weight:700;margin-top:0}.color-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:620px){.color-cards{grid-template-columns:1fr}}.color-card{border:2px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:border-color .2s}.color-card:hover{border-color:var(--navy)}.color-card.selected{border-color:var(--navy);background:#eef3fb}.swatch{width:48px;height:48px;border-radius:6px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.swatch-anthrazit{background:#3d3d3d}.swatch-moos{background:#2d5a27}.swatch-verzinkt{background:linear-gradient(135deg,silver,#e8e8e8,#9e9e9e)}.color-card h3{font-size:1rem;font-weight:600;color:var(--charcoal);margin:0 0 .15rem}.color-card p{font-size:.8rem;color:var(--grey);margin:0}.height-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.height-btn{border:2px solid var(--border);background:#fff;border-radius:var(--radius);padding:.65rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:Manrope,sans-serif;transition:all .2s;color:var(--charcoal)}.height-btn:hover{border-color:var(--navy);color:var(--navy)}.height-btn.selected{border-color:var(--navy);background:var(--navy);color:#fff}.laenge-group{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.laenge-group input{width:140px;border:2px solid var(--border);border-radius:var(--radius);padding:.65rem .9rem;font-size:1rem;font-family:Manrope,sans-serif;outline:none;transition:border-color .2s}.laenge-group input:focus{border-color:var(--navy)}.laenge-group label{font-weight:600;font-size:.95rem}.laenge-unit{color:var(--grey);font-size:.9rem}.laenge-preview{background:var(--bone);border-radius:var(--radius);padding:.9rem 1.2rem;display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1.2rem}.laenge-preview-item strong{display:block;font-size:1.4rem;font-weight:700;color:var(--navy)}.laenge-preview-item span{font-size:.82rem;color:var(--grey)}.radio-group{display:flex;gap:.8rem;margin-bottom:1.2rem;flex-wrap:wrap}.radio-btn{border:2px solid var(--border);background:#fff;border-radius:var(--radius);padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;font-family:Manrope,sans-serif;transition:all .2s;color:var(--charcoal)}.radio-btn:hover{border-color:var(--navy)}.radio-btn.selected{border-color:var(--navy);background:var(--navy);color:#fff}.konfig-select-label{display:block;font-size:.85rem;font-weight:600;color:var(--charcoal);margin:1rem 0 .35rem}.konfig-select{width:100%;max-width:340px;border:2px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem;font-size:.95rem;font-family:Manrope,sans-serif;color:var(--charcoal);outline:none;cursor:pointer;transition:border-color .2s;background:#fff}.konfig-select:focus{border-color:var(--navy)}.tor-details{margin-top:1rem}.tor-details.hidden{display:none}.befestigung-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1.5rem}@media(max-width:600px){.befestigung-cards{grid-template-columns:1fr}}.befestigung-card{border:2px solid var(--border);border-radius:var(--radius);padding:1.2rem;cursor:pointer;text-align:center;transition:all .2s}.befestigung-card:hover{border-color:var(--navy)}.befestigung-card.selected{border-color:var(--navy);background:#eef3fb}.befestigung-card .icon{font-size:1.8rem;margin-bottom:.4rem}.befestigung-card h4{font-size:.95rem;font-weight:700;color:var(--deep-navy);margin:0 0 .2rem}.befestigung-card p{font-size:.8rem;color:var(--grey);margin:0;line-height:1.4}.extras-list{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.extra-item{border:2px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem;display:flex;align-items:flex-start;gap:.9rem;cursor:pointer;transition:border-color .2s}.extra-item:hover{border-color:var(--navy)}.extra-item.selected{border-color:var(--navy);background:#eef3fb}.extra-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy);flex-shrink:0;margin-top:2px;cursor:pointer}.extra-item h4{font-size:.95rem;font-weight:600;margin:0 0 .15rem;color:var(--charcoal)}.extra-item p{font-size:.8rem;color:var(--grey);margin:0}.summary-header{background:var(--deep-navy);color:#fff;border-radius:var(--radius) var(--radius) 0 0;padding:.9rem 1.2rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600}.summary-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-top:none;margin-bottom:1.5rem}.summary-table th{background:var(--bone);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--grey);padding:.6rem 1rem;text-align:left}.summary-table td{padding:.7rem 1rem;font-size:.9rem;border-bottom:1px solid var(--border);vertical-align:top}.summary-table tr:last-child td{border-bottom:none}.summary-table td:nth-child(2){text-align:center}.summary-table td:nth-child(3){text-align:right;font-weight:600}.summary-table .total-row td{font-weight:700;font-size:1rem;background:var(--bone)}.summary-table .total-row td:last-child{color:var(--navy);font-size:1.1rem}.summary-config{background:var(--bone);border-radius:var(--radius);padding:.9rem 1.1rem;margin-bottom:1rem;font-size:.85rem;color:var(--grey)}.summary-config strong{color:var(--charcoal)}.konfig-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.btn-prev{border:2px solid var(--border);background:#fff;border-radius:var(--radius);padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;font-family:Manrope,sans-serif;color:var(--charcoal);transition:border-color .2s}.btn-prev:hover{border-color:var(--navy);color:var(--navy)}.btn-prev:disabled{opacity:.35;cursor:default}.btn-next{background:var(--navy);color:#fff;border:none;border-radius:var(--radius);padding:.7rem 1.8rem;font-size:.95rem;font-weight:700;cursor:pointer;font-family:Manrope,sans-serif;transition:background .2s}.btn-next:hover{background:var(--deep-navy)}.btn-next:disabled{opacity:.35;cursor:default}.btn-cart{background:var(--gold);color:var(--charcoal);border:none;border-radius:var(--radius);padding:.75rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;font-family:Manrope,sans-serif;transition:opacity .2s}.btn-cart:hover{opacity:.88}.konfig-alert{background:#fef3c7;border:1px solid #F59E0B;border-radius:var(--radius);padding:.7rem 1rem;font-size:.85rem;color:#92400e;margin-top:.8rem;display:none}.konfig-alert.visible{display:block}.konfig-trust{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.trust-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--grey)}.trust-item strong{color:var(--navy)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/zaunkonfigurator.css.map */