.fvr__h1 .u{background:linear-gradient(180deg,transparent 62%,var(--fvr-yellow) 62%,var(--fvr-yellow) 92%,transparent 92%);padding:0 4px}.fvr__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fvr__tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin:0 0 24px}.fvr__tab{position:relative;cursor:pointer}.fvr__tab input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.fvr__tab-inner{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border:2px solid var(--fvr-line);border-radius:14px;font-weight:700;font-size:15px;color:var(--fvr-gray);background:#fff;transition:all .15s ease;text-align:center;line-height:1.2}.fvr__tab-inner svg{color:var(--fvr-gray);transition:color .15s ease}.fvr__tab input:checked+.fvr__tab-inner{border-color:var(--fvr-yellow);background:var(--fvr-yellow-soft);color:var(--fvr-ink)}.fvr__tab input:checked+.fvr__tab-inner svg{color:#854d0e}.fvr__tab input:focus-visible+.fvr__tab-inner{outline:3px solid rgba(255,199,44,.45);outline-offset:2px}.fvr__row{margin-bottom:20px}.fvr__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.fvr__label{display:block;font-weight:700;font-size:15px;color:var(--fvr-ink);margin:0 0 8px}.fvr__sublabel{display:block;font-size:13px;color:var(--fvr-gray);margin-bottom:4px;font-weight:600}.fvr__hint{font-size:13px;color:var(--fvr-gray);margin:6px 0 0;line-height:1.5}.fvr__input{width:100%;padding:12px 14px;border:1.5px solid var(--fvr-line);border-radius:10px;font-size:15px;font-family:inherit;color:var(--fvr-ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.fvr__input:focus{outline:0;border-color:var(--fvr-yellow);box-shadow:0 0 0 3px #ffc72c40}.fvr__input--lg{font-size:22px;font-weight:600;padding:16px}select.fvr__input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.fvr__input-affix{position:relative}.fvr__input-affix .fvr__affix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--fvr-gray);font-size:15px;pointer-events:none}.fvr__row--area{margin-bottom:28px}.fvr__area-display{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;padding:14px 18px;background:linear-gradient(135deg,var(--fvr-yellow-soft) 0%,#fff 100%);border-radius:14px;border:1.5px solid var(--fvr-line)}.fvr__area-value-input{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--fvr-ink);background:transparent;border:0;padding:0;width:auto;min-width:120px;max-width:160px;text-align:left;font-family:inherit;font-variant-numeric:tabular-nums;outline:0}.fvr__area-value-input::-webkit-outer-spin-button,.fvr__area-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fvr__area-value-input{-moz-appearance:textfield}.fvr__area-value-input:focus-visible{box-shadow:inset 0 -3px 0 var(--fvr-yellow);border-radius:2px}.fvr__area-unit{font-size:22px;font-weight:700;color:var(--fvr-gray);align-self:flex-end;padding-bottom:6px}.fvr__slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(to right,var(--fvr-yellow) 0%,var(--fvr-yellow) var(--fill,10%),var(--fvr-line) var(--fill,10%),var(--fvr-line) 100%);border-radius:999px;outline:0;margin:6px 0 4px}.fvr__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--fvr-ink);box-shadow:0 2px 8px #0f172a2e;cursor:grab;transition:transform .1s ease}.fvr__slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.fvr__slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--fvr-ink);box-shadow:0 2px 8px #0f172a2e;cursor:grab}.fvr__slider::-moz-range-progress{background:var(--fvr-yellow);height:8px;border-radius:999px}.fvr__slider:focus-visible{outline:3px solid rgba(255,199,44,.55);outline-offset:4px}.fvr__slider-marks{display:flex;justify-content:space-between;font-size:11px;color:var(--fvr-gray);font-weight:600;margin-bottom:4px;padding:0 4px}.fvr__slider-marks span{font-variant-numeric:tabular-nums}.fvr__link-btn{background:none;border:0;color:var(--fvr-accent);font-weight:600;font-size:13px;cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;gap:4px}.fvr__link-btn:hover{text-decoration:underline}.fvr__link-btn[aria-expanded=true] svg{transform:rotate(45deg)}.fvr__helper{margin-top:12px;padding:16px;background:var(--fvr-bg);border-radius:12px;border:1px dashed var(--fvr-line)}.fvr__helper-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}@media(min-width:480px){.fvr__helper-row{grid-template-columns:1fr 1fr 1fr}}.fvr__choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fvr__choice{position:relative;cursor:pointer}.fvr__choice input{position:absolute;opacity:0;width:0;height:0}.fvr__choice>span{display:block;padding:12px 14px;border:1.5px solid var(--fvr-line);border-radius:10px;text-align:center;font-weight:600;color:var(--fvr-gray);background:#fff;transition:all .15s ease;font-size:14px}.fvr__choice>span em{font-style:normal;display:block;font-size:11px;font-weight:700;color:var(--fvr-accent);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.fvr__choice input:checked+span{border-color:var(--fvr-yellow);background:var(--fvr-yellow-soft);color:var(--fvr-ink)}.fvr__choice input:focus-visible+span{outline:3px solid rgba(255,199,44,.45);outline-offset:2px}.fvr__check{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:14px;color:var(--fvr-gray);cursor:pointer;line-height:1.4}.fvr__check input{margin-top:2px;accent-color:var(--fvr-yellow)}.fvr__advanced-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1.5px dashed var(--fvr-line);border-radius:12px;background:transparent;font-family:inherit;font-size:14px;color:var(--fvr-ink);cursor:pointer;margin-bottom:16px;text-align:left;transition:border-color .15s ease,background .15s ease}.fvr__advanced-toggle:hover{border-color:var(--fvr-yellow);background:#ffc72c0f}.fvr__advanced-chevron{display:inline-flex;color:var(--fvr-gray);transition:transform .2s ease;flex-shrink:0}.fvr__advanced-toggle[aria-expanded=true] .fvr__advanced-chevron{transform:rotate(180deg)}.fvr__advanced-toggle-text{font-weight:700;flex:1}.fvr__advanced-toggle-meta{color:var(--fvr-gray);font-size:13px}@media(max-width:480px){.fvr__advanced-toggle-meta{display:none}}.fvr__advanced{padding:18px;background:var(--fvr-bg);border-radius:12px;margin-bottom:16px}.fvr__advanced .fvr__row:last-child{margin-bottom:0}.fvr__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:0;border-radius:12px;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;transition:transform .08s ease,background .15s ease,box-shadow .15s ease;text-decoration:none;line-height:1.2}.fvr__btn:active{transform:translateY(1px)}.fvr__btn--primary{background:var(--fvr-ink);color:#fff;box-shadow:0 1px #0000000a}.fvr__btn--primary:hover{background:#1e293b}.fvr__btn--lg{padding:18px 24px;font-size:16px;width:100%}.fvr__btn--ghost{background:#fff;color:var(--fvr-ink);border:1.5px solid var(--fvr-line)}.fvr__btn--ghost:hover{border-color:var(--fvr-ink);background:var(--fvr-bg)}.fvr__btn--sm{padding:10px 14px;font-size:13px}.fvr__btn-sub{font-size:12px;font-weight:600;opacity:.85;display:block}.fvr__btn:focus-visible{outline:3px solid rgba(255,199,44,.55);outline-offset:2px}.fvr__disclaimer{font-size:12px;color:var(--fvr-gray);line-height:1.55;margin:14px 0 0;padding:12px 14px;background:var(--fvr-bg);border-radius:10px;border-left:3px solid var(--fvr-yellow)}.fvr__result{padding:24px;border-radius:14px;background:#fff;border:1.5px solid var(--fvr-line);min-height:280px;transition:border-color .25s ease}.fvr__result.is-empty{border-style:dashed;color:var(--fvr-gray);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.fvr__result.is-empty .fvr__result-filled{display:none}.fvr__result:not(.is-empty){border-color:var(--fvr-ink);box-shadow:0 8px 32px -16px #0f172a2e}.fvr__result:not(.is-empty) .fvr__result-empty{display:none}.fvr__result-empty svg{color:#cbd5e1;margin-bottom:10px}.fvr__result-empty h3{margin:0 0 6px;font-size:18px;color:var(--fvr-ink)}.fvr__result-empty p{margin:0;font-size:14px;max-width:300px}.fvr__result-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--fvr-accent);margin-bottom:6px}.fvr__result-liters{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.fvr__result-liters-value{font-size:54px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--fvr-ink)}.fvr__result-liters-unit{font-size:18px;color:var(--fvr-gray);font-weight:700}.fvr__result-buckets{font-size:16px;color:var(--fvr-ink);margin-bottom:8px}.fvr__result-buckets strong{color:var(--fvr-ink)}.fvr__result-price{font-size:14px;color:var(--fvr-gray);margin-bottom:8px;font-weight:600}.fvr__result-shipping{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#15803d;background:#f0fdf4;padding:6px 12px;border-radius:999px;font-weight:600;margin-bottom:18px}.fvr__shipping-progress{margin-bottom:18px}.fvr__shipping-bar{position:relative;width:100%;height:8px;background:var(--fvr-line);border-radius:999px;overflow:hidden;margin-bottom:6px}.fvr__shipping-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--fvr-yellow) 0%,#FFA800 100%);border-radius:999px;width:0%;transition:width .35s cubic-bezier(.4,0,.2,1)}.fvr__shipping-progress-text{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#854d0e;font-weight:600}.fvr__shipping-progress-text svg{color:#854d0e;flex-shrink:0}.fvr__sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1.5px solid var(--fvr-line);box-shadow:0 -8px 32px -8px #0f172a2e;padding:10px 14px;display:flex;align-items:center;gap:12px;animation:fvr-sticky-slide-in .25s cubic-bezier(.4,0,.2,1) both}.fvr__sticky-cta[hidden]{display:none}.fvr__sticky-cta-info{flex:1;min-width:0}.fvr__sticky-cta-buckets{display:block;font-size:14px;font-weight:700;color:var(--fvr-ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fvr__sticky-cta-price{display:block;font-size:12px;color:var(--fvr-gray);font-weight:600;line-height:1.2}.fvr__sticky-cta-btn{flex-shrink:0;padding:13px 18px;font-size:14px;min-height:48px;border-radius:10px}@keyframes fvr-sticky-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:880px){.fvr__sticky-cta{display:none!important}}@media(prefers-reduced-motion:reduce){.fvr__sticky-cta{animation:none}.fvr__shipping-bar-fill{transition:none}}.fvr__result-actions{display:grid;gap:10px;margin-bottom:16px}.fvr__result-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--fvr-gray)}.fvr__result-link{color:var(--fvr-accent);text-decoration:none;font-weight:600}.fvr__result-link:hover{text-decoration:underline}.fvr__result-formula{font-family:SF Mono,Menlo,monospace;font-size:11px;color:#94a3b8}.fvr__btn.is-loading{position:relative;color:transparent;pointer-events:none}.fvr__btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fvr-spin .7s linear infinite;color:#fff;left:50%;top:50%;margin-left:-9px;margin-top:-9px}.fvr__btn--ghost.is-loading:after{color:var(--fvr-ink)}@keyframes fvr-spin{to{transform:rotate(360deg)}}.fvr__btn.is-success{background:#15803d!important;color:#fff}.fvr__btn.is-error{background:#b91c1c!important;color:#fff}.fvr__steps{margin-top:40px;background:#fff;border:1px solid var(--fvr-line);border-radius:18px;padding:28px}.fvr__steps-h{font-size:22px;font-weight:800;margin:0 0 18px;text-align:center}.fvr__steps-list{counter-reset:fvr-step;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.fvr__steps-list{grid-template-columns:1fr 1fr}}@media(min-width:960px){.fvr__steps-list{grid-template-columns:repeat(4,1fr)}}.fvr__steps-list li{counter-increment:fvr-step;position:relative;padding:18px 18px 18px 56px;background:var(--fvr-bg);border-radius:12px;font-size:14px;line-height:1.5;color:var(--fvr-gray)}.fvr__steps-list li strong{color:var(--fvr-ink);display:block;margin-bottom:4px}.fvr__steps-list li:before{content:counter(fvr-step);position:absolute;left:14px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--fvr-yellow);color:var(--fvr-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.fvr__hero-img{display:block}.fvr__hero-img--fassade,.fvr[data-mode=fassade] .fvr__hero-img--innen{opacity:0}.fvr[data-mode=fassade] .fvr__hero-img--fassade{opacity:1}@media(prefers-reduced-motion:reduce){.fvr__hero-img,.fvr__btn,.fvr__input,.fvr__tab-inner,.fvr__advanced-toggle,.fvr__advanced-chevron{transition:none!important}.fvr__btn.is-loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/farbverbrauch-rechner.css.map */