/* einklang OS · Produkt-Sektion — CSS der Loesungssektion von
   /loesungen/batteriespeicher, unveraendert uebernommen. Die Sektion auf
   /einklang-os traegt dieselbe Klassenfamilie, damit Design und Verhalten
   eine Quelle behalten. */
.loesung_batterie_uc.is-active .loesung_batterie_uc_body{grid-template-rows:1fr}
.loesung_batterie_uc.is-active .loesung_batterie_uc_text{opacity:1;transform:none}
.loesung_batterie_uc.is-active .loesung_batterie_uc_chev{transform:rotate(180deg);color:#007889}
.loesung_batterie_uc.is-multi .loesung_batterie_uc_label{color:#007889}
.loesung_batterie_uc_head:focus-visible{outline:2px solid #007889;outline-offset:2px;border-radius:16px}
.loesung_batterie .ekb-view{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateX(14px);visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.22,.61,.36,1),transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s .3s}
.loesung_batterie .ekb-view.is-active{position:relative;opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
.loesung_batterie .ekb-view.is-leaving{visibility:visible;opacity:0;transform:translateX(-14px)}
.loesung_batterie .ekb-os{background:#fff;border:1px solid rgba(30,30,30,.06);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.08);overflow:hidden}
.loesung_batterie .ekb-os-bar{display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border-bottom:1px solid rgba(30,30,30,.1)}
.loesung_batterie .ekb-os-dots{display:inline-flex;gap:5px;flex:none}
.loesung_batterie .ekb-os-dots i{width:7px;height:7px;border-radius:50%;background:#DCE1E8;display:block}
.loesung_batterie .ekb-os-title{font:600 .78rem/1.2 Inter,sans-serif;color:#1e1e1e}
.loesung_batterie .ekb-os-pill{margin-left:auto;background:#E9F2F3;color:#007889;font:600 .68rem/1 Inter,sans-serif;padding:.34rem .7rem;border-radius:100px;white-space:nowrap}
.loesung_batterie .ekb-os-pill.is-dot{display:inline-flex;align-items:center;gap:.4rem}
.loesung_batterie .ekb-os-pill.is-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:#007889}
.loesung_batterie .ekb-os-body{background:#f5f9fa;padding:.875rem}
.loesung_batterie .ekb-osc{background:#fff;border:1px solid rgba(30,30,30,.1);border-radius:14px;padding:1rem 1.125rem}
.loesung_batterie .ekb-osc-h{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem}
.loesung_batterie .ekb-osc-h .t{font:600 .84rem/1.25 Inter,sans-serif;color:#1e1e1e}
.loesung_batterie .ekb-osc-h .s{font:400 .72rem/1 Inter,sans-serif;color:#AAB4C0;white-space:nowrap}
.loesung_batterie .ekb-plot{position:relative}
.loesung_batterie .ekb-chart{width:100%;height:auto;display:block}
.loesung_batterie .ekb-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.625rem}
.loesung_batterie .ekb-legend span{display:inline-flex;align-items:center;gap:.4rem;font:400 .75rem Inter,sans-serif;color:#5A6470}
.loesung_batterie .ekb-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
.loesung_batterie .ekb-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}
.loesung_batterie .ekb-chip{display:inline-flex;align-items:baseline;gap:.375rem;background:#f5f9fa;border-radius:10px;padding:.4rem .625rem}
.loesung_batterie .ekb-chip .l{font:400 .7rem/1 Inter,sans-serif;color:#5A6470}
.loesung_batterie .ekb-chip .v{font:600 .8rem/1 Inter,sans-serif;color:#1e1e1e;font-variant-numeric:tabular-nums}
.loesung_batterie .ekb-mval{font:600 2.25rem/1 Inter,sans-serif;color:#1e1e1e;font-variant-numeric:tabular-nums;margin:.25rem 0 .875rem}
.loesung_batterie .ekb-delta{display:inline-flex;align-items:center;font:600 .68rem/1 Inter,sans-serif;color:#20745B;background:rgba(47,157,119,.12);border-radius:100px;padding:.25rem .5rem;margin-left:.5rem;vertical-align:middle;white-space:nowrap}
.loesung_batterie .ekb-det{position:absolute;right:2px;bottom:8px;max-width:232px;background:#fff;border:1px solid rgba(30,30,30,.1);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.08);padding:.7rem .875rem;z-index:2;opacity:0;transform:translateY(8px);transition:opacity .45s cubic-bezier(.22,.61,.36,1) 1.2s,transform .45s cubic-bezier(.22,.61,.36,1) 1.2s}
.loesung_batterie .ekb-det.is-left{right:auto;left:2px}
.loesung_batterie .ekb-anim.is-in .ekb-det{opacity:1;transform:none}
.loesung_batterie .ekb-det .dh{display:flex;align-items:center;gap:.4rem;font:600 .68rem/1 Inter,sans-serif;color:#007889;margin:0 0 .35rem}
.loesung_batterie .ekb-det .dh::before{content:"";width:6px;height:6px;border-radius:50%;background:#007889;flex:none}
.loesung_batterie .ekb-det .dm{font:600 .78rem/1.35 Inter,sans-serif;color:#1e1e1e;margin:0}
.loesung_batterie .ekb-det .ds{font:400 .7rem/1.4 Inter,sans-serif;color:#5A6470;margin:.25rem 0 0}
.loesung_batterie .ekb-b{fill:#9BC4D5;transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i) * .035s)}
.loesung_batterie .ekb-anim.is-in .ekb-b{transform:scaleY(1)}
.loesung_batterie .ekb-b.is-amber{fill:#FBB963}
.loesung_batterie .ekb-b.is-df{fill:#007889}
.loesung_batterie .ekb-thr{stroke:#AAB4C0;stroke-width:1.5;stroke-dasharray:4 5;opacity:0;transition:opacity .5s cubic-bezier(.22,.61,.36,1) .55s}
.loesung_batterie .ekb-anim.is-in .ekb-thr{opacity:1}
.loesung_batterie .ekb-ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.22,.61,.36,1) .15s}
.loesung_batterie .ekb-anim.is-in .ekb-ln{stroke-dashoffset:0}
.loesung_batterie .ekb-ln.is-d2{transition-delay:.45s}
.loesung_batterie .ekb-ln.is-ghost{stroke:#C6CFD8}
.loesung_batterie .ekb-ar{opacity:0;transition:opacity .8s cubic-bezier(.22,.61,.36,1) .5s}
.loesung_batterie .ekb-anim.is-in .ekb-ar{opacity:1}
.loesung_batterie .ekb-seg{opacity:0;transition:opacity .5s cubic-bezier(.22,.61,.36,1) .95s}
.loesung_batterie .ekb-anim.is-in .ekb-seg{opacity:1}
.loesung_batterie .ekb-seg.is-late{transition-delay:1.5s}
.loesung_batterie .ekb-dt{fill:#fff;stroke-width:2;opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center;transition:opacity .3s cubic-bezier(.22,.61,.36,1) 1.05s,transform .3s cubic-bezier(.22,.61,.36,1) 1.05s}
.loesung_batterie .ekb-anim.is-in .ekb-dt{opacity:1;transform:scale(1)}
.loesung_batterie .ekb-win{opacity:0;transition:opacity .6s cubic-bezier(.22,.61,.36,1) .8s}
.loesung_batterie .ekb-win.is-2{transition-delay:1.1s}
.loesung_batterie .ekb-anim.is-in .ekb-win{opacity:1}
.loesung_batterie .ekb-xl{font:400 9px/1 Inter,sans-serif;fill:#AAB4C0}
.loesung_batterie .ekb-thr-l{font:600 8.5px/1 Inter,sans-serif;fill:#AAB4C0}
.loesung_batterie .ekb-trk{fill:#EFF3F7}
.loesung_batterie .ekb-cmp-plot{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;height:224px;position:relative;border-bottom:1px solid rgba(30,30,30,.1);background-image:linear-gradient(rgba(30,30,30,.1) 1px,transparent 1px);background-size:100% 25%}
.loesung_batterie .ekb-cmp-stage{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;outline-offset:4px;border-radius:12px}
.loesung_batterie .ekb-cmp-bar{display:block;width:62%;max-width:88px;height:var(--h);background:var(--c);border-radius:12px 12px 4px 4px;transform-origin:bottom;transform:scaleY(0);transition:transform .8s cubic-bezier(.22,.61,.36,1) var(--d,0s),box-shadow .25s cubic-bezier(.22,.61,.36,1)}
.loesung_batterie .ekb-anim.is-in .ekb-cmp-bar{transform:scaleY(1)}
.loesung_batterie .ekb-cmp-stage:hover .ekb-cmp-bar,.loesung_batterie .ekb-cmp-stage:focus-visible .ekb-cmp-bar{box-shadow:0 0 0 3px rgba(0,120,137,.16)}
.loesung_batterie .ekb-cmp-tip{position:absolute;left:50%;bottom:calc(var(--h) + 14px);transform:translate(-50%,6px);width:max-content;max-width:190px;background:#131936;color:#fff;font:600 .72rem/1.4 Inter,sans-serif;text-align:center;padding:.5rem .75rem;border-radius:10px;opacity:0;pointer-events:none;z-index:2;transition:opacity .25s cubic-bezier(.22,.61,.36,1),transform .25s cubic-bezier(.22,.61,.36,1)}
.loesung_batterie .ekb-cmp-tip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#131936}
.loesung_batterie .ekb-cmp-stage:hover .ekb-cmp-tip,.loesung_batterie .ekb-cmp-stage:focus-visible .ekb-cmp-tip{opacity:1;transform:translate(-50%,0)}
.loesung_batterie .ekb-cmp-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem}
.loesung_batterie .ekb-cmp-labels p{font:600 .78rem/1.35 Inter,sans-serif;color:#1e1e1e;text-align:center;padding-inline:.25rem;margin:0}
.loesung_batterie .ekb-cmp-labels .sub{display:block;font:400 .7rem/1.3 Inter,sans-serif;color:#AAB4C0;margin-top:.125rem}
@media (max-width:991px){.loesung_batterie_stage{position:static}}
@media (prefers-reduced-motion:reduce){
.loesung_batterie .ekb-b,.loesung_batterie .ekb-cmp-bar{transition:none!important;transform:none!important}
.loesung_batterie .ekb-ln{transition:none!important;stroke-dashoffset:0!important}
.loesung_batterie .ekb-ar,.loesung_batterie .ekb-thr,.loesung_batterie .ekb-seg,.loesung_batterie .ekb-dt,.loesung_batterie .ekb-det,.loesung_batterie .ekb-win{transition:opacity .2s ease!important;transform:none!important}
.loesung_batterie .ekb-view{transition:opacity .2s ease;transform:none!important}
.loesung_batterie_uc_body{transition:none}
.loesung_batterie_uc_text{transition:opacity .2s ease;transform:none}
}

/* Anwendungsfall-Grafiken, portiert aus dem einklang-OS-Prototypen (Sektion 4).
   Geometrie 1:1, Grau- und Linienfarben auf die DS-Leiter gezogen. */
.loesung_batterie .ekb-os-body{background:#fff;padding:16px 20px 18px}
.loesung_batterie .ekb-plot{position:relative}
.loesung_batterie .ekb-gb{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i,0) * .02s)}
.loesung_batterie .ekb-anim.is-in .ekb-gb{transform:scaleY(1)}
.loesung_batterie .ekb-fx{opacity:0;transition:opacity .5s cubic-bezier(.22,.61,.36,1) .55s}
.loesung_batterie .ekb-anim.is-in .ekb-fx{opacity:1}
.loesung_batterie .ekb-ax{font:400 10px/1 Inter,sans-serif;fill:#B3B3B3}
.loesung_batterie .ekb-bl{font:600 10.5px/1 Inter,sans-serif;fill:#565656}
.loesung_batterie .ekb-lg{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}
.loesung_batterie .ekb-lg span{display:inline-flex;align-items:center;gap:8px;font:400 .75rem/1.4 Inter,sans-serif;color:#565656}
.loesung_batterie .ekb-lg i{flex:none}
.loesung_batterie .ekb-badge{position:absolute;top:0;right:2px;z-index:2;padding:11px 15px;text-align:right;background:#fff;border:1px solid rgba(30,30,30,.1);border-radius:16px}
.loesung_batterie .ekb-badge b{display:block;font:600 1.25rem/1.05 Inter,sans-serif;color:#007889;font-variant-numeric:tabular-nums}
.loesung_batterie .ekb-badge span{display:block;font:400 .75rem/1.4 Inter,sans-serif;color:#565656;margin-top:4px}
@media (prefers-reduced-motion:reduce){
.loesung_batterie .ekb-gb{transition:none!important;transform:none!important}
.loesung_batterie .ekb-fx{transition:none!important;opacity:1!important}
}