.roi-calc{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:clamp(1.3rem,2.6vw,2.2rem);align-items:start}.roi-ctrl{display:flex;flex-direction:column;gap:1.05rem}.roi-field label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.45rem;font-size:.855rem;font-weight:550;color:var(--ds3-ink,#17181A)}.roi-field .roi-val{font-family:var(--ds3-mono,monospace);font-size:.95rem;font-weight:600;color:var(--ds3-prussian-600,#104961);font-variant-numeric:tabular-nums;white-space:nowrap}.roi-sl{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:99px;cursor:pointer;background:linear-gradient(90deg,var(--ds3-prussian-600,#104961) var(--f,50%),var(--ds3-paper-200,#E9E7E1) var(--f,50%))}.roi-sl::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--ds3-prussian-600,#104961);box-shadow:0 3px 10px rgba(23,24,26,.18);cursor:grab;-webkit-transition:transform .15s;transition:transform .15s}.roi-sl::-webkit-slider-thumb:active{transform:scale(1.18);cursor:grabbing}.roi-sl::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ds3-prussian-600,#104961);box-shadow:0 3px 10px rgba(23,24,26,.18);cursor:grab}.roi-hint{margin-top:.4rem;font-size:.72rem;color:var(--ds3-graphite-500,#6E7178);line-height:1.45}.roi-group-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.45rem;font-size:.855rem;font-weight:550;color:var(--ds3-ink,#17181A)}.roi-group-label .roi-val{font-family:var(--ds3-mono,monospace);font-size:.8rem;font-weight:600;color:var(--ds3-prussian-600,#104961);white-space:nowrap}.roi-pills{display:flex;flex-wrap:wrap;gap:.4rem}.roi-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:550;color:var(--ds3-graphite-600,#45484E);background:#fff;border:1px solid var(--ds3-hairline,#d8d8d4);border-radius:999px;padding:.42rem .85rem;cursor:pointer;transition:border-color .18s,color .18s,background .18s,box-shadow .18s}.roi-pill:hover{border-color:#bdbcb6;color:var(--ds3-ink,#17181A)}.roi-pill[aria-pressed=true]{color:#fff;background:var(--ds3-prussian,#00283A);border-color:var(--ds3-prussian,#00283A);box-shadow:0 6px 16px rgba(0,40,58,.2)}.roi-custom-range{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.55rem}.roi-input-wrap{position:relative}.roi-input{width:100%;font-size:.88rem;color:var(--ds3-ink,#17181A);background:var(--ds3-paper-100,#F4F2ED);border:1px solid var(--ds3-hairline,#d8d8d4);border-radius:9px;padding:.55rem 3rem .55rem .75rem;font-variant-numeric:tabular-nums}.roi-input:focus{outline:none;background:#fff;border-color:var(--ds3-prussian-600,#104961);box-shadow:0 0 0 3px rgba(16,73,97,.12)}.roi-input-unit{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);font-size:.72rem;color:var(--ds3-graphite-500,#6E7178);pointer-events:none}.roi-result{position:sticky;top:76px;background:#fff;color:var(--ds3-ink,#17181A);border:1px solid var(--ds3-hairline,#d8d8d4);border-radius:18px;padding:1.3rem;box-shadow:0 14px 40px rgba(23,24,26,.1)}.roi-result-label{display:block;font-family:var(--ds3-mono,monospace);font-size:.685rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ds3-graphite-500,#6E7178);margin-bottom:.55rem}.roi-big{font-size:clamp(1.55rem,2.8vw,2rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--ds3-prussian,#00283A);font-variant-numeric:tabular-nums}.roi-big-cap{font-size:.8rem;color:var(--ds3-graphite-600,#45484E);margin-top:.3rem;margin-bottom:.9rem}.roi-rows{display:flex;flex-direction:column;margin-bottom:.85rem}.roi-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.5rem 0;border-top:1px solid var(--ds3-paper-200,#e9e7e1)}.roi-row span{font-size:.83rem;color:var(--ds3-graphite-600,#45484E)}.roi-row b{font-size:.92rem;font-weight:700;letter-spacing:-.015em;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.roi-row b.positive{color:var(--ds3-erfolg,#2E6B45)}.roi-row b.warn{font-weight:600;font-size:.84rem}.roi-row b.warn,.roi-row-note{color:var(--ds3-graphite-500,#6E7178)}.roi-row-note{font-size:.7rem;margin-top:.1rem}.roi-trace{border:1px solid var(--ds3-paper-200,#e9e7e1);border-radius:10px;background:var(--ds3-paper-100,#F4F2ED);margin-bottom:.85rem}.roi-trace summary{display:flex;align-items:center;gap:.45rem;padding:.55rem .7rem;font-size:.76rem;font-weight:600;color:var(--ds3-graphite-600,#45484E);cursor:pointer;list-style:none}.roi-trace summary::-webkit-details-marker{display:none}.roi-trace summary svg{flex:none}.roi-trace ol{margin:0;padding:0 .7rem .65rem;list-style:none}.roi-trace li{display:flex;justify-content:space-between;gap:.8rem;font-size:.72rem;line-height:1.5;color:var(--ds3-graphite-500,#6E7178);padding:.18rem 0}.roi-trace li strong{color:var(--ds3-ink,#17181A);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.roi-warning{display:flex;gap:.5rem;align-items:flex-start;font-size:.76rem;line-height:1.5;color:var(--ds3-warnung,#8F6400);background:rgba(143,100,0,.07);border:1px solid rgba(143,100,0,.25);border-radius:10px;padding:.6rem .75rem;margin-bottom:.85rem}.roi-warning svg{flex:none;margin-top:.1rem}.roi-cta-btn{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--ds3-prussian,#00283A);border:none;border-radius:999px;padding:.7rem 1.2rem;cursor:pointer;box-shadow:0 8px 20px rgba(0,40,58,.2);transition:background .2s,transform .2s,box-shadow .2s}.roi-cta-btn:hover{background:var(--ds3-prussian-600,#104961);transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,40,58,.26)}.roi-cta-alt{display:block;text-align:center;margin-top:.55rem;font-size:.78rem;font-weight:550;color:var(--ds3-prussian-600,#104961);text-decoration:underline}.roi-note{margin-top:.6rem;font-size:.7rem;line-height:1.5;color:var(--ds3-graphite-500,#6E7178);text-align:center}.roi-empty{display:flex;gap:.55rem;align-items:flex-start;font-size:.82rem;color:var(--ds3-graphite-600,#45484E)}@media (max-width:1080px){.roi-calc{grid-template-columns:1fr;gap:1.5rem}.roi-result{position:static}}