.vbr{--vbr-dark: #1b1b1b;--vbr-light: #ffffff;--vbr-accent: #0e6b6b;--vbr-bg: rgba(var(--color-foreground), .03);--vbr-border: rgba(var(--color-foreground), .12);--vbr-radius: 0px;background:var(--vbr-bg);border-radius:var(--vbr-radius);padding:2.6rem 2.8rem 3rem;font-size:1.5rem;color:var(--vbr-dark);box-sizing:border-box;overflow-x:clip}.vbr__header{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:2.2rem}.vbr__icon{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:var(--vbr-radius);background:var(--vbr-dark);color:var(--vbr-light);flex-shrink:0}.vbr__icon svg{width:2.2rem;height:2.2rem}.vbr__title{margin:0;font-size:2.6rem;font-weight:600;color:var(--vbr-dark);letter-spacing:.02em}.vbr__intro{margin:-.6rem 0 2rem;color:#5b5b5b;line-height:1.5}.vbr__field{margin-bottom:1.8rem}.vbr__row{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}.vbr__row--3{grid-template-columns:1fr 1fr 1fr}.vbr__label{display:block;margin-bottom:.7rem;font-size:1.4rem;font-weight:500;color:#3a3a3a}.vbr__input,.vbr__select{width:100%;background:#fff;border:1px solid var(--vbr-border);border-radius:var(--vbr-radius);padding:1rem 1.2rem;font-size:1.5rem;color:var(--vbr-dark);box-sizing:border-box;-webkit-appearance:none;appearance:none}.vbr__input:focus,.vbr__select:focus{outline:none;border-color:var(--vbr-dark);box-shadow:0 0 0 1px var(--vbr-dark)}.vbr__select-wrap{position:relative}.vbr__select{padding-right:3.6rem;cursor:pointer}.vbr__select-wrap svg{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);width:1.3rem;height:1.3rem;pointer-events:none;color:var(--vbr-dark)}.vbr__toggle{display:flex;gap:1rem}.vbr__toggle-btn{flex:1;background:#fff;border:1px solid var(--vbr-border);border-radius:var(--vbr-radius);padding:1rem;font-size:1.5rem;font-weight:600;color:#3a3a3a;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.vbr__toggle-btn.is-active{background:var(--vbr-dark);border-color:var(--vbr-dark);color:var(--vbr-light)}.vbr__info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--vbr-accent);color:#fff;font-size:1.1rem;font-style:normal;font-weight:700;cursor:pointer;margin-left:.5rem;vertical-align:middle;flex-shrink:0}.vbr__info-text{position:absolute;bottom:calc(100% + .8rem);left:50%;transform:translate(-50%);width:22rem;max-width:calc(100vw - 4rem);background:var(--vbr-dark);color:#fff;font-size:1.3rem;font-weight:400;line-height:1.45;text-align:left;padding:1rem 1.2rem;border-radius:var(--vbr-radius);box-shadow:0 6px 20px #00000038;opacity:0;visibility:hidden;transition:opacity .15s;z-index:5;pointer-events:none}.vbr__info-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--vbr-dark)}.vbr__info:hover .vbr__info-text,.vbr__info.is-open .vbr__info-text{opacity:1;visibility:visible}.vbr__calc-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--vbr-accent);color:var(--vbr-light);border:none;border-radius:var(--vbr-radius);padding:1.4rem 2.6rem;font-size:1.6rem;font-weight:600;letter-spacing:.02em;cursor:pointer;margin-top:.4rem;transition:opacity .15s}.vbr__calc-btn:hover{opacity:.85}.vbr__calc[hidden]{display:none}.vbr__result{margin-top:2.6rem}.vbr__result[hidden]{display:none}.vbr__result-heading{font-size:1.7rem;font-weight:500;color:#3a3a3a;margin:0 0 1.2rem}.vbr__result-heading b{color:var(--vbr-accent);font-weight:700}.vbr__card{display:flex;flex-wrap:wrap;border-radius:var(--vbr-radius);overflow:hidden;border:1px solid var(--vbr-border)}.vbr__card-left{background:#fff;display:flex;align-items:center;gap:1.6rem;padding:2.4rem 2.6rem;flex:1 1 46%;min-width:260px}.vbr__metric{text-align:center}.vbr__metric-value{font-size:3.2rem;font-weight:800;color:var(--vbr-dark);line-height:1.1}.vbr__metric-value--accent{color:var(--vbr-accent)}.vbr__metric-label{font-size:1.3rem;color:#6b6b6b;margin-top:.4rem}.vbr__arrow{color:var(--vbr-accent);flex-shrink:0}.vbr__arrow svg{width:2.6rem;height:2.6rem}.vbr__card-right{background:var(--vbr-dark);color:var(--vbr-light);display:flex;align-items:center;justify-content:center;gap:1.6rem;padding:2.4rem 2.6rem;flex:1 1 46%;min-width:260px}.vbr__gebinde{text-align:center}.vbr__gebinde-value{font-size:3.2rem;font-weight:800;line-height:1.1}.vbr__gebinde-label{font-size:1.3rem;opacity:.85;margin-top:.4rem}.vbr__plus{font-size:2.4rem;font-weight:300;opacity:.7}.vbr__simple{background:#fff;border:1px solid var(--vbr-border);border-radius:var(--vbr-radius);padding:2rem 2.4rem;font-size:2rem;font-weight:700;color:var(--vbr-dark);text-align:center}.vbr__simple b{color:var(--vbr-accent)}.vbr__variant{margin-top:1.6rem}.vbr__variant .vbr__label{font-weight:500}.vbr__recommend{background:rgba(var(--color-foreground),.04);border:1px solid var(--vbr-border);border-radius:var(--vbr-radius);padding:1.4rem 1.6rem;margin-top:1.6rem;font-size:1.35rem;line-height:1.55;color:#3a3a3a}.vbr__recommend-title{font-weight:700;margin-bottom:.6rem;color:var(--vbr-dark)}.vbr__recommend p{margin:.25rem 0}.vbr__recommend strong{color:var(--vbr-dark)}.vbr__cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:100%;background:var(--vbr-dark);color:#fff;border:none;border-radius:var(--vbr-radius);padding:1.6rem 2.4rem;font-size:1.6rem;font-weight:600;letter-spacing:.02em;cursor:pointer;margin-top:1.6rem;transition:opacity .15s}.vbr__cart-btn:hover{opacity:.9}.vbr__cart-btn:disabled{opacity:.5;cursor:not-allowed}.vbr__cart-btn.is-loading{pointer-events:none;opacity:.7}.vbr__error{color:#b0341f;font-size:1.4rem;margin-top:1rem}.vbr__error[hidden]{display:none}.vbr__note{background:#0e6b6b0f;border-left:3px solid var(--vbr-accent);border-radius:var(--vbr-radius);padding:1.2rem 1.4rem;margin:0 0 1.8rem;font-size:1.35rem;line-height:1.5;color:#3a3a3a}.vbr__note strong{color:var(--vbr-dark)}.vbr__overline{font-size:calc(var(--font-heading-scale) * 2rem);font-weight:700;color:var(--vbr-accent);margin:0 0 1.4rem;letter-spacing:.01em;font-family:var(--font-heading-family);text-align:center}.vbr__calc-grid{display:grid;grid-template-columns:minmax(0,30rem) 1fr;gap:2.8rem;align-items:start}.vbr__product-image-wrap{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vbr-border);border-radius:var(--vbr-radius);aspect-ratio:4 / 3;overflow:hidden}.vbr__product-image{width:100%;height:100%;object-fit:contain;padding:1.6rem;box-sizing:border-box}.vbr__product-panel .klaviyo-star-rating-widget{margin-top:1.2rem}.vbr__product-title{font-size:1.9rem;font-weight:600;margin:1rem 0 .4rem;color:var(--vbr-dark);line-height:1.25}.vbr__product-desc{font-size:1.4rem;color:#5b5b5b;margin:0;line-height:1.5}@media screen and (max-width:749px){.vbr{padding:1.8rem 1.5rem 2.2rem}.vbr__header{gap:1rem;margin-bottom:1.8rem}.vbr__icon{width:3.8rem;height:3.8rem}.vbr__title{font-size:2rem}.vbr__row{grid-template-columns:1fr;gap:0}.vbr__calc-btn{width:100%}.vbr__card{flex-direction:column}.vbr__card-left,.vbr__card-right{flex:1 1 100%;width:100%;box-sizing:border-box;justify-content:center}.vbr__card-left{gap:1.2rem;padding:2rem 1.6rem}.vbr__card-right{gap:1.4rem;padding:2rem 1.6rem}.vbr__metric-value,.vbr__gebinde-value{font-size:2.8rem}.vbr__simple{font-size:1.7rem;padding:1.8rem 1.6rem}.vbr__info-text{width:20rem}.vbr__overline{font-size:calc(var(--font-heading-scale) * 2rem);margin-bottom:1rem}.vbr__calc-grid{grid-template-columns:1fr;gap:1.8rem}.vbr__product-image-wrap{max-width:24rem;margin:0 auto;width:100%}.vbr__product-title,.vbr__product-desc,.vbr__product-panel .klaviyo-star-rating-widget{text-align:center}}@media screen and (min-width:750px){.vbr__overline{font-size:calc(var(--font-heading-scale) * 2.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-verbrauchsrechner.css.map */