Grid connection & PCS — Transparent BESS | Power feeta name="description" content="The grid connection and the PCS are the gateway between the battery and the grid. This is where it is decided how much power flows and how much loss occurs. For the"> <link rel="canonical" href="https://stromfee-mauritius.ai/en/glaesern/bess/anschluss/"> <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 components</a> <a href="/glaesern/bess/anschluss.html">Grid connection & PCS</a></nav> <a class="navcta" href="#kontakt">Installation check →</a></div></header> <div class="hero-w"><h1>Grid connection & PCS</h1><p>Component assistant · Grid connection & PCS</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>Live view</div> <div class="st" data-s="3"><span class="no">3</span>What AI does</div> <div class="st" data-s="4"><span class="no">4</span>Your benefit</div> </div> <div id="body"></div> </div> <div class="sec"><h2>Diagram — Process & live sensors</h2><p class="lead">The path through the domain, with 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">Grid connection & PCS — Process diagram</text><text x="20" y="48" font-size="10.5" fill="#86868b">orange = live sensor of the installation · 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"> Réseau </text><text x="79" y="170" text-anchor="middle" font-size="10.5" fill="#86868b">AC</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"> Trafo </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">PCS</text><text x="460" y="170" text-anchor="middle" font-size="10.5" fill="#86868b">DC↔AC</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"> DC-Link </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"> Batterie </text><text x="841" y="170" text-anchor="middle" font-size="10.5" fill="#86868b">DC</text></g></svg></div> <div class="sec"><h2>One level lower — 9 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/netz-wirkleistung/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Grid active power</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/pcs-leistungsmodul/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Power conversion system (PCS)</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/dc-link/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b> DC-Link </b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/netzverknuepfungspunkt/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Grid connection point</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/mittelspannungsschaltanlage/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Medium voltage switching station</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/transformator/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b> Transformateur </b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/netzschutzrelais/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Grid protection relay (Q/U protection)</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/eichzaehler/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>Calibrated meter / power measurement</b><span> Composant </span></div></a><a href="/glaesern/bess/wizards/emv-filter/"><img src="../img/anschluss.jpg" alt="" loading="lazy" onerror="this.style.display='none'"><div class="ct"><b>EMC/grid filter</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 check of the installation 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>Why does a clipped peak reduce costs for an entire year?</summary><div class="faq-a">Because the power price is calculated based on the maximum annual value. An avoided peak acts for twelve months.</div></details><details><summary>Are the power values live?</summary><div class="faq-a">At the grid connection point, yes — accurate to the register, read-only.</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>in the house</b>calculated, nothing leaves the building. No obligation to disclose operating 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>Connection to the entire system</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/anschluss.html">Grid connection & PCS</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/anschluss.jpg" alt="Grid connection & PCS">'+ '<div><p class="step-kicker">Step 1 · Understand</p><h2 class="step-h">Grid connection & PCS — commercial point of view</h2>'+ '<p class="step-p">Grid connection and PCS are the gateway between battery and grid. This is where it is decided how much power flows and how much loss occurs. For economic viability, a clipped peak lowers the power price for an entire year.</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 — honestly said</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 the house. Select a component below for the detailed value.</p></div><img class="step-img" src="../img/anschluss.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('Cuts off <b>load peaks</b> before they set the maximum annual value.')+li('Monitors <b>conversion losses</b>.')+li('Detects <b>PCS-Derating</b> before power is lacking.')+li('Secures the <b>relevant value for billing</b> at the grid point.')+'</ul></div>'+ '<img class="step-img" src="../img/anschluss.jpg" alt="AI monitors">'+ '<div class="szen szen-grid"><div><p class="mon">Monitored: continuously · Grid point and PCS</p>'+ '<p class="step-p"><b>The scenario:</b> an unbridled peak defines the maximum annual value, resulting in a higher power price for twelve months.<br>'+ '<b>The AI:</b> recognizes the rising edge early and discharges against it — the peak does not occur. <b>It detects the trend before the limit is reached.</b></p></div></div>'+nav(3);} function step4(){return '<p class="step-kicker">Step 4 · Your benefit</p><h2 class="step-h">Why this matters</h2>'+ '<div class="benefit"><h3>Clipped peak = lower power price for the whole year.</h3><p>The power price is determined by the annual peak value. The AI monitors this, while the components show grid power, PCS, and DC-link in detail.</p></div>'+ '<div class="calcbox"><p class="step-p>avoided peak (kW) <input id="c0" type="number" step="any" value="80" oninput="r()"> · power price (Rs/kW·a) <input id="c1" type="number" step="any" value="120" oninput="r()"> → <b><span id="o" style="color:var(--accent)">—</span> €/year</b></p>'+ '<p class="mon" style="margin-top:.5rem>Calculation: avoided peak × power price</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]);if(!isFinite(res))res=0;'o');if(o)o.textContent=(Math.round(res*100)/100).toLocaleString('de-DE');}'body').innerHTML=state.step===1?step1():state.step===2?step2():state.sum===3?step3():step4();'#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);});'smooth'});} document.querySelectorAll('#steps .st').forEach(function(el){el.style.cursor='pointer';el.onclick=function(){go(+el.getAttribute('data-s'));};}); render(); </script></body></html>