Strategy & Yield — Transparent BESS | Stromfee<meta name="description" content="Strategy and yield are the reasons why storage exists. The timing of charging and discharging determines arbitrage and peak shaving."> <link rel="canonical" href="https://stromfee-mauritius.ai/en/glaesern/bess/strategie/"> <style>:root{--bg:#fdfcff;--bg-soft:#faf8ff;--surface:#fff;--text:#1d1d1f;--text-2:#515154;--text-3:#86868b;--border:#fed7aa;--border-soft:#efeaf8;--accent:#f97316;--accent-bright:#fdba74;--accent-dim:rgba(234,88,12,.08);--emerald:#ea580c;--font:'Inter',-apple-system,sans-serif;--mono:'JetBrains Mono',monospace;--radius:16px}*{box-sizing:border-box;margin:0;padding:0} body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6; -webkit-font-smoothing:antialiased} .wrap{max-width:1080px;margin:0 auto;padding:0 24px} header{padding:14px 0;border-bottom:1px solid var(--border-soft);background:rgba(255,255,255,.72); backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:9} header a{color:var(--text-2);text-decoration:none;font-size:13px;margin-right:18px} header a:hover{color:var(--accent)} .hero{padding:56px 0 32px} .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase; color:var(--accent);margin-bottom:10px} h1{font-size:40px;letter-spacing:-.022em;line-height:1.12;margin-bottom:12px} .lead{font-size:19px;color:var(--text-2);max-width:62ch} h2{font-size:23px;letter-spacing:-.015em;margin:44px 0 6px} .sub{color:var(--text-3);font-size:14px;margin-bottom:18px} .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:22px 0 8px} .step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px} .step b{display:block;font-size:15px;margin-bottom:4px} .step span{font-size:13px;color:var(--text-3)} .step i{font-family:var(--mono);font-size:11px;color:var(--accent);font-style:normal} .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px} .c{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius); padding:16px 18px;text-decoration:none;color:inherit;transition:.16s} .c:hover{border-color:var(--accent-bright);box-shadow:0 8px 26px rgba(234,88,12,.16);transform:translateY(-2px)} .c b{display:block;font-size:15px;letter-spacing:-.01em} .c span{font-size:12.5px;color:var(--text-3);font-family:var(--mono)} .tag{display:inline-block;font-family:var(--mono);font-size:10.5px;padding:2px 7px;border-radius:6px; background:var(--accent-dim);color:var(--accent);margin-top:8px} .tag.de{background:rgba(180,83,9,.09);color:#b45309} .tag.live{background:rgba(234,88,12,.10);color:#ea580c} .note{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius); padding:16px 18px;font-size:14px;color:var(--text-2);margin:22px 0} .note b{color:var(--text)} .nav{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0} .nav a{font-size:13px;padding:7px 13px;border:1px solid var(--border);border-radius:999px; text-decoration:none;color:var(--text-2);background:var(--surface)} .nav a:hover,.nav a.on{border-color:var(--accent);color:var(--accent)} footer{margin-top:64px;padding:26px 0;border-top:1px solid var(--border-soft); font-size:13px;color:var(--text-3)} @media(max-width:640px){h1{font-size:31px}.hero{padding:36px 0 24px}} .hero-w{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;padding:2.4rem 20px 3.4rem;text-align:center} .hero-w h1{font-size:2rem;margin:0;letter-spacing:-.01em}.hero-w p{opacity:.9;margin:.4rem 0 0} .step-img{width:100%;border-radius:14px;object-fit:cover;max-height:340px} .step-kicker{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0} .step-h{font-size:1.35rem;margin:.3rem 0 .7rem;letter-spacing:-.01em} .step-p{color:var(--text-2);line-height:1.6} .reg{font-family:var(--mono);font-size:.8rem;color:var(--accent);background:var(--accent-dim);padding:.15rem .5rem;border-radius:6px} .szen{margin-top:1.2rem;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:16px;padding:1.1rem 1.2rem} .szen .mon{font-family:var(--mono);font-size:.75rem;color:var(--accent);margin:0 0 .3rem} .szen-grid{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:center} .szen-img{width:100%;border-radius:12px;object-fit:cover} @media(max-width:560px){.szen-grid{grid-template-columns:1fr}} .calcbox{margin-top:1rem;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:16px;padding:1.1rem 1.2rem} .calcbox input{width:96px;padding:.35rem .5rem;border:1px solid var(--border);border-radius:8px;font-family:var(--mono);font-size:.95rem} #steps{display:flex;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:1.4rem;flex-wrap:wrap} .st .no{display:inline-flex;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--border);color:var(--text-2);align-items:center;justify-content:center;font-size:.75rem;margin-right:.35rem} .st.on .no{background:var(--accent);color:#fff} .livebar{display:inline-flex;margin:1.2rem auto 0;padding:.5rem 1.1rem;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.5);border-radius:999px;font-size:.82rem;color:var(--text-2);align-items:center;gap:.5rem;box-shadow:0 6px 20px rgba(0,0,0,.08)} .livedot{width:.6rem;height:.6rem;border-radius:50%;background:#ea580c;box-shadow:0 0 0 0 rgba(234,88,12,.5);animation:lp 2s infinite} @keyframes lp{0%{box-shadow:0 0 0 0 rgba(234,88,12,.4)}70%{box-shadow:0 0 0 .5rem rgba(234,88,12,0)}100%{box-shadow:0 0 0 0 rgba(234,88,12,0)}} .livekpi{background:linear-gradient(135deg,var(--accent-dim),transparent);border:1px solid var(--accent-bright);border-radius:16px;padding:1.1rem 1.3rem;margin:.4rem 0 1rem} .livekpi .lv{font-size:2.2rem;font-weight:700;color:var(--accent);line-height:1;font-family:var(--mono)} .livekpi .ll{font-size:.9rem;color:var(--text-2);margin-top:.3rem} .livekpi .lts{font-size:.72rem;color:var(--text-3);font-family:var(--mono);margin-top:.4rem} .sec{max-width:1000px;margin:2.4rem auto;padding:0 20px} .sec h2{font-size:1.5rem;letter-spacing:-.01em;margin-bottom:.4rem} .sec .lead{color:var(--text-3);margin-bottom:1.2rem} .compgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px} .compgrid a{display:block;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:.16s} .compgrid a:hover{border-color:var(--accent-bright);box-shadow:0 8px 24px rgba(234,88,12,.14);transform:translateY(-2px)} .compgrid a img{width:100%;height:118px;object-fit:cover;display:block;background:#fff7ed} .compgrid .ct{padding:12px 15px} .compgrid b{display:block;font-size:14.5px}.compgrid span{font-size:12px;color:var(--text-3);font-family:var(--mono)} .ctaband{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;text-align:center;padding:2.6rem 20px;margin-top:2.4rem} .ctaband h2{font-size:1.6rem;margin-bottom:.6rem}.ctaband p{opacity:.92;max-width:60ch;margin:0 auto 1.4rem} .ctaband .btn{display:inline-block;background:#fff;color:var(--accent);font-weight:600;padding:.7rem 1.4rem;border-radius:999px;text-decoration:none;margin:.3rem} .faqsec details{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.4rem 1rem;margin-bottom:.6rem} .faqsec summary{cursor:pointer;font-weight:600;padding:.6rem 0;font-size:.98rem} .faqsec .faq-a{color:var(--text-2);padding:0 0 .8rem;line-height:1.6} .live-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:.2rem 0 1.1rem} .live-status{font-weight:800;font-size:1.05rem}.live-sub{color:var(--text-3);font-size:.82rem} .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem} .kpi{background:linear-gradient(180deg,#fff,var(--bg-soft));border:1px solid var(--border);border-radius:15px;padding:.85rem .95rem} .kpi .kl{font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3);font-weight:700} .kpi .kval{font-family:var(--mono);font-weight:700;font-size:1.4rem;color:var(--text);line-height:1.1;margin-top:.15rem} .kpi .kval .ku{font-size:.72rem;color:var(--accent);margin-left:.15rem} .kpi .spark{margin-top:.35rem;height:26px} .kpi.hl{border-color:var(--accent-bright);box-shadow:0 6px 18px rgba(234,88,12,.14)} @media(max-width:640px){.kpis{grid-template-columns:repeat(2,1fr)}} header.site{position:sticky;top:0;z-index:9;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--border-soft)} .navrow{display:flex;align-items:center;gap:1rem;height:56px} .brand{font-weight:800;letter-spacing:-.02em;color:var(--text);text-decoration:none;font-size:1.02rem} .nlinks{display:flex;gap:1.1rem;margin-left:auto}.nlinks a{color:var(--text-2);text-decoration:none;font-size:.86rem} .nlinks a:hover{color:var(--accent)} .navcta{background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;padding:.5rem 1rem;border-radius:999px} @media(max-width:640px){.nlinks{display:none}} footer.site{margin-top:3rem;padding:2.4rem 0;border-top:1px solid var(--border-soft);background:var(--bg-soft);text-align:center} .fbrand{font-weight:800;color:var(--text);margin-bottom:.4rem} .fclaim{color:var(--text-2);font-size:.9rem;max-width:52ch;margin:0 auto 1rem} .flinks{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem} .flinks a{color:var(--accent);text-decoration:none;font-size:.85rem} .fcopy{color:var(--text-3);font-size:.78rem} .wiz-wrap{position:relative;z-index:2;margin:-2.6rem auto 0;max-width:1000px;padding:0 20px 2rem} .wiz{background:#fff;border:1px solid var(--border,#fed7aa);border-radius:24px;box-shadow:0 2px 6px rgba(0,0,0,.05),0 30px 70px rgba(249,115,22,.10),0 0 0 1px rgba(249,115,22,.03);overflow:hidden} .wiz-steps{display:flex;gap:0;border-bottom:1px solid var(--border,#fed7aa);background:var(--bg-mute,#fff7ed)} .wiz-steps .st{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem .6rem;font-size:.82rem;font-weight:700;color:var(--text-3,#86868b);position:relative;cursor:pointer} .wiz-steps .st .no{width:22px;height:22px;border-radius:999px;background:#e5e0ee;color:#86868b;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex:0 0 auto} .wiz-steps .st.on{color:var(--accent)} .wiz-steps .st.on .no{background:var(--accent);color:#fff} .wiz-steps .st.done .no{background:#ea580c;color:#fff} .wiz-steps .st.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--accent)} .wiz-steps .st .lbl{display:none} .wiz-steps .st{padding:.8rem .3rem} .wiz-body{padding:1.6rem 1.7rem 1.9rem} .wiz-body{padding:1.2rem 1.1rem 1.5rem} .step-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;align-items:center} .step-grid{grid-template-columns:1fr;gap:1.1rem} .step-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block;box-shadow:0 14px 34px rgba(249,115,22,.14)} .step-kicker{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800;margin:0 0 .5rem} .step-h{font-size:clamp(1.35rem,2.6vw,1.7rem);font-weight:800;letter-spacing:-.01em;margin:0 0 .7rem;color:var(--text,#1d1d1f);line-height:1.16} .step-p{font-size:1.02rem;line-height:1.62;color:var(--text-2,#515154);margin:0 0 .8rem} .step-p b{color:var(--text,#1d1d1f)} .chk{list-style:none;padding:0;margin:.4rem 0 0} .chk li{display:flex;gap:.6rem;align-items:flex-start;font-size:.98rem;line-height:1.5;color:var(--text-2,#515154);margin:.55rem 0} .chk li .b{flex:0 0 auto;width:22px;height:22px;border-radius:999px;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;margin-top:.05rem} .wiz-nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.5rem;flex-wrap:wrap} .wiz-back{background:none;border:0;color:var(--text-3,#86868b);font-weight:700;font-size:.95rem;cursor:pointer;padding:.6rem .2rem} .wiz-back:hover{color:var(--text,#1d1d1f)} .wiz-next{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;border:0;border-radius:999px;padding:.85rem 1.6rem;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 10px 26px rgba(249,115,22,.28);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem} .wiz-next:hover{transform:translateY(-1px)} .benefit{background:linear-gradient(135deg,#fff7f0,#fff);border:1px solid var(--accent-ultra);border-radius:18px;padding:1.3rem 1.4rem;margin:.2rem 0 1.1rem} .benefit h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:800;color:var(--text,#1d1d1f)} .benefit p{margin:0;color:var(--text-2,#515154);line-height:1.6}</style></head><body> <header class="site"><div class="wrap navrow"> <a class="brand" href="/glaesern/bess/">◈ Transparent BESS</a> <nav class="nlinks"><a href="/glaesern/bess/">All trades</a> <a href="/glaesern/bess/strategie.html">Strat. & Yield.</a></nav> <a class="navcta" href="#kontakt">Installation check →</a></div></header> <div class="hero-w"><h1>Strat. & Yield.</h1><p>Component assistant · Strategy & Yield</p> </div> <div class="wiz-wrap"> <div id="steps"> <div class="st" data-s="1"><span class="no">1</span> Comprendre </div> <div class="st" data-s="2"><span class="no">2</span>View live</div> <div class="st" data-s="3"><span class="no">3</span>What the AI does</div> <div class="st" data-s="4"><span class="no">4</span>Your profit</div> </div> <div id="body"></div> </div> <div class="sec"><h2>Diagram — Process & sensors live</h2><p class="lead">The path through the domain, with the actual measurement points of the installation.</p><svg viewBox="0 0 920 300" style="width:100%;height:auto;background:#fdfcff;border:1px solid #fed7aa;border-radius:16px"><defs><linearGradient id="bx" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff7ed"/></linearGradient><marker id="ar" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto"><path d="M0,0 L6,3 L0,6 Z" fill="#f97316"/></marker></defs><text x="20" y="30" font-size="14" font-weight="800" fill="#ea580c">Strategy & Yield — Process diagram</text><text x="20" y="48" font-size="10.5" fill="#86868b">orange = live installation sensor · flow from left to right</text><line x1="138" y1="152" x2="204" y2="152" stroke="#f97316" stroke-width="2.5" marker-end="url(#ar)"/><line x1="328" y1="152" x2="395" y2="152" stroke="#f97316" stroke-width="2.5" marker-end="url(#ar)"/><line x1="519" y1="152" x2="586" y2="152" stroke="#f97316" stroke-width="2.5" marker-end="url(#ar)"/><line x1="710" y1="152" x2="776" y2="152" stroke="#f97316" stroke-width="2.5" marker-end="url(#ar)"/><g><rect x="20" y="120" width="118" height="64" rx="12" fill="url(#bx)" stroke="#fdba74" stroke-width="1.5"/><text x="79" y="148" text-anchor="middle" font-size="13" font-weight="700" fill="#1d1d1f"> SoC </text><text x="79" y="170" text-anchor="middle" font-size="10.5" fill="#86868b">Fill level</text></g><g><rect x="210" y="120" width="118" height="64" rx="12" fill="url(#bx)" stroke="#fdba74" stroke-width="1.5"/><text x="270" y="148" text-anchor="middle" font-size="13" font-weight="700" fill="#1d1d1f">Price forecast</text></g><g><rect x="401" y="120" width="118" height="64" rx="12" fill="url(#bx)" stroke="#fdba74" stroke-width="1.5"/><text x="460" y="148" text-anchor="middle" font-size="13" font-weight="700" fill="#1d1d1f"> Optimiseur </text><text x="460" y="170" text-anchor="middle" font-size="10.5" fill="#86868b">IA</text></g><g><rect x="592" y="120" width="118" height="64" rx="12" fill="url(#bx)" stroke="#fdba74" stroke-width="1.5"/><text x="650" y="148" text-anchor="middle" font-size="13" font-weight="700" fill="#1d1d1f"> Charge/Décharge </text></g><g><rect x="782" y="120" width="118" height="64" rx="12" fill="url(#bx)" stroke="#fdba74" stroke-width="1.5"/><text x="841" y="148" text-anchor="middle" font-size="13" font-weight="700" fill="#1d1d1f"> Rendement </text></g></svg></div> <div class="sec"><h2>Lower level — 7 components</h2><p class="lead">For technical and specialized planning: each component with AI explanation, calculator, and reference to standards.</p><div class="compgrid"><a href="/glaesern/bess/wizards/max-entladeleistung/"><img src="../img/strategie.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Max discharge power</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/max-ladeleistung/"><img src="../img/strategie.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Max charge power</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/ladezustand-soc/"><img src="../img/strategie.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>State of Charge SoC</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/arbitrage-fahrplan/"><img src="../img/strategie.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Arbitrage planning</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/lastspitzenkappung/"><img src="../img/strategie.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Peak shaving</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/degradations-management/"><img src="../img/strategie.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Degradation management</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/garantie-monitor/"><img src="../img/strategie.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Warranty monitor (cycles/DoD)</b><span> Composant </span></div></a></div></div><section class="ctaband" id="kontakt"><h2>Is your storage just as transparent?</h2><p>Precisely connected to the register, calculated internally, without Cloud. The first installation check is free.</p><a class="btn" href="mailto:hr@stromfee.ai?subject=BESS%20Anlagen-Check">Request a free check</a></section><div class="sec faqsec"><h2>FAQ</h2><details><summary>What does the strategy provide economically?</summary><div class="faq-a">Double action: peak shaving reduces the price of power, arbitrage uses price differences. The AI plans both in advance.</div></details><details><summary>Is the state of charge live?</summary><div class="faq-a">Yes — the SoC is linked to the register, read-only, calculated locally.</div></details></div><div class="sec"><div class="block"><h3>Thus we connect — read-only</h3><p class="step-p">The value comes from<b>Modbus TCP · CAN (BMS) · PCS</b>of the installation —<b>read, not controlled</b>Everything is<b>inside the house</b>calculated, nothing leaves the building. No obligation to disclose operational data.</p></div><div class="block"><h3>Your own BESS-LLM — offline</h3><p class="step-p">Questions in plain language, answered by<b>Your own installation data</b>— local, no Cloud. The AI runs in the building; the installation remains yours.</p></div><div class="note"><b>Regulatory framework:</b>IEC 62933</div><div class="block"><h3>Link with the entire installation</h3><p class="step-p">Storage only delivers its value within the system — with PV, load peaks and electricity prices.</p><div style="display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.6rem"><a href="/glaesern/cogeneration/" style="font-size:.85rem;padding:.4rem .9rem;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--accent)">Transparent CHP →</a><a href="/glaesern/hotel/" style="font-size:.85rem;padding:.4rem .9rem;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--accent)">Transparent Hotel →</a></div></div></div> <footer class="site"><div class="wrap"> <div class="fbrand">◈ Transparent BESS</div> <p class="fclaim">Connected in read-only mode · calculated locally · no Cloud. The installation remains in the building.</p> <nav class="flinks"><a href="/glaesern/bess/">All trades</a> <a href="/glaesern/bess/strategie.html">Strat & Yield.</a> <a href="https://bhkw-anlagen.com/impressum.html">Legal notice</a> <a href="https://bhkw-anlagen.com/datenschutz.html">Data protection</a></nav> <div class="fcopy">© 2026 HR Energiemanagement GmbH · 32257 Bünde · +49 5223 4921030</div> </div></footer> <script> var state={step:1}; function li(t){return '<li>'+t+'</li>';} function nav(s){var b=s>1?'<button class="wiz-back" onclick="go('+(s-1)+')">← Back</button>':'<span></span>'; var n=s<4?'<button class="wiz-next" onclick="go('+(s+1)+')">Next →</button>':'<button class="wiz-next" onclick="go(1)">From the beginning</button>'; return '<div class="wiz-nav">'+b+n+'</div>';} function step1(){return '<div class="step-grid"><img class="step-img" src="../img/strategie.jpg" alt="Strategy & Yield">'+ '<div><p class="step-kicker">Step 1 · Understand</p><h2 class="step-h">Strategy & Yield — from a commercial point of view</h2>'+ '<p class="step-p">Strategy and yield are the reasons why the storage exists at all. When it is charged, when it is discharged, determines arbitrage and peak shaving. This is where technology turns into money — and it is exactly here that the AI recalculates every hour.</p></div></div>'+nav(1);} function step2(){return '<div class="step-grid"><div><p class="step-kicker">Step 2 · See live</p><h2 class="step-h">No own register — to be honest</h2><p class="step-p">For this component, <b>no own register</b> is connected, which is why no example value is provided here. Where the system measures, the value is read as read-only and calculated in-house. Select a component below for the detailed value.</p></div><img class="step-img" src="../img/strategie.jpg" alt="System"></div>'+nav(2);} function step3(){return '<div class="step-grid"><div><p class="step-kicker">Step 3 · What the AI does</p>'+ '<h2 class="step-h">What the AI highlights here</h2><ul class="chk">'+li('Plans <b>the charging and discharging</b> relative to price forecasts.')+li('Keeps a <b>reserve for the next peak</b> available.')+li('Uses the remainder for <b>arbitrage</b>.')+li('Continuously recalculates the <b>best operating route</b>.')+'</ul></div>'+ '<img class="step-img" src="../img/strategie.jpg" alt="AI monitors">1024x768"></div>'+ '<div class="szen szen-grid"><div><p class="mon">Monitored: continuously · according to price and weather</p>'+ '<p class="step-p"><b>The scenario:</b> if the storage operates without preparation during peaks, it is purchased at a high price, leading to avoidable purchase costs and a loss of arbitrage.<br>'+ '<b>The AI:</b> recognizes early when pre-charging is necessary — the peak is covered, the rest earns. <b>It identifies the trend before the limit is reached.</b></p></div></div>'+nav(3);} function step4(){return '<p class="step-kicker">Étape 4 · Votre bénéfice</p><h2 class="step-h">Pourquoi cela compte</h2>'+ '<div class="benefit"><h3>Vorausgeplanter Speicher = Spitze gekappt + Arbitrage genutzt.</h3><p>Hier wird aus Technik Geld. Ein Sensor, an die IA angeschlossen, rechnet den Fahrplan jede Stunde — die Bauteile zeigen SoC und Lade-/Entladeleistung im Detail.</p></div>'+ '<div class="calcbox"><p class="step-p">verschobene Energie (kWh) <input id="c0" type="number" step="any" value="400" oninput="r()"> · Preis-Spread (ct/kWh) <input id="c1" type="number" step="any" value="8" oninput="r()"> → <b><span id="o" style="color:var(--accent)">—</span> €/Zyklus</b></p>'+ '<p class="mon" style="margin-top:.5rem">Rechenweg: Energie × Spread</p></div>'+nav(4);} function r(){var v=[];for(var i=0;i<2;i++){var e=document.getElementById('c'+i);v.push(e?parseFloat(e.value)||0:0);} var res=(v[0]*v[1]/100);if(!isFinite(res))res=0; var o=document.getElementById('o');if(o)o.textContent=(Math.round(res*100)/100).toLocaleString('de-DE');} function render(){document.getElementById('body').innerHTML=state.step===1?step1():state.step===2?step2():state.step===3?step3():step4(); document.querySelectorAll('#steps .st').forEach(function(el){var n=+el.getAttribute('data-s');el.classList.toggle('on',n===state.step);el.classList.toggle('done',n<state.step);}); if(state.step===4)r();if(window.__fillLive)window.__fillLive();} function go(s){if(s<1)s=1;if(s>4)s=4;state.step=s;render();window.scrollTo({top:0,behavior:'smooth'});} document.querySelectorAll('#steps .st').forEach(function(el){el.style.cursor='pointer';el.onclick=function(){go(+el.getAttribute('data-s'));};}); render(); </script></body></html>