@keyframes kb-flow{to{stroke-dashoffset:-16}}.kb-hero{padding:clamp(3.5rem,8vw,6rem) 0 clamp(2rem,5vw,3rem)}.kb-hero__title{font-size:clamp(3rem,7vw,5.5rem);font-weight:700;letter-spacing:-.045em;line-height:1}.kb-hero .lead{margin-top:1rem;max-width:36ch}.kb-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.kb-filter button{height:36px;padding:0 1rem;border-radius:999px;font-size:.875rem;font-weight:500;background:var(--c-bg-soft);color:var(--c-text);transition:background .2s,color .2s}.kb-filter button:hover{background:var(--c-fill)}.kb-filter button[aria-pressed=true]{background:var(--c-text);color:var(--c-bg)}.kb-featured{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);margin-top:2.5rem;border-radius:var(--radius-l);background:var(--c-bg-soft);overflow:hidden}.kb-featured__img{aspect-ratio:16 / 9}.kb-featured__img img,.kb-card__img img{width:100%;height:100%;object-fit:cover;display:block}.kb-featured__body{padding:2rem clamp(1.5rem,4vw,3rem) 2rem 0}.kb-featured__body h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.035em;line-height:1.1;margin-top:.6rem}.kb-featured__body p{color:var(--c-text-muted);margin-top:.8rem;font-size:1.05rem}.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.25rem}.kb-card{display:flex;flex-direction:column;border-radius:var(--radius-l);background:var(--c-bg-soft);overflow:hidden;transition:transform .4s var(--ease)}.kb-card:hover,.kb-featured:hover{transform:translateY(-3px)}.kb-featured{transition:transform .4s var(--ease)}.kb-card__img{aspect-ratio:16 / 9}.kb-card__body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;flex:1}.kb-card__body h3{font-size:1.3rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-top:.5rem}.kb-card__body p{color:var(--c-text-muted);font-size:.95rem;margin-top:.5rem}.kb-meta{display:flex;gap:.75rem;align-items:center;font-size:.8125rem;color:var(--c-text-muted)}.kb-cat{font-weight:600;color:var(--c-accent)}.kb-card .kb-meta--foot{margin-top:auto;padding-top:1rem}.kb-card[hidden],.kb-featured[hidden],.kb-soon li[hidden]{display:none}.kb-soon{margin-top:clamp(3rem,7vw,5rem)}.kb-soon h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.kb-soon ul{list-style:none;padding:0;margin:1rem 0 0}.kb-soon li{display:grid;grid-template-columns:9rem 1fr auto;gap:1rem;align-items:baseline;padding:1rem 0;border-top:1px solid var(--c-sep)}.kb-soon li:last-child{border-bottom:1px solid var(--c-sep)}.kb-soon li span:last-child{font-size:.8125rem;color:var(--c-text-muted)}.kb-soon strong{font-weight:500}.kb-lang-note{margin-top:1rem;font-size:.875rem;color:var(--c-text-muted)}.kb-lang-note:empty{display:none}.article-head{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(1.5rem,4vw,2.5rem);text-align:center}.article-head .kb-meta{justify-content:center}.article-head h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.045em;line-height:1.04;margin:.8rem auto 0;max-width:18ch}.article-head .lead{margin:1rem auto 0;max-width:40ch}.article-cover{max-width:1120px;margin:0 auto;padding:0 var(--gutter)}.article-cover img{width:100%;border-radius:var(--radius-l);display:block}.prose{max-width:680px;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) var(--gutter) 0;font-size:1.1875rem;line-height:1.65;color:var(--c-prose)}.prose>*+*{margin-top:1.3em}.prose h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--c-text);margin-top:2.2em}.prose h3{font-size:1.25rem;font-weight:600;color:var(--c-text);margin-top:1.8em}.prose strong{color:var(--c-text);font-weight:600}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.5em}.prose a{color:var(--c-accent);text-decoration:underline;text-underline-offset:3px}.prose blockquote{margin:2em 0;padding:0;font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.25;font-weight:600;letter-spacing:-.025em;color:var(--c-text)}.prose blockquote:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--c-accent-light);margin-bottom:1rem}.tldr{background:var(--c-bg-soft);border-radius:var(--radius-m);padding:1.4rem 1.6rem;font-size:1.05rem}.tldr p{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent)}.tldr ul,.tldr ol{margin:.75rem 0 0}.note{border-left:3px solid var(--c-accent-light);padding:.25rem 0 .25rem 1.1rem;font-size:1rem;color:var(--c-text-muted)}.figure{width:min(1040px,calc(100vw - 2 * var(--gutter)));margin-left:calc(50% - min(520px,50vw - var(--gutter)));margin-right:0}.prose .figure{margin-top:2.5em;margin-bottom:2.5em}.figure__box{background:var(--c-bg-soft);border-radius:var(--radius-l);padding:clamp(1.25rem,3vw,2.25rem)}.figure figcaption,.figure__caption{margin-top:.8rem;font-size:.875rem;color:var(--c-text-muted);text-align:center;line-height:1.5}.figure__title{font-size:1.05rem;font-weight:600;color:var(--c-text);margin-bottom:1.25rem}.months{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.months__m{display:flex;flex-direction:column;align-items:center;gap:.5rem}.months__bar{width:100%;height:56px;border-radius:8px;background:#d9dde3;position:relative;overflow:hidden}.months__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fill, #0e5a8a);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease);transition-delay:var(--d, 0s)}.is-visible .months__bar:after,.no-anim .months__bar:after{transform:scaleY(1)}.months__bar--sun{--fill: var(--c-accent-light)}.months__bar--mix{--fill: linear-gradient(180deg, var(--c-accent-light) 0 50%, #0e5a8a 50% 100%)}.months__label{font-size:.75rem;font-weight:600;color:var(--c-text-muted)}.legend{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center;margin-top:1.25rem;font-size:.875rem;color:var(--c-text)}.legend span{display:inline-flex;align-items:center;gap:.45rem}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.flowcmp{display:grid;gap:1.1rem}.flowcmp__row{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;align-items:center}.flowcmp__label{font-size:.95rem;font-weight:600;color:var(--c-text);line-height:1.3}.flowcmp__label span{display:block;font-weight:400;font-size:.8125rem;color:var(--c-text-muted)}.flowcmp svg{width:100%;height:auto;display:block}.flowcmp .node{fill:var(--c-surface);stroke:var(--c-ink);stroke-width:1.5}.flowcmp .node-t{font:600 12px var(--font);fill:var(--c-text)}.flowcmp .pipe{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:8 8;animation:kb-flow 1s linear infinite}.flowcmp .pipe--dc{stroke:var(--c-accent)}.flowcmp .pipe--ac{stroke:var(--c-ink-soft);animation-duration:1.6s}.flowcmp .loss{font:600 11px var(--font);fill:#b3261e}.config{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:center}.config__controls{display:grid;gap:1.25rem}.config label,.config .config__label{display:block;font-size:.8125rem;font-weight:600;color:var(--c-text-muted);margin-bottom:.45rem}.seg{display:inline-flex;background:var(--c-fill);border-radius:999px;padding:3px;flex-wrap:wrap}.seg button{height:32px;padding:0 .9rem;border-radius:999px;font-size:.875rem;font-weight:500;color:var(--c-text-muted)}.seg button[aria-pressed=true]{background:var(--c-surface);color:var(--c-text);box-shadow:0 1px 3px #0000001f}.config input[type=range]{width:100%;accent-color:var(--c-accent)}.config__count{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--c-text-muted)}.config__visual svg{width:100%;height:auto;display:block}.config__panel{fill:#d9dde3;transition:fill .35s var(--ease)}.config__panel.is-on{fill:#1d1d1f}.config__wire{fill:none;stroke:#d9dde3;stroke-width:3;stroke-linecap:round;transition:stroke .35s}.config__wire.is-on{stroke:var(--c-accent);stroke-dasharray:8 8;animation:kb-flow 1s linear infinite}.config__result{margin-top:1rem;padding:1rem 1.2rem;border-radius:var(--radius-m);background:var(--c-surface)}.config__total{font-size:2rem;font-weight:700;letter-spacing:-.035em;line-height:1}.config__verdict{margin-top:.4rem;font-size:.95rem;display:flex;gap:.5rem;align-items:baseline}.config__verdict i{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block;transform:translateY(1px)}.config__verdict[data-state=ok] i{background:var(--c-accent-light)}.config__verdict[data-state=low] i,.config__verdict[data-state=high] i{background:#e0a400}.config__verdict[data-state=max] i{background:#b3261e}.day{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:center}.day svg{width:100%;max-width:360px;margin:0 auto;display:block;height:auto}.day__steps{display:grid;gap:.5rem}.day__step{text-align:left;width:100%;padding:.9rem 1.1rem;border-radius:var(--radius-m);transition:background .3s}.day__step:hover{background:var(--c-fill)}.day__step.is-active{background:var(--c-surface);box-shadow:0 1px 4px #0000000f}.day__step strong{display:block;font-size:1rem;font-weight:600;color:var(--c-text)}.day__step span{display:block;font-size:.9rem;color:var(--c-text-muted);margin-top:.15rem}.day .tank-fill{transition:y .9s var(--ease),height .9s var(--ease),fill .9s var(--ease)}.day .flame{transition:opacity .6s var(--ease)}.day .sun{transition:opacity .6s var(--ease),transform .9s var(--ease);transform-box:fill-box;transform-origin:center}.day .temp{font:700 28px var(--font);fill:var(--c-text)}.day .state{font:600 12px var(--font)}.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stats3 div{background:var(--c-surface);border-radius:var(--radius-m);padding:1.25rem 1.1rem}.stats3 strong{display:block;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--c-text)}.stats3 span{display:block;margin-top:.5rem;font-size:.875rem;color:var(--c-text-muted);line-height:1.4}.payback{margin-top:1.5rem}.payback__track{position:relative;height:44px;border-radius:12px;background:var(--c-surface);overflow:hidden}.payback__range{position:absolute;top:0;bottom:0;left:calc(2 / 6 * 100%);width:50%;background:linear-gradient(90deg,#73a82e59,#3d752f8c);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease) .2s}.is-visible .payback__range{transform:scaleX(1)}.payback__range span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.875rem;font-weight:600;color:#1f4a17}.payback__axis{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--c-text-muted)}.payback__axis span{width:0;display:flex;justify-content:center;white-space:nowrap}.payback__axis span:first-child{justify-content:flex-start}.payback__axis span:last-child{justify-content:flex-end}.teaser{display:grid;grid-template-columns:180px 1fr;gap:1.5rem;align-items:center;background:var(--c-bg-soft);border-radius:var(--radius-l);padding:1.25rem 1.5rem;text-decoration:none!important;color:var(--c-text)!important;margin:2.5em 0}.teaser img{width:100%;height:auto}.teaser small{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent)}.teaser strong{display:block;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin-top:.2rem}.teaser span{display:block;font-size:.95rem;color:var(--c-text-muted);line-height:1.45;margin-top:.2rem}.teaser em{display:inline-block;font-style:normal;color:var(--c-accent);font-weight:500;font-size:.95rem;margin-top:.5rem}.teaser em:after{content:" \203a"}.article-lang-note{max-width:680px;margin:1.5rem max(var(--gutter),calc((100% - 680px)/2)) 0;padding:.8rem 1.1rem;border-radius:var(--radius-m);background:#fff7e0;color:#6b4e00;font-size:.9rem}.article-lang-note:empty{display:none}.related{padding:clamp(4rem,8vw,6rem) 0 0}.related h2{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.related .kb-grid{margin-top:1.5rem}@media(max-width:1000px){.kb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.kb-featured{grid-template-columns:1fr}.kb-featured__body{padding:0 1.5rem 1.75rem}.config,.day{grid-template-columns:1fr}}@media(max-width:640px){.kb-grid{grid-template-columns:1fr}.kb-soon li{grid-template-columns:1fr;gap:.2rem}.flowcmp__row{grid-template-columns:1fr;gap:.4rem}.stats3{grid-template-columns:1fr}.teaser{grid-template-columns:1fr;text-align:center}.teaser img{max-width:220px;margin:0 auto}.months{gap:2px}.months__label{font-size:.625rem}.prose{font-size:1.0625rem}}@media(prefers-reduced-motion:reduce){.flowcmp .pipe,.config__wire.is-on{animation:none}.months__bar:after,.payback__range{transition:none}}.gauge{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:center}.gauge__dial{position:relative}.gauge__dial svg{width:100%;height:auto;display:block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.gauge__dial svg:active{cursor:grabbing}.gauge__dial svg:focus{outline:none}.gauge__dial svg:focus-visible .gauge__knob{stroke:var(--c-accent);stroke-width:5}.gauge__tick{stroke:var(--c-ink-soft);stroke-width:1.5}.gauge__tick--major{stroke:var(--c-ink);stroke-width:2.5}.gauge__num{font:600 13px var(--font);fill:#6e6e73}.gauge__num--limit{fill:#d64535}.gauge__needle{stroke:var(--c-ink);stroke-width:6;stroke-linecap:round}.gauge__hub{fill:#1d1d1f}.gauge__knob{fill:var(--c-surface);stroke:var(--c-ink);stroke-width:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.gauge__value{font:700 30px var(--font);fill:#1d1d1f;letter-spacing:-.02em}.gauge__unit{font:600 13px var(--font);fill:#6e6e73}.gauge__hint{text-align:center;font-size:.8125rem;color:var(--c-text-muted);margin-top:.25rem}.gauge__panel{background:var(--c-surface);border-radius:var(--radius-l);padding:1.5rem 1.5rem 1.6rem}.gauge__panel h4{margin:0;font-size:.8125rem;font-weight:600;color:var(--c-text-muted)}.gauge__power{font-size:clamp(2.6rem,6vw,3.6rem);font-weight:700;letter-spacing:-.045em;line-height:1;margin-top:.4rem;font-variant-numeric:tabular-nums;transition:color .3s}.gauge__share{font-size:.95rem;color:var(--c-text-muted);margin-top:.35rem}.gauge__bar{height:12px;border-radius:999px;background:var(--c-fill);overflow:hidden;margin-top:1.25rem}.gauge__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-light));transition:width .25s var(--ease),background .3s}.gauge__status{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;padding:.35rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:600}.gauge__status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.gauge__status[data-state=full]{background:#73a82e24;color:#3d752f}.gauge__status[data-state=part]{background:#e0a40029;color:#8a5a00}.gauge__status[data-state=bad]{background:#d645351f;color:var(--c-red)}[data-gauge][data-state=bad] .gauge__power{color:var(--c-red);font-size:clamp(1.6rem,3.5vw,2.2rem)}[data-gauge][data-state=bad] .gauge__bar span{background:#d64535}.gauge__input{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.875rem;color:var(--c-text-muted)}.gauge__input input{width:5.5rem;height:38px;border:1px solid var(--c-line);border-radius:10px;padding:0 .6rem;font:inherit;color:var(--c-text);text-align:right}.gauge__examples{margin-top:1.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.gauge__examples button{background:var(--c-bg-soft);border-radius:12px;padding:.55rem .4rem;text-align:center;font-size:.8125rem;line-height:1.3;color:var(--c-text-muted);transition:background .2s}.gauge__examples button:hover{background:var(--c-fill)}.gauge__examples strong{display:block;color:var(--c-text);font-size:.95rem}.gauge__note{margin-top:1rem;font-size:.8125rem;color:var(--c-text-muted)}@media(max-width:860px){.gauge{grid-template-columns:1fr}}.article-cover--tool .figure--top{width:auto;margin:0}.article-cover--tool .figure__box{padding:clamp(1.25rem,3.5vw,2.75rem)}.config__trunk{fill:none;stroke:var(--c-accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:8 8;animation:kb-flow 1s linear infinite}@media(prefers-reduced-motion:reduce){.config__trunk{animation:none}}.gauge__note{margin-top:1rem;font-size:.875rem;color:var(--c-text-muted);background:var(--c-red-bg);border-radius:10px;padding:.6rem .8rem}.gauge__note strong{color:var(--c-red)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fothermo-wissen.css.map */