.calc-shell{--tax:var(--ink);--tax-soft:var(--paper-deep);--rente:var(--ink);--rente-soft:var(--paper-deep);--band-overlap:56px}.calc-shell .abf-wrap,.calc-shell .r-wrap,.calc-shell .p-wrap{padding:calc(var(--hdr-h) + 40px) 20px 112px;background:0 0}.calc-shell .abf,.calc-shell .rr,.calc-shell .planner{max-width:1040px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.calc-shell .abf-head,.calc-shell .r-head,.calc-shell .p-head,.calc-shell .res-head{padding:8px 0 calc(var(--band-overlap) + 40px);background:var(--cobalt);color:#fff;box-shadow:0 0 0 100vmax var(--cobalt);clip-path:inset(-100vmax -100vmax 0);border:0;position:relative}.calc-shell .abf-title,.calc-shell .r-title,.calc-shell .p-title,.calc-shell .res-title{color:#fff;max-width:18ch;font-family:var(--sans);letter-spacing:-.03em;word-spacing:.08em;text-wrap:balance;font-size:clamp(36px,4.6vw,64px);font-weight:700;font-stretch:82%;line-height:1}.calc-shell .abf-sub,.calc-shell .r-sub,.calc-shell .p-sub,.calc-shell .res-for{max-width:62ch;color:var(--on-cobalt-soft);text-wrap:pretty;margin-top:18px;font-size:17px;line-height:1.6}.calc-shell .res-for b{color:#fff}.calc-shell .abf-grid,.calc-shell .r-grid,.calc-shell .planner .stage,.calc-shell #result>.editor{margin-top:calc(var(--band-overlap) * -1);border-top:5px solid var(--ink);background:#fff;position:relative}.calc-shell .planner .nav,.calc-shell #result>.r-out,.calc-shell #result>.res-nav,.calc-shell .abf-foot,.calc-shell .r-foot,.calc-shell .p-foot{background:#fff}.calc-shell .abf-foot,.calc-shell .r-foot,.calc-shell .p-foot{border-top:1px solid var(--line)}.calc-shell .abf-foot p,.calc-shell .r-foot p,.calc-shell .p-foot p{max-width:110ch;font-size:12.5px}.calc-shell .abf-out,.calc-shell .r-out{background:#fff}.calc-shell .abf-inputs,.calc-shell .r-inputs{background:var(--paper)}.calc-shell .prog .bar{background:#ffffff40;border-radius:0;height:4px}.calc-shell .prog .bar span{background:#fff;border-radius:0}.calc-shell .prog .lab{color:var(--on-cobalt-soft);font-size:12.5px}.calc-shell .prog .seg.active .lab{color:#fff}.calc-shell .grp-t,.calc-shell .out-label,.calc-shell .rc .rl,.calc-shell .headline .hl-l,.calc-shell .ref-t,.calc-shell .step-k,.calc-shell .tl-h,.calc-shell .editor-cols .col-t{color:var(--ink-soft);font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:13.5px;font-weight:600}.calc-shell .grp-t,.calc-shell .editor-cols .col-t{color:var(--ink);border-bottom:2px solid var(--ink)}.calc-shell .step-h{letter-spacing:-.02em;font-size:26px;font-weight:700;font-stretch:86%}.calc-shell input[type=text],.calc-shell select,.calc-shell .money input,.calc-shell .form-control.input{border-color:var(--line-strong);background-color:#fff;border-radius:0;transition:border-color .15s,box-shadow .15s}.calc-shell input[type=text]:hover,.calc-shell select:hover{border-color:var(--ink-faint)}.calc-shell input:focus,.calc-shell select:focus{outline:2px solid var(--cobalt);outline-offset:0;border-color:var(--cobalt)}.calc-shell .row2 label{margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.calc-shell .seg[role=group]{border-color:var(--ink);background:#fff;border-radius:0;gap:0;padding:0}.calc-shell .seg[role=group] button{color:var(--ink-soft);border-radius:0}.calc-shell .seg[role=group] button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.calc-shell .switch{border-color:var(--line-strong);background:#fff;border-radius:0}.calc-shell .toggle .tr{box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff;border-radius:2px}.calc-shell .toggle .tr:after{background:var(--ink);width:18px;height:18px;box-shadow:none;border-radius:0;top:4px;left:4px}.calc-shell .toggle input:checked+.tr{background:var(--cobalt);box-shadow:none}.calc-shell .toggle input:checked+.tr:after{background:#fff}.calc-shell .check input{accent-color:var(--cobalt)}.calc-shell details.est summary,.calc-shell details.editor>summary{color:var(--cobalt)}.calc-shell .netto,.calc-shell .headline .hl-v{color:var(--cobalt);letter-spacing:-.035em;font-size:clamp(44px,5vw,64px);font-weight:700;font-stretch:80%}.calc-shell .rc .rv,.calc-shell .line .v,.calc-shell .ref .row .v,.calc-shell .lg b{font-family:var(--sans);font-weight:700;font-stretch:88%}.calc-shell .rc .rv{font-size:22px}.calc-shell .bar-track{border-radius:0;height:14px}.calc-shell .bar-tax{background:repeating-linear-gradient(-45deg, var(--ink) 0 2px, #fff 2px 6px)}.calc-shell .dot{border-radius:0}.calc-shell .lines,.calc-shell .ref{border-top:2px solid var(--ink)}.calc-shell .line.total .v{color:var(--ink)}.calc-shell .save{border:0;border-top:2px solid var(--cobalt);background:var(--cobalt-soft);border-radius:0}.calc-shell .save .amt{color:var(--cobalt);font-stretch:86%}.calc-shell .save .txt{color:var(--ink)}.calc-shell .save .txt b{color:var(--cobalt)}.calc-shell .headline,.calc-shell .rc,.calc-shell .wart{border:0;border-top:2px solid var(--ink);background:var(--paper);border-radius:0}.calc-shell .headline.blocked{border-top-color:var(--warn);background:var(--warn-soft)}.calc-shell .rc.keep{border-top-color:var(--cobalt);background:var(--cobalt-soft)}.calc-shell .rc.keep .rv{color:var(--cobalt)}.calc-shell .rc.rente{border-top-color:var(--ink);background:var(--paper)}.calc-shell .rc.rente .rv{color:var(--ink)}.calc-shell .rc.warn{border-top-color:var(--ink);background:#fff4cc}.calc-shell .rc.warn .rv{color:var(--ink)}.calc-shell .badge{font-family:var(--sans);letter-spacing:0;border-radius:0;padding:4px 8px;font-size:13px;font-stretch:100%;line-height:1}.calc-shell .badge.ok{background:var(--cobalt-soft);color:var(--cobalt)}.calc-shell .badge.cut{background:var(--paper-deep);color:var(--ink)}.calc-shell .check .ic{border-radius:0}.calc-shell .check .ic.y{background:var(--cobalt)}.calc-shell .tl:before{background:var(--ink);width:2px}.calc-shell .ev .node{border-width:2.5px;border-radius:0}.calc-shell .ev.warn .node{border-color:var(--ink);background:var(--signal)}.calc-shell .ev.keep .node{border-color:var(--cobalt);background:var(--cobalt)}.calc-shell .ev.rente .node{border-color:var(--ink);background:var(--ink)}.calc-shell .ev .ttl{font-size:15.5px}.calc-shell .tag{border-radius:0}.calc-shell .tag.warn{background:var(--signal);color:var(--ink)}.calc-shell .tag.keep{background:var(--cobalt-soft);color:var(--cobalt)}.calc-shell .tag.rente{background:var(--paper-deep);color:var(--ink)}.calc-shell details.editor{border-radius:0}.calc-shell .btn{min-height:48px;font-family:var(--sans);border-radius:2px;font-size:15px}.calc-shell .btn-primary{background:var(--cobalt);box-shadow:none}.calc-shell .btn-primary:hover{background:var(--cobalt-deep)}.calc-shell .btn-ghost{border:1.5px solid var(--ink);color:var(--ink)}.calc-shell .btn-ghost:hover{background:var(--ink);color:#fff}@media (max-width:720px){.calc-shell{--band-overlap:32px}.calc-shell .abf-wrap,.calc-shell .r-wrap,.calc-shell .p-wrap{padding:calc(var(--hdr-h) + 28px) 0 72px}.calc-shell .abf-head,.calc-shell .r-head,.calc-shell .p-head,.calc-shell .res-head{padding-left:20px;padding-right:20px}}.hdr .btn{min-height:42px;box-shadow:none;border:0;border-radius:2px;padding:0 16px 0 18px;font-size:14.5px;font-weight:600}.calc-shell .plan-lane{background:var(--paper);border-top:2px solid var(--ink);margin:12px 0 32px;padding:18px 20px 14px}.calc-shell .pl-markers{height:76px;position:relative}.calc-shell .pl-marker{position:absolute;top:0;bottom:-30px}.calc-shell .pl-pin{background:var(--ink);width:2px;position:absolute;bottom:0;left:-1px}.calc-shell .pl-marker--row0 .pl-pin{top:4px}.calc-shell .pl-marker--row1 .pl-pin{top:40px}.calc-shell .pl-tag{white-space:nowrap;flex-direction:column;line-height:1.2;display:flex;position:absolute;left:8px}.calc-shell .pl-marker--row1 .pl-tag{top:36px}.calc-shell .pl-marker--end .pl-tag{align-items:flex-end;left:-8px;transform:translate(-100%)}.calc-shell .pl-tag b{font-size:12px;font-weight:700}.calc-shell .pl-tag span{font-size:14px;font-weight:600}.calc-shell .pl-marker--signal .pl-tag b{background:var(--signal);width:fit-content;margin-left:-4px;padding:0 4px}.calc-shell .pl-track{background:#fff;height:30px;position:relative}.calc-shell .pl-band{position:absolute;top:0;bottom:0}.calc-shell .pl-band--salary{background:linear-gradient(90deg, var(--ink) 0 1px, #fff 1px 100%) 0 0 / 4px 100% repeat-x}.calc-shell .pl-band--sperr{background:repeating-linear-gradient(-45deg, var(--ink) 0 2px, #fff 2px 6px)}.calc-shell .pl-band--dispo{background:radial-gradient(circle, var(--ink) 1.2px, transparent 1.6px) 0 0 / 6px 6px}.calc-shell .pl-band--alg{background:var(--cobalt)}.calc-shell .pl-band--gap{background:linear-gradient(var(--ink), var(--ink)) 0 0 / 100% 2px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 100% / 100% 2px no-repeat, #fff}.calc-shell .pl-band--rente{background:var(--ink)}.calc-shell .pl-years{border-top:1px solid var(--ink);height:24px;position:relative}.calc-shell .pl-years span{border-left:1px solid var(--ink);color:var(--ink-faint);padding:3px 0 0 4px;font-size:11.5px;position:absolute;top:0}.calc-shell .pl-legend{color:var(--ink-soft);flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.calc-shell .pl-legend li{align-items:center;gap:6px;display:inline-flex}.calc-shell .pl-sw{outline:1px solid var(--ink);outline-offset:-1px;width:18px;height:10px;display:inline-block;position:static}.calc-shell .pl-sw.pl-band--gap{outline:0}.calc-shell .r-out .cards{gap:0 32px}.calc-shell .planner .rc,.calc-shell .planner .rc.keep,.calc-shell .planner .rc.rente,.calc-shell .planner .rc.warn{border-top:1px solid var(--line-strong);background:0 0;padding:14px 0 16px}.calc-shell .planner .rc.warn .rl:before{content:"";background:var(--signal);outline:1px solid var(--ink);outline-offset:-1px;width:9px;height:9px;margin-right:8px;display:inline-block}.calc-shell .planner .rc .rv{font-size:24px}.calc-shell .ev .tag{letter-spacing:0;text-transform:none;border-radius:0;font-size:11.5px}.calc-shell .rr .headline,.calc-shell .rr .rc,.calc-shell .rr .wart{background:0 0;padding-left:0;padding-right:0}.calc-shell .rr .headline{border-top:2px solid var(--ink)}.calc-shell .rr .rc,.calc-shell .rr .wart{border-top:1px solid var(--line-strong)}.calc-shell .rr .cards{gap:0 32px}.calc-shell .rr .headline.blocked{padding:18px 16px}.calc-shell .badge.cut,.calc-shell .badge.ok{color:var(--ink-soft);vertical-align:baseline;background:0 0;padding:0;font-size:15px;font-weight:600}.calc-shell .switch{border:0;border-top:1px solid var(--line-strong);background:0 0;padding:12px 0}.calc-shell .planner #name{max-width:440px}.calc-shell .planner .date-picker-display,.calc-shell .planner input[type=date]{max-width:260px}.calc-shell .check input[type=checkbox]{appearance:none;border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:0;place-content:center;width:20px;height:20px;margin:0;display:inline-grid}.calc-shell .check input[type=checkbox]:after{content:"";width:10px;height:6px;transition:transform .2s var(--ease-out);border:0 solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px)rotate(-45deg)scale(0)}.calc-shell .check input[type=checkbox]:checked{border-color:var(--cobalt);background:var(--cobalt)}.calc-shell .check input[type=checkbox]:checked:after{transform:translateY(-1px)rotate(-45deg)scale(1)}.calc-shell .check input[type=checkbox]:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.calc-shell .row2 label.check,.calc-shell label.check{align-items:center;gap:12px;margin-bottom:0;display:flex}
