.fr-section{padding:3.5rem 0;background:rgb(var(--color-background, 255 255 255));color:rgb(var(--color-foreground, 20 20 20))}.fr-wrap{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 1.5rem}.fr-header{max-width:46rem;margin:0 auto 2.5rem;text-align:center}.fr-heading{font-family:var(--font-heading-family, inherit);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);line-height:1.15;margin:0 0 .75rem;letter-spacing:-.01em}.fr-subheading{font-family:var(--font-body-family, inherit);font-size:1rem;line-height:1.5;opacity:.8}.fr-hint{font-family:var(--font-body-family, inherit);font-size:.85rem;line-height:1.5;margin:.9rem auto 0;padding:.6rem .9rem;max-width:38rem;background:#1f5d5b14;border:1px solid rgba(31,93,91,.2);border-radius:6px;text-align:left}.fr-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.75rem;align-items:start}@media(max-width:900px){.fr-grid{grid-template-columns:1fr}}.fr-input-panel{border:1px solid rgba(var(--color-foreground, 20 20 20),.1);border-radius:10px;padding:1.5rem;background:rgb(var(--color-background, 255 255 255));box-shadow:0 1px 2px #1414140a,0 8px 24px -18px #14141440}.fr-field-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.fr-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.fr-field-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.65}.fr-input{width:100%;font-family:var(--font-body-family, inherit);font-size:1rem;padding:.65rem .75rem;border:1px solid rgba(var(--color-foreground, 20 20 20),.22);border-radius:6px;background:rgb(var(--color-background, 255 255 255));color:inherit}.fr-input:focus-visible{outline:2px solid #1f5d5b;outline-offset:1px}.fr-calc-btn{display:block;width:100%;font-family:var(--font-body-family, inherit);font-weight:600;font-size:1rem;padding:.85rem 1rem;border:none;border-radius:6px;background:#1f5d5b;color:#fff;cursor:pointer;transition:background .15s ease}.fr-calc-btn:hover{background:#163f3e}.fr-result-panel{border-radius:10px;padding:1.75rem;background:#12302f;color:#eef6f5;min-height:100%;box-shadow:0 1px 2px #1414140f,0 14px 32px -18px #12302f8c}.fr-result-empty p{font-size:.92rem;line-height:1.55;opacity:.85;margin:0}.fr-result-figures{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.fr-figure{display:flex;flex-direction:column;gap:.3rem}.fr-figure-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.fr-figure-value{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.15rem;font-variant-numeric:tabular-nums}.fr-scale{margin:1.5rem 0 1.75rem}.fr-scale-track{position:relative;height:6px;border-radius:3px;background:linear-gradient(to right,#2f8a7f,#d7b96a 70%,#c05a4a);margin-bottom:.5rem}.fr-scale-marker{position:absolute;top:50%;left:0%;width:2px;height:22px;background:#fff;transform:translate(-50%,-50%);transition:left .4s cubic-bezier(.22,1,.36,1)}.fr-scale-marker:after{content:"";position:absolute;top:-6px;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;transform:translate(-50%)}.fr-scale-marker-value{position:absolute;top:-34px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;background:#fff;color:#12302f;padding:.15rem .45rem;border-radius:4px}.fr-scale-labels{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:.2rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.68rem;opacity:.75}@media(max-width:480px){.fr-scale-labels{font-size:.6rem}}.fr-scale-label-active{opacity:1;font-weight:700;color:#d7b96a}.fr-recommendation{display:flex;align-items:baseline;gap:.6rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15);margin-bottom:1.25rem;flex-wrap:wrap}.fr-rec-label{font-size:.85rem;opacity:.75}.fr-rec-value{font-family:var(--font-heading-family, inherit);font-size:1.4rem;font-weight:700;color:#d7b96a}.fr-oversized{font-size:.85rem;background:#c05a4a2e;border:1px solid rgba(192,90,74,.4);border-radius:6px;padding:.7rem .9rem;margin-bottom:1.25rem}.fr-savings{border-top:1px solid rgba(255,255,255,.15);padding-top:1.25rem;margin-bottom:1.25rem}.fr-savings-title{font-size:.95rem;font-weight:700;margin-bottom:1rem}.fr-payback{font-size:.88rem;line-height:1.5;background:#d7b96a26;border:1px solid rgba(215,185,106,.4);border-radius:6px;padding:.7rem .9rem;margin-bottom:.9rem}.fr-savings-note{font-size:.8rem;line-height:1.5;opacity:.75;margin:0}.fr-material-note{font-size:.8rem;line-height:1.5;opacity:.75;margin:0 0 .6rem}.fr-material-note:empty{display:none}.fr-cta{display:inline-block;font-family:var(--font-body-family, inherit);font-weight:600;font-size:.92rem;background:#fff;color:#12302f;padding:.7rem 1.2rem;border-radius:6px;text-decoration:none}.fr-cta:hover{background:#d7b96a}.fr-disclaimer{max-width:46rem;margin:2rem auto 0;font-size:.78rem;line-height:1.5;opacity:.6;text-align:center}@media(prefers-reduced-motion:reduce){.fr-scale-marker{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-flaechen-rechner.css.map */