<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Volthein</title>
	<atom:link href="https://volthein.com/cs/feed/" rel="self" type="application/rss+xml" />
	<link>https://volthein.com/cs/domov/</link>
	<description>Volthein: Your partner for complex battery storage solutions.</description>
	<lastBuildDate>Wed, 28 Oct 2026 12:23:38 +0000</lastBuildDate>
	<language>cs</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://volthein.com/wp-content/uploads/2026/05/cropped-Volthein_Symbol-scaled-1-32x32.webp</url>
	<title>Volthein</title>
	<link>https://volthein.com/cs/domov/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Třetí největší BESS instalace v Nizozemsku.</title>
		<link>https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/</link>
					<comments>https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:06:01 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3421</guid>

					<description><![CDATA[<p>Referenční projekt 3. největší instalace BESS v Nizozemsku. Powerfield &#160;&#183;&#160; Nizozemsko Powerfield Klient Nizozemsko Lokalita 52 923,4 kWh Kapacita úložiště 21 000 kW Výkon do sítě Bateriové úložiště tvořené 14 samostatně provozovatelnými jednotkami instalovanými vedle rozsáhlé fotovoltaické elektrárny. Systém zajišťuje řadu funkcí spojených s provozem FVE i služby přímo pro provozovatele distribuční soustavy. Realizace Výzvy [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/">Třetí největší BESS instalace v Nizozemsku.</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3421">.elementor-3421 .elementor-element.elementor-element-7161236{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3421 .elementor-element.elementor-element-b7f0d2b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3421 .elementor-element.elementor-element-d2bcf34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3421 .elementor-element.elementor-element-c6975d8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3421 .elementor-element.elementor-element-7ee4176{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3421 .elementor-element.elementor-element-8958915{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3421 .elementor-element.elementor-element-a678983{--display:flex;}.elementor-3421 .elementor-element.elementor-element-32458a5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3421" class="elementor elementor-3421" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-7161236 e-con-full e-flex e-con e-parent" data-id="7161236" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b7f0d2b elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="b7f0d2b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>3. největší instalace BESS v Nizozemsku<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Powerfield &nbsp;&middot;&nbsp; Nizozemsko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">Powerfield</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Nizozemsko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">52 923,4 kWh</p><p class="k">Kapacita úložiště</p></div>
          <div class="vt-ref-value"><p class="v">21 000 kW</p><p class="k">Výkon do sítě</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Bateriové úložiště tvořené 14 samostatně provozovatelnými jednotkami instalovanými vedle rozsáhlé fotovoltaické elektrárny. Systém zajišťuje řadu funkcí spojených s provozem FVE i služby přímo pro provozovatele distribuční soustavy.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/image-8.jpeg"
             alt="Projekt Powerfield, Nizozemsko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 - TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Realizace</p>
      <h2 class="vt-ref-h2" data-reveal>Výzvy a řešení<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Bateriové úložiště je instalováno na bývalé zemědělské skládce, v lokalitě s vysokou hladinou podzemní vody. To představovalo výzvu při přípravě základů a vhodného podloží pro instalaci. Řešením byla kombinace menších betonových základů a kovové nosné platformy. Celý systém je napájen přes nově vybudované trafostanice (10,5 kV) integrované do místní distribuční sítě.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">ŘEŠENÍ</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ baterie</div><div class="v">142× Li-ion LFP CATL EnerOne — 372,7 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ měniče (PCS)</div><div class="v">14× Delta EPCS1500-IEC</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2023–2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">aFRR, FCR, kompenzace účiníku, spolupráce s FVE</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Výstupní napětí systému</div><div class="v">20 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajistil kompletní realizaci projektu BESS Powerfield — od konzultací a inženýringu přes integraci do sítě a EMS až po uvedení do provozu a zajištění shody se sítí.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-d2bcf34 e-con-full e-flex e-con e-parent" data-id="d2bcf34" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c6975d8 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="c6975d8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-7ee4176 e-con-full e-flex e-con e-parent" data-id="7ee4176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-8958915 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="8958915" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-a678983 e-con-full e-flex e-con e-parent" data-id="a678983" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-32458a5 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="32458a5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/">Třetí největší BESS instalace v Nizozemsku.</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/feed/</wfw:commentRss>
			<slash:comments>6</slash:comments>
		
		
			</item>
		<item>
		<title>BESS navržený pro regulaci frekvence</title>
		<link>https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/</link>
					<comments>https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:04:34 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3413</guid>

					<description><![CDATA[<p>Referenční projekt BESS pro regulaci frekvence. EIF &#160;&#183;&#160; Slovensko EIF Klient Slovensko Lokalita 5 217,8 kWh Kapacita úložiště 5 260 kW Výkon do sítě Bateriové úložiště hrající klíčovou roli v podpůrných službách pro provozovatele přenosové soustavy (PPS) a v poskytování vyrovnávacích služeb na trhu s energií. Požadavek na stabilní a rychlou odezvu si vyžádal řešení [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/">BESS navržený pro regulaci frekvence</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3413">.elementor-3413 .elementor-element.elementor-element-1a44309{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3413 .elementor-element.elementor-element-1550c52{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3413 .elementor-element.elementor-element-8fe9824{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3413 .elementor-element.elementor-element-35001d4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3413 .elementor-element.elementor-element-bebd023{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3413 .elementor-element.elementor-element-4f9a07d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3413 .elementor-element.elementor-element-d55735f{--display:flex;}.elementor-3413 .elementor-element.elementor-element-5205253{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3413" class="elementor elementor-3413" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-1a44309 e-con-full e-flex e-con e-parent" data-id="1a44309" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1550c52 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="1550c52" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>BESS pro regulaci frekvence<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>EIF &nbsp;&middot;&nbsp; Slovensko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">EIF</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Slovensko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">5 217,8 kWh</p><p class="k">Kapacita úložiště</p></div>
          <div class="vt-ref-value"><p class="v">5 260 kW</p><p class="k">Výkon do sítě</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Bateriové úložiště hrající klíčovou roli v podpůrných službách pro provozovatele přenosové soustavy (PPS) a v poskytování vyrovnávacích služeb na trhu s energií. Požadavek na stabilní a rychlou odezvu si vyžádal řešení se dvěma samostatnými bateriemi, každou s vlastním měničem a trafostanicí. Pro vysokou spolehlivost byly zapojeny i redundantní komponenty.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp"
             alt="Projekt EIF, Slovensko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 - TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Realizace</p>
      <h2 class="vt-ref-h2" data-reveal>Výzvy a řešení<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Systém byl strategicky instalován v zimním období, aby byl připraven k provozu od nového roku — což s sebou přineslo specifické výzvy vyžadující pečlivé řešení stavebních prací.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">ŘEŠENÍ</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ baterie</div><div class="v">14× Li-ion LFP CATL EnerOne — 372,7 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ měniče (PCS)</div><div class="v">2× SMA SCS 2630 UP-XT</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2023–2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">FCR, obchodování s flexibilitou</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Výstupní napětí systému</div><div class="v">22 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajistil kompletní realizaci projektu BESS pro EIF — od konzultací a inženýringu přes integraci do sítě a EMS až po uvedení do provozu, zajištění shody se sítí a průběžnou správu aktiva.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-8fe9824 e-con-full e-flex e-con e-parent" data-id="8fe9824" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-35001d4 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="35001d4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-bebd023 e-con-full e-flex e-con e-parent" data-id="bebd023" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-4f9a07d elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="4f9a07d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-d55735f e-flex e-con-boxed e-con e-parent" data-id="d55735f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5205253 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="5205253" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
					</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/">BESS navržený pro regulaci frekvence</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/feed/</wfw:commentRss>
			<slash:comments>8</slash:comments>
		
		
			</item>
		<item>
		<title>BESS navržený pro obchodování s flexibilitou</title>
		<link>https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/</link>
					<comments>https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:03:17 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3408</guid>

					<description><![CDATA[<p>Referenční projekt BESS pro obchodování s flexibilitou. Ferlach &#160;&#183;&#160; Rakousko Ferlach Klient Rakousko Lokalita 5 644 kWh Kapacita úložiště 2 000 kW Výkon do sítě Ferlach 1 je bateriové úložiště o výkonu 2 MW / kapacitě 5,6 MWh poblíž Ferlachu v jižním Rakousku, které Volthein postavil s cílem rozšířit svou působnost ve střední Evropě. Systém [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/">BESS navržený pro obchodování s flexibilitou</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3408">.elementor-3408 .elementor-element.elementor-element-e11dea7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3408 .elementor-element.elementor-element-c7e9248{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3408 .elementor-element.elementor-element-095434c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3408 .elementor-element.elementor-element-b06f08f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3408 .elementor-element.elementor-element-9bbc7a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3408 .elementor-element.elementor-element-f09b399{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3408 .elementor-element.elementor-element-1b21084{--display:flex;}.elementor-3408 .elementor-element.elementor-element-6bbad35{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3408" class="elementor elementor-3408" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-e11dea7 e-con-full e-flex e-con e-parent" data-id="e11dea7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c7e9248 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="c7e9248" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>BESS pro obchodování s flexibilitou<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Ferlach &nbsp;&middot;&nbsp; Rakousko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">Ferlach</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Rakousko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">5 644 kWh</p><p class="k">Kapacita úložiště</p></div>
          <div class="vt-ref-value"><p class="v">2 000 kW</p><p class="k">Výkon do sítě</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Ferlach 1 je bateriové úložiště o výkonu 2 MW / kapacitě 5,6 MWh poblíž Ferlachu v jižním Rakousku, které Volthein postavil s cílem rozšířit svou působnost ve střední Evropě. Systém posiluje stabilitu sítě a podporuje přechod Rakouska na obnovitelné zdroje rychlou reakcí na výkonové výkyvy a automatickým obnovením rovnováhy v síti. Zároveň optimalizuje využití energie prostřednictvím cenové arbitráže — ukládá elektřinu v době přebytku a uvolňuje ji ve špičce, čímž snižuje potřebu konvenční výroby.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp"
             alt="Projekt Ferlach, Rakousko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 - TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Realizace</p>
      <h2 class="vt-ref-h2" data-reveal>Výzvy a řešení<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Projekt představoval unikátní inženýrskou výzvu: instalaci těžké baterie a měničů do předem daného prostoru v rámci stávajícího nabíjecího areálu pro karavany. Omezení konstrukce střechy znamenala, že bezpečné umístění těžké technologie vyžadovalo přesnou koordinaci týmu, aby byla chráněna jak konstrukce budovy, tak samotné zařízení.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">ŘEŠENÍ</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ baterie</div><div class="v">CATL EnerX 530 Ah 0,5C</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ měniče (PCS)</div><div class="v">Power Electronics PCSK</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2025–2026</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">FCR, aFRR, cenová arbitráž, spolupráce s FVE</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Výstupní napětí systému</div><div class="v">20 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajistil kompletní realizaci projektu BESS Ferlach — od konzultací a inženýringu přes integraci do sítě a EMS až po uvedení do provozu, zajištění shody se sítí a průběžnou správu aktiva.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-095434c e-con-full e-flex e-con e-parent" data-id="095434c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b06f08f elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="b06f08f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-9bbc7a4 e-con-full e-flex e-con e-parent" data-id="9bbc7a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-f09b399 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="f09b399" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-1b21084 e-con-full e-flex e-con e-parent" data-id="1b21084" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6bbad35 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="6bbad35" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/">BESS navržený pro obchodování s flexibilitou</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>BESS navržený pro podporu fotovoltaické instalace v Německu</title>
		<link>https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/</link>
					<comments>https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:02:16 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3403</guid>

					<description><![CDATA[<p>Referenční projekt BESS jako podpora fotovoltaické elektrárny v Německu. MaxSolar &#160;&#183;&#160; Německo MaxSolar Klient Německo Lokalita 4 840 kWh Kapacita úložiště 2 000 kW Výkon do sítě Bateriové úložiště provozované společně s místní fotovoltaickou elektrárnou, které umožňuje nabíjení výhradně z obnovitelných zdrojů. To si vyžádalo úzkou spolupráci při uvádění do provozu a nastavení EMS s [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/">BESS navržený pro podporu fotovoltaické instalace v Německu</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3403">.elementor-3403 .elementor-element.elementor-element-c68be25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3403 .elementor-element.elementor-element-d6292d4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3403 .elementor-element.elementor-element-c25ac9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3403 .elementor-element.elementor-element-a87063a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3403 .elementor-element.elementor-element-fd291bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3403 .elementor-element.elementor-element-703a500{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3403 .elementor-element.elementor-element-9b2ecfc{--display:flex;}.elementor-3403 .elementor-element.elementor-element-269b969{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3403" class="elementor elementor-3403" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-c68be25 e-con-full e-flex e-con e-parent" data-id="c68be25" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d6292d4 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="d6292d4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>BESS jako podpora fotovoltaické elektrárny v Německu<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>MaxSolar &nbsp;&middot;&nbsp; Německo</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">MaxSolar</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Německo</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">4 840 kWh</p><p class="k">Kapacita úložiště</p></div>
          <div class="vt-ref-value"><p class="v">2 000 kW</p><p class="k">Výkon do sítě</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Bateriové úložiště provozované společně s místní fotovoltaickou elektrárnou, které umožňuje nabíjení výhradně z obnovitelných zdrojů. To si vyžádalo úzkou spolupráci při uvádění do provozu a nastavení EMS s místními obnovitelnými zdroji.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp"
             alt="Projekt MaxSolar, Německo" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 - TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Realizace</p>
      <h2 class="vt-ref-h2" data-reveal>Výzvy a řešení<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Bateriové úložiště pracuje v souběhu s místní fotovoltaickou elektrárnou a umožňuje nabíjení výhradně z obnovitelných zdrojů. To si vyžádalo úzkou spolupráci při uvádění do provozu a nastavení EMS s místními obnovitelnými zdroji.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">ŘEŠENÍ</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ baterie</div><div class="v">13× Li-ion LFP CATL EnerOne — 372,7 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ měniče (PCS)</div><div class="v">2× Delta EPCS1000-IEC</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2023–2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">Spolupráce s FVE</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Výstupní napětí systému</div><div class="v">20 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajistil kompletní realizaci projektu BESS pro MaxSolar — od konzultací a inženýringu přes integraci do sítě a EMS až po uvedení do provozu, zajištění shody se sítí a průběžnou správu aktiva.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-c25ac9e e-con-full e-flex e-con e-parent" data-id="c25ac9e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a87063a elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="a87063a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-fd291bd e-con-full e-flex e-con e-parent" data-id="fd291bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-703a500 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="703a500" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-9b2ecfc e-con-full e-flex e-con e-parent" data-id="9b2ecfc" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-269b969 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="269b969" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/">BESS navržený pro podporu fotovoltaické instalace v Německu</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/feed/</wfw:commentRss>
			<slash:comments>7</slash:comments>
		
		
			</item>
		<item>
		<title>BESS navržený pro podporu plynové elektrárny</title>
		<link>https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/</link>
					<comments>https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:01:16 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3398</guid>

					<description><![CDATA[<p>Referenční projekt BESS jako podpora paroplynové elektrárny. VEOLIA &#160;&#183;&#160; Slovensko VEOLIA Klient Slovensko Lokalita 2 914 kWh Kapacita úložiště 5 600 kW Výkon do sítě Bateriové úložiště spolupracující s turbínami elektrárny při poskytování podpůrných služeb pro stabilitu sítě (aFRR ±) a zálohy pro start ze tmy (black start). Bez baterie by byl provoz technicky omezen [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/">BESS navržený pro podporu plynové elektrárny</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3398">.elementor-3398 .elementor-element.elementor-element-d79b67b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3398 .elementor-element.elementor-element-48bc883{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3398 .elementor-element.elementor-element-9097908{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3398 .elementor-element.elementor-element-ca6bf4f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3398 .elementor-element.elementor-element-5235925{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3398 .elementor-element.elementor-element-c14b790{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3398 .elementor-element.elementor-element-80ea41b{--display:flex;}.elementor-3398 .elementor-element.elementor-element-36ce30e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3398" class="elementor elementor-3398" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-d79b67b e-con-full e-flex e-con e-parent" data-id="d79b67b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-48bc883 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="48bc883" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>BESS jako podpora paroplynové elektrárny<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>VEOLIA &nbsp;&middot;&nbsp; Slovensko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">VEOLIA</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Slovensko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">2 914 kWh</p><p class="k">Kapacita úložiště</p></div>
          <div class="vt-ref-value"><p class="v">5 600 kW</p><p class="k">Výkon do sítě</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Bateriové úložiště spolupracující s turbínami elektrárny při poskytování podpůrných služeb pro stabilitu sítě (aFRR ±) a zálohy pro start ze tmy (black start). Bez baterie by byl provoz technicky omezen v rozsahu poskytovaných služeb a ekonomicky nevýhodný kvůli vysokým výkyvům v provozu turbín.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp"
             alt="Projekt VEOLIA, Slovensko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 - TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Realizace</p>
      <h2 class="vt-ref-h2" data-reveal>Výzvy a řešení<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Bateriové úložiště bylo záměrně předimenzováno tak, aby garantovalo množství energie potřebné pro vyrovnávání odchylek u sjednaných služeb při co nejmenší kapacitě, a zároveň zohledňovalo degradaci kapacity v čase kvůli zajištění dlouhodobé dodávky služeb. Výzvou při realizaci byla integrace celého systému do komplexní plynové elektrárny bez omezení jejího provozu — vybudování nové přípojky a trafostanice pro místní distribuční síť a vyvinutí řešení pro bezproblémovou spolupráci s mikrosíťovým SCADA systémem celé elektrárny.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">ŘEŠENÍ</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ baterie</div><div class="v">Li-ion NMC LG Chem</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ měniče (PCS)</div><div class="v">2× Power Electronics Freemaq PCSK</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2021–2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">aFRR+, start ze tmy (black start)</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Výstupní napětí systému</div><div class="v">22 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajistil kompletní realizaci projektu BESS pro VEOLIA — od konzultací a inženýringu přes integraci do sítě a EMS až po uvedení do provozu a zajištění shody se sítí.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-9097908 e-con-full e-flex e-con e-parent" data-id="9097908" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ca6bf4f elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="ca6bf4f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-5235925 e-con-full e-flex e-con e-parent" data-id="5235925" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-c14b790 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="c14b790" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-80ea41b e-con-full e-flex e-con e-parent" data-id="80ea41b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-36ce30e elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="36ce30e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/">BESS navržený pro podporu plynové elektrárny</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>BESS Sokolov navržený pro obchodování s flexibilitou</title>
		<link>https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/</link>
					<comments>https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:00:12 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3393</guid>

					<description><![CDATA[<p>Referenční projekt BESS pro obchodování s flexibilitou. SUAS Grid &#160;&#183;&#160; Česko SUAS Grid Klient Česko Lokalita 7 454 kWh Kapacita úložiště 5 000 kW Výkon do sítě Bateriové úložiště hrající klíčovou roli v podpůrných službách pro provozovatele přenosové soustavy (PPS) a ve vyrovnávacích službách na trhu s energií. Pro vysokou míru spolehlivosti a bezpečnosti byl [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/">BESS Sokolov navržený pro obchodování s flexibilitou</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3393">.elementor-3393 .elementor-element.elementor-element-eb89984{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3393 .elementor-element.elementor-element-28345e3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3393 .elementor-element.elementor-element-6115522{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3393 .elementor-element.elementor-element-598ce07{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3393 .elementor-element.elementor-element-207b4ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3393 .elementor-element.elementor-element-f824ffd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3393 .elementor-element.elementor-element-2816d57{--display:flex;}.elementor-3393 .elementor-element.elementor-element-0188ffd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3393" class="elementor elementor-3393" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-eb89984 e-con-full e-flex e-con e-parent" data-id="eb89984" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-28345e3 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="28345e3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>BESS pro obchodování s flexibilitou<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>SUAS Grid &nbsp;&middot;&nbsp; Česko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">SUAS Grid</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Česko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">7 454 kWh</p><p class="k">Kapacita úložiště</p></div>
          <div class="vt-ref-value"><p class="v">5 000 kW</p><p class="k">Výkon do sítě</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Bateriové úložiště hrající klíčovou roli v podpůrných službách pro provozovatele přenosové soustavy (PPS) a ve vyrovnávacích službách na trhu s energií. Pro vysokou míru spolehlivosti a bezpečnosti byl systém postaven ze dvou identických větví, každá certifikovaná na 2,5 MW regulační výkon, s prostorem pro budoucí rozšíření. Systém slouží jak pro stabilizaci sítě ve spolupráci s ČEPS, tak pro obchodování na vnitrodenním trhu s elektřinou.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp"
             alt="Projekt SUAS Grid, Česko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ baterie</div><div class="v">20× Li-ion LFP CATL EnerOne — 372,7 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ měniče (PCS)</div><div class="v">2× WSTECH APS Series</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">FCR, aFRR, cenová arbitráž</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Výstupní napětí systému</div><div class="v">20 kV</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajišťuje poprodejní servis a správu aktiva pro BESS SUAS Grid — monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-6115522 e-con-full e-flex e-con e-parent" data-id="6115522" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-598ce07 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="598ce07" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-207b4ac e-con-full e-flex e-con e-parent" data-id="207b4ac" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-f824ffd elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="f824ffd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-2816d57 e-con-full e-flex e-con e-parent" data-id="2816d57" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0188ffd elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="0188ffd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/">BESS Sokolov navržený pro obchodování s flexibilitou</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>BESS navržený pro lokální fotovoltaiku a elektromobilitu</title>
		<link>https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/</link>
					<comments>https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 09:58:03 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3388</guid>

					<description><![CDATA[<p>Referenční projekt BESS pro obchodování s flexibilitou. PakDeZon &#160;&#183;&#160; Nizozemsko PakDeZon Klient Nizozemsko Lokalita 558 kWh Kapacita úložiště 184 kW Výkon do sítě Baterie podporuje místní fotovoltaiku a elektromobilitu — pomáhá s dobíjením, řízením nabíjecího procesu a obchodováním za SPOT ceny na trhu. Technická specifikace Technické parametry. Typ baterie2× Li-ion LFP CATL EnerOne — 372,7 [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/">BESS navržený pro lokální fotovoltaiku a elektromobilitu</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3388">.elementor-3388 .elementor-element.elementor-element-5434c92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3388 .elementor-element.elementor-element-fe4c890{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-331e0a0{--display:flex;}.elementor-3388 .elementor-element.elementor-element-2f88ee5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-8cc23a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3388 .elementor-element.elementor-element-7cb175a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3388 .elementor-element.elementor-element-0d1c360{--display:flex;}.elementor-3388 .elementor-element.elementor-element-1127c0d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3388" class="elementor elementor-3388" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5434c92 e-con-full e-flex e-con e-parent" data-id="5434c92" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fe4c890 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="fe4c890" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>BESS pro obchodování s flexibilitou<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>PakDeZon &nbsp;&middot;&nbsp; Nizozemsko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">PakDeZon</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Nizozemsko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">558 kWh</p><p class="k">Kapacita úložiště</p></div>
          <div class="vt-ref-value"><p class="v">184 kW</p><p class="k">Výkon do sítě</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Baterie podporuje místní fotovoltaiku a elektromobilitu — pomáhá s dobíjením, řízením nabíjecího procesu a obchodováním za SPOT ceny na trhu.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp"
             alt="Projekt PakDeZon, Nizozemsko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ baterie</div><div class="v">2× Li-ion LFP CATL EnerOne — 372,7 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ měniče (PCS)</div><div class="v">2× Delta EPCS1000-IEC</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">Peak shaving, podpora dobíjení elektromobilů, energetická arbitráž</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Výstupní napětí systému</div><div class="v">20 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajistil realizaci projektu BESS pro PakDeZon — od konzultací a inženýringu přes instalaci a integraci až po uvedení do provozu a zajištění shody se sítí.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-331e0a0 e-flex e-con-boxed e-con e-parent" data-id="331e0a0" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2f88ee5 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="2f88ee5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-8cc23a2 e-con-full e-flex e-con e-parent" data-id="8cc23a2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-7cb175a elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="7cb175a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-0d1c360 e-con-full e-flex e-con e-parent" data-id="0d1c360" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1127c0d elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="1127c0d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/">BESS navržený pro lokální fotovoltaiku a elektromobilitu</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>BESS navržený pro podporu lokální fotovoltaiky</title>
		<link>https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/</link>
					<comments>https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 09:56:52 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3383</guid>

					<description><![CDATA[<p>Referenční projekt BESS pro obchodování s flexibilitou. Adore Energy &#160;&#183;&#160; Bulharsko Adore Energy Klient Bulharsko Lokalita 232 kWh Kapacita úložiště 115 kW Výkon do sítě Továrna na plasty v Bulharsku se střešní fotovoltaickou instalací o výkonu 300 kWp nevyužívala veškerou vyrobenou solární energii. Když výroba nespotřebovala vše vyrobené, přebytek putoval do sítě za sazby, které [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/">BESS navržený pro podporu lokální fotovoltaiky</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3383">.elementor-3383 .elementor-element.elementor-element-6fb4f4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3383 .elementor-element.elementor-element-6fa0f3d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3383 .elementor-element.elementor-element-ef49593{--display:flex;}.elementor-3383 .elementor-element.elementor-element-f32b7f2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3383 .elementor-element.elementor-element-133ece9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3383 .elementor-element.elementor-element-46763a2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3383 .elementor-element.elementor-element-effe929{--display:flex;}.elementor-3383 .elementor-element.elementor-element-936fd93{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3383" class="elementor elementor-3383" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-6fb4f4e e-con-full e-flex e-con e-parent" data-id="6fb4f4e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6fa0f3d elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="6fa0f3d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>BESS pro obchodování s flexibilitou<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Adore Energy &nbsp;&middot;&nbsp; Bulharsko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">Adore Energy</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Bulharsko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">232 kWh</p><p class="k">Kapacita úložiště</p></div>
          <div class="vt-ref-value"><p class="v">115 kW</p><p class="k">Výkon do sítě</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Továrna na plasty v Bulharsku se střešní fotovoltaickou instalací o výkonu 300 kWp nevyužívala veškerou vyrobenou solární energii. Když výroba nespotřebovala vše vyrobené, přebytek putoval do sítě za sazby, které neopodstatňovaly investici do FVE. Integrace bateriového úložiště tento problém řeší tím, že zachytává přebytečnou energii a maximalizuje výtěžnost FVE.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.jpeg"
             alt="Projekt Adore Energy, Bulharsko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ systému</div><div class="v">CNTE Star H DE — 232 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2026</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">Maximalizace výtěžnosti FVE prostřednictvím integrace BESS</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajistil kompletní realizaci projektu BESS pro Adore Energy — od konzultací a inženýringu přes instalaci a integraci až po uvedení do provozu a průběžnou správu aktiva.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-ef49593 e-flex e-con-boxed e-con e-parent" data-id="ef49593" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f32b7f2 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="f32b7f2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-133ece9 e-con-full e-flex e-con e-parent" data-id="133ece9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-46763a2 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="46763a2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-effe929 e-con-full e-flex e-con e-parent" data-id="effe929" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-936fd93 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="936fd93" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/">BESS navržený pro podporu lokální fotovoltaiky</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Najväčšia strešná fotovoltická elektrárna na Slovensku</title>
		<link>https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/</link>
					<comments>https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 09:54:51 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3378</guid>

					<description><![CDATA[<p>Referenční projekt Největší střešní FVE na Slovensku. ZELPO &#160;&#183;&#160; Slovensko ZELPO Klient Slovensko Lokalita 2 567,9 kWp Instalovaný výkon 2 630 MWh Roční výroba Fotovoltaická instalace je umístěna na střeše budovy s duální orientací pro maximální využití dostupné plochy střechy. Vzhledem ke statickým limitům nosnosti střechy zahrnuje systém speciálně navrženou rozvodnou konstrukci, která rovnoměrně rozkládá [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/">Najväčšia strešná fotovoltická elektrárna na Slovensku</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3378">.elementor-3378 .elementor-element.elementor-element-72e720a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-15f8bb0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-a80c47e{--display:flex;}.elementor-3378 .elementor-element.elementor-element-93160d8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-b24fc44{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-583e97e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-4cb1d6d{--display:flex;}.elementor-3378 .elementor-element.elementor-element-0dd8a0b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3378" class="elementor elementor-3378" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-72e720a e-con-full e-flex e-con e-parent" data-id="72e720a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-15f8bb0 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="15f8bb0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>Největší střešní FVE na Slovensku<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>ZELPO &nbsp;&middot;&nbsp; Slovensko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">ZELPO</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Slovensko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">2 567,9 kWp</p><p class="k">Instalovaný výkon</p></div>
          <div class="vt-ref-value"><p class="v">2 630 MWh</p><p class="k">Roční výroba</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Fotovoltaická instalace je umístěna na střeše budovy s duální orientací pro maximální využití dostupné plochy střechy. Vzhledem ke statickým limitům nosnosti střechy zahrnuje systém speciálně navrženou rozvodnou konstrukci, která rovnoměrně rozkládá zátěž na definované instalační body.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp"
             alt="Projekt ZELPO, Slovensko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ technologie</div><div class="v">Optimalizováno pomocí string invertorů</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">Maximalizace výtěžnosti FVE</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-a80c47e e-flex e-con-boxed e-con e-parent" data-id="a80c47e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-93160d8 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="93160d8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-b24fc44 e-con-full e-flex e-con e-parent" data-id="b24fc44" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-583e97e elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="583e97e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-4cb1d6d e-con-full e-flex e-con e-parent" data-id="4cb1d6d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0dd8a0b elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="0dd8a0b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/">Najväčšia strešná fotovoltická elektrárna na Slovensku</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Virtuální bateriový blok – dva systémy vystupující jako jeden celek</title>
		<link>https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/</link>
					<comments>https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/#comments</comments>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 09:52:10 +0000</pubDate>
				<category><![CDATA[Reference]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3367</guid>

					<description><![CDATA[<p>Referenční projekt Virtuální bateriový blok — dva systémy fungují jako jeden. ECO PACK &#160;&#183;&#160; Slovensko ECO PACK Klient Slovensko Lokalita 499 kWp Instalovaný výkon 302 kWh Kapacita úložiště Bateriový systém integruje dvě jednotky do jednoho virtuálního bloku pro vyšší efektivitu. Zajišťuje peak shaving, stabilizuje dodávku elektřiny a řídí spotřebu nad rámec limitů sítě. Ukládá přebytečnou [&#8230;]</p>
<p>The post <a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/">Virtuální bateriový blok – dva systémy vystupující jako jeden celek</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3367">.elementor-3367 .elementor-element.elementor-element-92068e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3367 .elementor-element.elementor-element-22ff5ed{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3367 .elementor-element.elementor-element-aa94fbc{--display:flex;}.elementor-3367 .elementor-element.elementor-element-cbe8212{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3367 .elementor-element.elementor-element-439f522{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3367 .elementor-element.elementor-element-225cfac{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3367 .elementor-element.elementor-element-d1cc0c2{--display:flex;}.elementor-3367 .elementor-element.elementor-element-daf856c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3367" class="elementor elementor-3367" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-92068e5 e-con-full e-flex e-con e-parent" data-id="92068e5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-22ff5ed elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="22ff5ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Referenční projekt</p>
        <h1 data-drop>Virtuální bateriový blok — dva systémy fungují jako jeden<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>ECO PACK &nbsp;&middot;&nbsp; Slovensko</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">ECO PACK</p><p class="k">Klient</p></div>
          <div class="vt-ref-value"><p class="v">Slovensko</p><p class="k">Lokalita</p></div>
          <div class="vt-ref-value"><p class="v">499 kWp</p><p class="k">Instalovaný výkon</p></div>
          <div class="vt-ref-value"><p class="v">302 kWh</p><p class="k">Kapacita úložiště</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Bateriový systém integruje dvě jednotky do jednoho virtuálního bloku pro vyšší efektivitu. Zajišťuje peak shaving, stabilizuje dodávku elektřiny a řídí spotřebu nad rámec limitů sítě. Ukládá přebytečnou energii z FVE, aby se zabránilo přetokům do sítě, využívá časový posun pro optimalizaci ukládání a umožňuje cenovou arbitráž vybíjením při výhodných tržních cenách. Do budoucna se plánuje snižování uhlíkové stopy v souladu s cíli udržitelnosti.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp"
             alt="Projekt ECO PACK, Slovensko" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technická specifikace</p>
      <h2 class="vt-ref-h2" data-reveal>Technické parametry<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Typ systému</div><div class="v">KOKAM 103 Ah BR</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ měniče (PCS)</div><div class="v">2× WSTECH APS Series</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Typ technologie</div><div class="v">Optimalizované duální zapojení</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Realizace</div><div class="v">2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funkcionality</div><div class="v">Spolupráce s FVE, peak shaving, FCR</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Výstupní napětí systému</div><div class="v">22 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">V provozu</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Kompletní realizace projektu</p>
      <h2 class="vt-ref-h2" data-reveal>Rozsah dodávky<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein zajistil realizaci projektu systému ECO PACK — od konzultací a inženýringu přes instalaci a integraci až po uvedení do provozu a zajištění shody se sítí.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 01</div>
              <div class="vt-ref-ctitle">Konzultace a inženýring</div>
              <div class="vt-ref-cdesc">Dimenzování systému, jednopólové schéma a technická dokumentace připravená pro certifikaci.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 02</div>
              <div class="vt-ref-ctitle">Dodávka technologie a FAT</div>
              <div class="vt-ref-cdesc">Výběr baterií a měničů nezávislý na výrobci, včetně výstupní kontroly (FAT) ve výrobním závodě.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 03</div>
              <div class="vt-ref-ctitle">Integrace do sítě a EPC</div>
              <div class="vt-ref-cdesc">Základy, VN/NN rozvody a připojení do sítě prostřednictvím projektových trafostanic.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 04</div>
              <div class="vt-ref-ctitle">EMS a řídicí systémy</div>
              <div class="vt-ref-cdesc">Integrace EMS/SCADA a aktivace smluvených síťových a tržních služeb.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 05</div>
              <div class="vt-ref-ctitle">Uvedení do provozu a shoda se sítí</div>
              <div class="vt-ref-cdesc">SAT testy, ověření souladu se síťovým kodexem a předání do provozu.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Krok 06</div>
              <div class="vt-ref-ctitle">Poprodejní servis a správa aktiv</div>
              <div class="vt-ref-cdesc">Monitoring, servis a záruky dostupnosti po celou dobu životnosti systému.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-aa94fbc e-flex e-con-boxed e-con e-parent" data-id="aa94fbc" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-cbe8212 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="cbe8212" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/cs/s-line-3/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardizovaný BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardizovaný</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Nasaďte rychle.<br>Provozujte s důvěrou.</div>
          <p class="bss-card-desc">Předkonstruované bloky BESS ve třech konfiguracích — ESSENTIAL, STANDARD a PERFORMANCE. Pevné ceny, kratší čas na návratnost a cílová dostupnost 99%.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přejímací zkouška před dodáním a zjednodušené uvedení do provozu
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Jistota CAPEX — bloky s pevnými cenami
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Volitelná záruka až na 15 let
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Monitorování 24/7 a vzdálená podpora
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Obchodování na trhu</span>
          <span>Průmyslový</span>
        </div>

        <div class="bss-card-cta">
          Prozkoumejte S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/cs/c-line-4/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Vlastní BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Vlastní</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">Když standard<br>není dostačující.</div>
          <p class="bss-card-desc">Plně konstruovaný BESS pro projekty se složitými podmínkami na staveništi, nestandardními rozhraními nebo specifickými požadavky na řízení — konfigurovatelný v rámci ověřeného rámce.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Přizpůsobení se skutečným omezením na staveništi
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Odpovědnost z jednoho zdroje
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Vlastní integrace PCS, baterie a PPC
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Úplné připojení k síti až do 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Mimo-síť</span>
          <span>Elektrárna</span>
          <span>Vyvažování sítě</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Prozkoumejte C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Nejste si jistí, které řešení se hodí pro váš projekt?
      </span>
      <a href="https://volthein.com/cs/kontakt/" class="bss-split-note-link">
        Pohovořte s naším týmem
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-439f522 e-con-full e-flex e-con e-parent" data-id="439f522" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-225cfac elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="225cfac" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>

<div class="ref-section" id="ref-section" lang="cs">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">NAŠE REFERENCE</span>
      <h2 class="ref-title">VYBRANÉ PROJEKTY<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Předchozí projekty">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Další projekty">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52,9 MWh</span><p class="ref-location">Powerfield, Nizozemsko</p><a href="https://volthein.com/cs/treti-nejvetsi-bess-instalace-v-nizozemsku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,6 MWh</span><p class="ref-location">Ferlach, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5,2 MWh</span><p class="ref-location">EIF, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-regulaci-frekvence/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Německo" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4,8 MWh</span><p class="ref-location">MaxSolar, Německo</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-fotovoltaicke-instalace-v-nemecku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2,9 MWh</span><p class="ref-location">VEOLIA, Slovensko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-plynove-elektrarny/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Česko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7,5 MWh</span><p class="ref-location">SUAS Grid, Česko</p><a href="https://volthein.com/cs/bess-sokolov-navrzeny-pro-obchodovani-s-flexibilitou/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Rakousko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Rakousko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-provozu-lanove-drahy-v-lyzarskem-stredisku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Nizozemsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Nizozemsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-lokalni-fotovoltaiku-a-elektromobilitu/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulharsko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulharsko</p><a href="https://volthein.com/cs/bess-navrzeny-pro-podporu-lokalni-fotovoltaiky/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 2,6 MWp</span><p class="ref-location">ZELPO, Slovensko</p><a href="https://volthein.com/cs/najvacsia-stresna-fotovolticka-elektrarna-na-slovensku/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">FVE - 498,5 kWp</span><p class="ref-location">Schaeffler, Slovensko</p><a href="https://volthein.com/cs/predikcemi-rizena-solarni-energie/" class="ref-btn">Zobrazit detail</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovensko" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovensko</p><a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/" class="ref-btn">Zobrazit detail</a></div></div></div>
    </div>
  </div>
</div>

<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-d1cc0c2 e-con-full e-flex e-con e-parent" data-id="d1cc0c2" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-daf856c elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="daf856c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
 
/* ── PADDING TOKENS ── */
.cl-cta { --px: 80px; --py: 40px; }
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }
 
/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}
 
/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;
}
 
/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;
}
 
/* ── H2 TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  z-index: 0;
}
 
/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }
 
/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner { padding: 24px 28px; }
  .cl-cta-title { font-size: clamp(18px, 2.4vw, 28px); }
}
 
/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;
    transform: none;
    font-size: 22px;
    white-space: normal;
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn { width: 100%; margin-left: 0; }
}
</style>
 
<section class="cl-cta">
  <div class="cl-cta-inner">
 
    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Kontaktná osoba Volthein"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />
 
    <h2 class="cl-cta-title">MÁTE PROJEKT?</h2>
 
    <a href="https://volthein.com/cs/kontakt/" class="cl-cta-btn">Kontakt</a>
 
  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/">Virtuální bateriový blok – dva systémy vystupující jako jeden celek</a> appeared first on <a href="https://volthein.com/cs/domov/">Volthein</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://volthein.com/cs/virtualni-bateriovy-blok-dva-systemy-vystupujici-jako-jeden-celek/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
