<?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/de/feed/" rel="self" type="application/rss+xml" />
	<link>https://volthein.com/de/startseite/</link>
	<description>Volthein: Your partner for complex battery storage solutions.</description>
	<lastBuildDate>Wed, 28 Oct 2026 12:24:17 +0000</lastBuildDate>
	<language>de</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/de/startseite/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Das drittgrößte Batteriespeichersystem in den Niederlanden</title>
		<link>https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:49:11 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3565</guid>

					<description><![CDATA[<p>Projektreferenz Drittgrößte BESS-Anlage in den Niederlanden. Powerfield &#160;&#183;&#160; Niederlande Powerfield Kunde Niederlande Standort 52.923,4 kWh Speicherkapazität 21.000 kW Netzleistung Batteriespeichersystem aus 14 unabhängig betreibbaren Einheiten neben einem großen Photovoltaikkraftwerk. Das System übernimmt zahlreiche Funktionen im Zusammenhang mit dem Betrieb der PV-Anlage sowie Dienstleistungen direkt für den Netzbetreiber. Vor Ort Herausforderungen &#38; Lösungen. Das Batteriespeichersystem ist [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/">Das drittgrößte Batteriespeichersystem in den Niederlanden</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3565">.elementor-3565 .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-3565 .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-3565 .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-3565 .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-3565 .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-3565 .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-3565 .elementor-element.elementor-element-a678983{--display:flex;}.elementor-3565 .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="3565" class="elementor elementor-3565" 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>Projektreferenz</p>
        <h1 data-drop>Drittgrößte BESS-Anlage in den Niederlanden<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Powerfield &nbsp;&middot;&nbsp; Niederlande</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Niederlande</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">52.923,4 kWh</p><p class="k">Speicherkapazität</p></div>
          <div class="vt-ref-value"><p class="v">21.000 kW</p><p class="k">Netzleistung</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>
          Batteriespeichersystem aus 14 unabhängig betreibbaren Einheiten neben einem großen Photovoltaikkraftwerk. Das System übernimmt zahlreiche Funktionen im Zusammenhang mit dem Betrieb der PV-Anlage sowie Dienstleistungen direkt für den Netzbetreiber.
        </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="Powerfield-Projekt, Niederlande" 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>Vor Ort</p>
      <h2 class="vt-ref-h2" data-reveal>Herausforderungen &amp; Lösungen<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Das Batteriespeichersystem ist auf einer ehemaligen landwirtschaftlichen Deponiefläche in einem Gebiet mit hohem Grundwasserstand installiert. Dies stellte eine Herausforderung bei der Vorbereitung der Fundamente und eines geeigneten Untergrunds dar. Die Lösung kombinierte kleinere Betonfundamente mit einer metallischen Tragplattform. Das gesamte System wird über neu errichtete Trafostationen (10,5 kV) versorgt, die in das lokale Netz eingebunden sind.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">LÖSUNGEN</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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Batterietyp</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">PCS-Typ</div><div class="v">14× Delta EPCS1500-IEC</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2023–2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">aFRR, FCR, Blindleistungskompensation, Zusammenarbeit mit PV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Systemausgangsspannung</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">In Betrieb</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein hat die gesamte Projektabwicklung für das Powerfield-BESS übernommen — von Beratung und Engineering über Netzintegration und EMS bis hin zu Inbetriebnahme und Netzkonformitä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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/">Das drittgrößte Batteriespeichersystem in den Niederlanden</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ein Batteriespeichersystem ausgelegt für den Flexibilitätshandel.</title>
		<link>https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:48:26 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3564</guid>

					<description><![CDATA[<p>Projektreferenz BESS zur Frequenzregelung. EIF &#160;&#183;&#160; Slowakei EIF Kunde Slowakei Standort 5.217,8 kWh Speicherkapazität 5.260 kW Netzleistung Ein Batteriespeichersystem, das eine zentrale Rolle bei Systemdienstleistungen für Übertragungsnetzbetreiber (ÜNB) sowie bei Ausgleichsenergiedienstleistungen am Energiemarkt spielt. Die Anforderung an eine stabile, schnelle Reaktionsfähigkeit erforderte eine Lösung mit zwei getrennten Batterien, jeweils mit eigenem Wechselrichter und eigener Trafostation. [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/">Ein Batteriespeichersystem ausgelegt für den Flexibilitätshandel.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3564">.elementor-3564 .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-3564 .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-3564 .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-3564 .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-3564 .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-3564 .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-3564 .elementor-element.elementor-element-d55735f{--display:flex;}.elementor-3564 .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="3564" class="elementor elementor-3564" 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>Projektreferenz</p>
        <h1 data-drop>BESS zur Frequenzregelung<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>EIF &nbsp;&middot;&nbsp; Slowakei</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Slowakei</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">5.217,8 kWh</p><p class="k">Speicherkapazität</p></div>
          <div class="vt-ref-value"><p class="v">5.260 kW</p><p class="k">Netzleistung</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>
          Ein Batteriespeichersystem, das eine zentrale Rolle bei Systemdienstleistungen für Übertragungsnetzbetreiber (ÜNB) sowie bei Ausgleichsenergiedienstleistungen am Energiemarkt spielt. Die Anforderung an eine stabile, schnelle Reaktionsfähigkeit erforderte eine Lösung mit zwei getrennten Batterien, jeweils mit eigenem Wechselrichter und eigener Trafostation. Redundante Komponenten wurden integriert, um ein hohes Maß an Zuverlässigkeit zu gewährleisten.
        </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="EIF-Projekt, Slowakei" 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>Vor Ort</p>
      <h2 class="vt-ref-h2" data-reveal>Herausforderungen &amp; Lösungen<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Das System wurde bewusst im Winter installiert, um zum Jahreswechsel betriebsbereit zu sein — eine Vorgehensweise, die besondere Herausforderungen bei der Planung der Tiefbaulösungen mit sich brachte.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">LÖSUNGEN</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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Batterietyp</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">PCS-Typ</div><div class="v">2× SMA SCS 2630 UP-XT</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2023–2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">FCR, Flexibilitätshandel</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Systemausgangsspannung</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">In Betrieb</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein hat die gesamte Projektabwicklung für das EIF-BESS übernommen — von Beratung und Engineering über Netzintegration und EMS bis hin zu Inbetriebnahme, Netzkonformität und laufendem Asset Management.
      </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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
					</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/">Ein Batteriespeichersystem ausgelegt für den Flexibilitätshandel.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ein Batteriespeichersystem ausgelegt für den Flexibilitätshandel</title>
		<link>https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:47:14 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3558</guid>

					<description><![CDATA[<p>Projektreferenz BESS für den Flexibilitätshandel. Ferlach &#160;&#183;&#160; Österreich Ferlach Kunde Österreich Standort 5.644 kWh Speicherkapazität 2.000 kW Netzleistung Ferlach 1 ist ein Batteriespeichersystem mit 2 MW / 5,6 MWh in der Nähe von Ferlach in Südösterreich, das von Volthein errichtet wurde, um die eigene Präsenz in Mitteleuropa auszubauen. Die Anlage stärkt die Netzstabilität und unterstützt [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/">Ein Batteriespeichersystem ausgelegt für den Flexibilitätshandel</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3558">.elementor-3558 .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-3558 .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-3558 .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-3558 .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-3558 .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-3558 .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-3558 .elementor-element.elementor-element-1b21084{--display:flex;}.elementor-3558 .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="3558" class="elementor elementor-3558" 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>Projektreferenz</p>
        <h1 data-drop>BESS für den Flexibilitätshandel<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Ferlach &nbsp;&middot;&nbsp; Österreich</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Österreich</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">5.644 kWh</p><p class="k">Speicherkapazität</p></div>
          <div class="vt-ref-value"><p class="v">2.000 kW</p><p class="k">Netzleistung</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 ist ein Batteriespeichersystem mit 2 MW / 5,6 MWh in der Nähe von Ferlach in Südösterreich, das von Volthein errichtet wurde, um die eigene Präsenz in Mitteleuropa auszubauen. Die Anlage stärkt die Netzstabilität und unterstützt Österreichs Umstieg auf erneuerbare Energien, indem sie schnell auf Leistungsschwankungen reagiert und das Netzgleichgewicht automatisch wiederherstellt. Zudem optimiert sie die Energienutzung durch Preisarbitrage — sie speichert Strom bei Überangebot und gibt ihn bei Spitzenlast wieder ab, wodurch der Bedarf an konventioneller Erzeugung sinkt.
        </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="Ferlach-Projekt, Österreich" 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>Vor Ort</p>
      <h2 class="vt-ref-h2" data-reveal>Herausforderungen &amp; Lösungen<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Das Projekt stellte eine besondere technische Herausforderung dar: die Installation schwerer Batterie- und Wechselrichtertechnik in einem vorgegebenen Bereich innerhalb einer bestehenden E-Ladeanlage für Caravans. Aufgrund der baulichen Beschränkungen des Dachs erforderte die sichere Positionierung der schweren Technik eine präzise Abstimmung im Team, um sowohl die Gebäudestruktur als auch die Anlage zu schützen.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">LÖSUNGEN</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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Batterietyp</div><div class="v">CATL EnerX 530 Ah 0,5C</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS-Typ</div><div class="v">Power Electronics PCSK</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2025–2026</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">FCR, aFRR, Preisarbitrage, Zusammenarbeit mit PV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Systemausgangsspannung</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">In Betrieb</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein hat die gesamte Projektabwicklung für das Ferlach-BESS übernommen — von Beratung und Engineering über Netzintegration und EMS bis hin zu Inbetriebnahme, Netzkonformität und laufendem Asset Management.
      </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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/">Ein Batteriespeichersystem ausgelegt für den Flexibilitätshandel</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ein Batteriespeichersystem zur Unterstützung einer Photovoltaikanlage in Deutschland.</title>
		<link>https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:46:13 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3553</guid>

					<description><![CDATA[<p>Projektreferenz BESS zur Unterstützung einer PV-Anlage in Deutschland. MaxSolar &#160;&#183;&#160; Deutschland MaxSolar Kunde Deutschland Standort 4.840 kWh Speicherkapazität 2.000 kW Netzleistung Ein Batteriespeichersystem, das gemeinsam mit einem lokalen PV-Kraftwerk betrieben wird und eine Ladung ausschließlich aus erneuerbaren Quellen ermöglicht. Dies erforderte eine enge Abstimmung bei Inbetriebnahme und EMS mit den lokalen erneuerbaren Ressourcen. Vor Ort [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/">Ein Batteriespeichersystem zur Unterstützung einer Photovoltaikanlage in Deutschland.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3553">.elementor-3553 .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-3553 .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-3553 .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-3553 .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-3553 .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-3553 .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-3553 .elementor-element.elementor-element-9b2ecfc{--display:flex;}.elementor-3553 .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="3553" class="elementor elementor-3553" 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>Projektreferenz</p>
        <h1 data-drop>BESS zur Unterstützung einer PV-Anlage in Deutschland<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>MaxSolar &nbsp;&middot;&nbsp; Deutschland</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Deutschland</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">4.840 kWh</p><p class="k">Speicherkapazität</p></div>
          <div class="vt-ref-value"><p class="v">2.000 kW</p><p class="k">Netzleistung</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>
          Ein Batteriespeichersystem, das gemeinsam mit einem lokalen PV-Kraftwerk betrieben wird und eine Ladung ausschließlich aus erneuerbaren Quellen ermöglicht. Dies erforderte eine enge Abstimmung bei Inbetriebnahme und EMS mit den lokalen erneuerbaren Ressourcen.
        </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="MaxSolar-Projekt, Deutschland" 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>Vor Ort</p>
      <h2 class="vt-ref-h2" data-reveal>Herausforderungen &amp; Lösungen<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Das Batteriespeichersystem arbeitet im Verbund mit einem lokalen PV-Kraftwerk und ermöglicht eine Ladung ausschließlich aus erneuerbaren Quellen. Dies erforderte eine enge Abstimmung bei Inbetriebnahme und EMS mit den lokalen erneuerbaren Ressourcen.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">LÖSUNGEN</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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Batterietyp</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">PCS-Typ</div><div class="v">2× Delta EPCS1000-IEC</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2023–2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">Zusammenarbeit mit PV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Systemausgangsspannung</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">In Betrieb</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein hat die gesamte Projektabwicklung für das MaxSolar-BESS übernommen — von Beratung und Engineering über Netzintegration und EMS bis hin zu Inbetriebnahme, Netzkonformität und laufendem Asset Management.
      </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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/">Ein Batteriespeichersystem zur Unterstützung einer Photovoltaikanlage in Deutschland.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ein Batteriespeichersystem zur Unterstützung eines Gaskraftwerks.</title>
		<link>https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:45:15 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3548</guid>

					<description><![CDATA[<p>Projektreferenz BESS zur Unterstützung eines Gaskraftwerks. VEOLIA &#160;&#183;&#160; Slowakei VEOLIA Kunde Slowakei Standort 2.914 kWh Speicherkapazität 5.600 kW Netzleistung Ein Batteriespeichersystem, das mit den Turbinen des Kraftwerks zusammenarbeitet, um Systemdienstleistungen für die Netzstabilität (aFRR ±) sowie Schwarzstartfähigkeit bereitzustellen. Ohne die Batterie wäre der Betrieb im Leistungsumfang technisch eingeschränkt und aufgrund der hohen Schwankungen im Turbinenbetrieb [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/">Ein Batteriespeichersystem zur Unterstützung eines Gaskraftwerks.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3548">.elementor-3548 .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-3548 .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-3548 .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-3548 .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-3548 .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-3548 .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-3548 .elementor-element.elementor-element-80ea41b{--display:flex;}.elementor-3548 .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="3548" class="elementor elementor-3548" 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>Projektreferenz</p>
        <h1 data-drop>BESS zur Unterstützung eines Gaskraftwerks<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>VEOLIA &nbsp;&middot;&nbsp; Slowakei</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Slowakei</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">2.914 kWh</p><p class="k">Speicherkapazität</p></div>
          <div class="vt-ref-value"><p class="v">5.600 kW</p><p class="k">Netzleistung</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>
          Ein Batteriespeichersystem, das mit den Turbinen des Kraftwerks zusammenarbeitet, um Systemdienstleistungen für die Netzstabilität (aFRR ±) sowie Schwarzstartfähigkeit bereitzustellen. Ohne die Batterie wäre der Betrieb im Leistungsumfang technisch eingeschränkt und aufgrund der hohen Schwankungen im Turbinenbetrieb wirtschaftlich nachteilig.
        </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="VEOLIA-Projekt, Slowakei" 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>Vor Ort</p>
      <h2 class="vt-ref-h2" data-reveal>Herausforderungen &amp; Lösungen<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Das Batteriespeichersystem wurde bewusst überdimensioniert, um die zur Glättung von Abweichungen bei den vereinbarten Dienstleistungen erforderliche Energiemenge mit möglichst geringer Kapazität sicherzustellen — unter Berücksichtigung der Kapazitätsdegradation über die Zeit, um die Dienstleistungserbringung langfristig zu gewährleisten. Die Herausforderung bei der Umsetzung bestand darin, das gesamte System in ein komplexes Gaskraftwerk zu integrieren, ohne dessen Betrieb zu beeinträchtigen — durch den Bau eines neuen Netzanschlusses und einer Trafostation sowie die Entwicklung einer Lösung für die nahtlose Zusammenarbeit mit dem werksweiten Mikronetz-SCADA-System.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">LÖSUNGEN</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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Batterietyp</div><div class="v">Li-ion NMC LG Chem</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS-Typ</div><div class="v">2× Power Electronics Freemaq PCSK</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2021–2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">aFRR+, Schwarzstart</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Systemausgangsspannung</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">In Betrieb</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein hat die gesamte Projektabwicklung für das VEOLIA-BESS übernommen — von Beratung und Engineering über Netzintegration und EMS bis hin zu Inbetriebnahme und Netzkonformitä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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/">Ein Batteriespeichersystem zur Unterstützung eines Gaskraftwerks.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BESS Sokolov ausgelegt für den Flexibilitätshandel</title>
		<link>https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:43:35 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3543</guid>

					<description><![CDATA[<p>Projektreferenz BESS für den Flexibilitätshandel. SUAS Grid &#160;&#183;&#160; Tschechien SUAS Grid Kunde Tschechien Standort 7.454 kWh Speicherkapazität 5.000 kW Netzleistung Ein Batteriespeichersystem, das eine zentrale Rolle bei Systemdienstleistungen für Übertragungsnetzbetreiber (ÜNB) sowie bei Ausgleichsenergiedienstleistungen am Energiemarkt spielt. Für ein hohes Maß an Zuverlässigkeit und Sicherheit wurde das System aus zwei identischen Strängen aufgebaut, die jeweils [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/">BESS Sokolov ausgelegt für den Flexibilitätshandel</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3543">.elementor-3543 .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-3543 .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-3543 .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-3543 .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-3543 .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-3543 .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-3543 .elementor-element.elementor-element-2816d57{--display:flex;}.elementor-3543 .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="3543" class="elementor elementor-3543" 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>Projektreferenz</p>
        <h1 data-drop>BESS für den Flexibilitätshandel<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>SUAS Grid &nbsp;&middot;&nbsp; Tschechien</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Tschechien</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">7.454 kWh</p><p class="k">Speicherkapazität</p></div>
          <div class="vt-ref-value"><p class="v">5.000 kW</p><p class="k">Netzleistung</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>
          Ein Batteriespeichersystem, das eine zentrale Rolle bei Systemdienstleistungen für Übertragungsnetzbetreiber (ÜNB) sowie bei Ausgleichsenergiedienstleistungen am Energiemarkt spielt. Für ein hohes Maß an Zuverlässigkeit und Sicherheit wurde das System aus zwei identischen Strängen aufgebaut, die jeweils für 2,5 MW Regelleistung zertifiziert sind, mit Raum für künftige Erweiterungen. Es dient sowohl der Netzstabilität in Zusammenarbeit mit ČEPS als auch dem Handel am untertägigen Strommarkt (Intraday).
        </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="SUAS Grid-Projekt, Tschechien" 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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Batterietyp</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">PCS-Typ</div><div class="v">2× WSTECH APS Series</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">FCR, aFRR, Preisarbitrage</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Systemausgangsspannung</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein übernimmt den After-Sales-Service und das Asset Management für das SUAS-Grid-BESS — Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.
      </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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/">BESS Sokolov ausgelegt für den Flexibilitätshandel</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ein Batteriespeichersystem, ausgelegt für lokale Photovoltaik und Elektromobilität.</title>
		<link>https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:42:37 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3538</guid>

					<description><![CDATA[<p>Projektreferenz BESS für den Flexibilitätshandel. PakDeZon &#160;&#183;&#160; Niederlande PakDeZon Kunde Niederlande Standort 558 kWh Speicherkapazität 184 kW Netzleistung Die Batterie unterstützt die lokale Photovoltaik und Elektromobilität — sie unterstützt den Ladevorgang, steuert den Ladeprozess und ermöglicht den Handel zu SPOT-Marktpreisen. Technische Spezifikation Technische Details. Batterietyp2× Li-ion LFP CATL EnerOne — 372,7 kWh PCS-Typ2× Delta EPCS1000-IEC [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/">Ein Batteriespeichersystem, ausgelegt für lokale Photovoltaik und Elektromobilität.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3538">.elementor-3538 .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-3538 .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-3538 .elementor-element.elementor-element-331e0a0{--display:flex;}.elementor-3538 .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-3538 .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-3538 .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-3538 .elementor-element.elementor-element-0d1c360{--display:flex;}.elementor-3538 .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="3538" class="elementor elementor-3538" 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>Projektreferenz</p>
        <h1 data-drop>BESS für den Flexibilitätshandel<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>PakDeZon &nbsp;&middot;&nbsp; Niederlande</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Niederlande</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">558 kWh</p><p class="k">Speicherkapazität</p></div>
          <div class="vt-ref-value"><p class="v">184 kW</p><p class="k">Netzleistung</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>
          Die Batterie unterstützt die lokale Photovoltaik und Elektromobilität — sie unterstützt den Ladevorgang, steuert den Ladeprozess und ermöglicht den Handel zu SPOT-Marktpreisen.
        </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="PakDeZon-Projekt, Niederlande" 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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Batterietyp</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">PCS-Typ</div><div class="v">2× Delta EPCS1000-IEC</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">Peak Shaving, Unterstützung beim E-Laden, Energiearbitrage</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Systemausgangsspannung</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">In Betrieb</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein hat die Projektabwicklung für das PakDeZon-BESS übernommen — von Beratung und Engineering über Installation und Integration bis hin zu Inbetriebnahme und Netzkonformitä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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/">Ein Batteriespeichersystem, ausgelegt für lokale Photovoltaik und Elektromobilität.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ein Batteriespeichersystem zur Unterstützung regionaler bzw. lokaler Photovoltaikanlagen</title>
		<link>https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:41:29 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3533</guid>

					<description><![CDATA[<p>Projektreferenz BESS für den Flexibilitätshandel. Adore Energy &#160;&#183;&#160; Bulgarien Adore Energy Kunde Bulgarien Standort 232 kWh Speicherkapazität 115 kW Netzleistung Eine Kunststofffabrik in Bulgarien mit einer Dach-PV-Anlage von 300 kWp nutzte nicht die gesamte erzeugte Solarenergie. Wenn die Produktion nicht alles verbrauchte, wurde der Überschuss zu Tarifen ins Netz eingespeist, die die PV-Investition nicht rechtfertigten. [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/">Ein Batteriespeichersystem zur Unterstützung regionaler bzw. lokaler Photovoltaikanlagen</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3533">.elementor-3533 .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-3533 .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-3533 .elementor-element.elementor-element-ef49593{--display:flex;}.elementor-3533 .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-3533 .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-3533 .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-3533 .elementor-element.elementor-element-effe929{--display:flex;}.elementor-3533 .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="3533" class="elementor elementor-3533" 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}a
.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>Projektreferenz</p>
        <h1 data-drop>BESS für den Flexibilitätshandel<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Adore Energy &nbsp;&middot;&nbsp; Bulgarien</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Bulgarien</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">232 kWh</p><p class="k">Speicherkapazität</p></div>
          <div class="vt-ref-value"><p class="v">115 kW</p><p class="k">Netzleistung</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>
          Eine Kunststofffabrik in Bulgarien mit einer Dach-PV-Anlage von 300 kWp nutzte nicht die gesamte erzeugte Solarenergie. Wenn die Produktion nicht alles verbrauchte, wurde der Überschuss zu Tarifen ins Netz eingespeist, die die PV-Investition nicht rechtfertigten. Die Integration eines Batteriespeichersystems löst dieses Problem, indem überschüssige Energie aufgefangen wird, um den PV-Ertrag zu maximieren.
        </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="Adore Energy-Projekt, Bulgarien" 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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Systemtyp</div><div class="v">CNTE Star H DE — 232 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2026</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">Maximierung des PV-Ertrags durch BESS-Integration</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Betrieb</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein hat die gesamte Projektabwicklung für das Adore-Energy-BESS übernommen — von Beratung und Engineering über Installation und Integration bis hin zu Inbetriebnahme und laufendem Asset Management.
      </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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/">Ein Batteriespeichersystem zur Unterstützung regionaler bzw. lokaler Photovoltaikanlagen</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Die größte Aufdach-Photovoltaikanlage in der Slowakei.</title>
		<link>https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:39:12 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3528</guid>

					<description><![CDATA[<p>Projektreferenz Größte Dach-PV-Anlage der Slowakei. ZELPO &#160;&#183;&#160; Slowakei ZELPO Kunde Slowakei Standort 2.567,9 kWp Installierte Leistung 2.630 MWh Jährlicher Ertrag Die Photovoltaikanlage befindet sich auf dem Dach des Gebäudes mit dualer Ausrichtung, um die verfügbare Dachfläche optimal zu nutzen. Aufgrund der statischen Tragfähigkeitsgrenzen des Dachs umfasst das System eine speziell konzipierte Unterkonstruktion, die das Gewicht [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/">Die größte Aufdach-Photovoltaikanlage in der Slowakei.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3528">.elementor-3528 .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-3528 .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-3528 .elementor-element.elementor-element-a80c47e{--display:flex;}.elementor-3528 .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-3528 .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-3528 .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-3528 .elementor-element.elementor-element-4cb1d6d{--display:flex;}.elementor-3528 .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="3528" class="elementor elementor-3528" 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>Projektreferenz</p>
        <h1 data-drop>Größte Dach-PV-Anlage der Slowakei<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>ZELPO &nbsp;&middot;&nbsp; Slowakei</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Slowakei</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">2.567,9 kWp</p><p class="k">Installierte Leistung</p></div>
          <div class="vt-ref-value"><p class="v">2.630 MWh</p><p class="k">Jährlicher Ertrag</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>
          Die Photovoltaikanlage befindet sich auf dem Dach des Gebäudes mit dualer Ausrichtung, um die verfügbare Dachfläche optimal zu nutzen. Aufgrund der statischen Tragfähigkeitsgrenzen des Dachs umfasst das System eine speziell konzipierte Unterkonstruktion, die das Gewicht gleichmäßig auf definierte Montagepunkte verteilt.
        </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="ZELPO-Projekt, Slowakei" 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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Technologietyp</div><div class="v">String-Wechselrichter-optimiert</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">Maximierung des PV-Ertrags</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Betrieb</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/">Die größte Aufdach-Photovoltaikanlage in der Slowakei.</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Virtueller Batterieblock – Zwei Systeme agieren als eine Einheit</title>
		<link>https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 10:35:54 +0000</pubDate>
				<category><![CDATA[Referenzen]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3522</guid>

					<description><![CDATA[<p>Projektreferenz Virtueller Batterieblock — zwei Systeme als eine Einheit. ECO PACK &#160;&#183;&#160; Slowakei ECO PACK Kunde Slowakei Standort 499 kWp Installierte Leistung 302 kWh Speicherkapazität Das Batteriesystem verbindet zwei Einheiten zu einem virtuellen Block, um die Effizienz zu steigern. Es ermöglicht Peak Shaving, stabilisiert die Stromversorgung und steuert den Verbrauch über die Netzgrenzen hinaus. Überschüssige [&#8230;]</p>
<p>The post <a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/">Virtueller Batterieblock – Zwei Systeme agieren als eine Einheit</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3522">.elementor-3522 .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-3522 .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-3522 .elementor-element.elementor-element-aa94fbc{--display:flex;}.elementor-3522 .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-3522 .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-3522 .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-3522 .elementor-element.elementor-element-d1cc0c2{--display:flex;}.elementor-3522 .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="3522" class="elementor elementor-3522" 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>Projektreferenz</p>
        <h1 data-drop>Virtueller Batterieblock — zwei Systeme als eine Einheit<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>ECO PACK &nbsp;&middot;&nbsp; Slowakei</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">Kunde</p></div>
          <div class="vt-ref-value"><p class="v">Slowakei</p><p class="k">Standort</p></div>
          <div class="vt-ref-value"><p class="v">499 kWp</p><p class="k">Installierte Leistung</p></div>
          <div class="vt-ref-value"><p class="v">302 kWh</p><p class="k">Speicherkapazitä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>
          Das Batteriesystem verbindet zwei Einheiten zu einem virtuellen Block, um die Effizienz zu steigern. Es ermöglicht Peak Shaving, stabilisiert die Stromversorgung und steuert den Verbrauch über die Netzgrenzen hinaus. Überschüssige PV-Energie wird gespeichert, um Netzeinspeisungen zu vermeiden, Zeitverschiebung optimiert die Speichernutzung, und Preisarbitrage wird durch Entladung bei günstigen Marktpreisen ermöglicht. Zukünftige Pläne zielen auf die Reduzierung des CO₂-Fußabdrucks im Einklang mit den Nachhaltigkeitszielen ab.
        </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="ECO PACK-Projekt, Slowakei" 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>Technische Spezifikation</p>
      <h2 class="vt-ref-h2" data-reveal>Technische Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Systemtyp</div><div class="v">KOKAM 103 Ah BR</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS-Typ</div><div class="v">2× WSTECH APS Series</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Technologietyp</div><div class="v">Optimierte Doppelanordnung</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Ausführung</div><div class="v">2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Funktionen</div><div class="v">Zusammenarbeit mit PV, Peak Shaving, FCR</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Systemausgangsspannung</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">In Betrieb</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>Gesamtprojektabwicklung</p>
      <h2 class="vt-ref-h2" data-reveal>Leistungsumfang<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein hat die Projektabwicklung für das ECO-PACK-System übernommen — von Beratung und Engineering über Installation und Integration bis hin zu Inbetriebnahme und Netzkonformitä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">Schritt 01</div>
              <div class="vt-ref-ctitle">Beratung &amp; Engineering</div>
              <div class="vt-ref-cdesc">Systemauslegung, Einlinienschema und zertifizierungsreifes technisches Package.</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">Schritt 02</div>
              <div class="vt-ref-ctitle">Systembeschaffung &amp; FAT</div>
              <div class="vt-ref-cdesc">Herstellerneutrale Beschaffung von Batterien und Umrichtern inkl. Werksabnahme (FAT).</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">Schritt 03</div>
              <div class="vt-ref-ctitle">Netzintegration &amp; EPC</div>
              <div class="vt-ref-cdesc">Fundamente, MS-/NS-Arbeiten und Netzanschluss über die projekteigenen Trafostationen.</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">Schritt 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Leitsysteme</div>
              <div class="vt-ref-cdesc">Integration von EMS/SCADA und Aktivierung der vertraglich vereinbarten Netz- und Marktdienstleistungen.</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">Schritt 05</div>
              <div class="vt-ref-ctitle">Inbetriebnahme &amp; Netzkonformität</div>
              <div class="vt-ref-cdesc">SAT-Tests, Nachweis der Netzkonformität und Übergabe in den Regelbetrieb.</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">Schritt 06</div>
              <div class="vt-ref-ctitle">After-Sales-Service &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, Service und Verfügbarkeitsgarantien über die gesamte Systemlebensdauer.</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">

    <a href="https://volthein.com/de/s-line-4/" 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 — Standardisiertes BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardisiert</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">Schnell einsatzbereit.<br>Betrieb mit Sicherheit.</div>
          <p class="bss-card-desc">Vorkonfigurierte BESS-Blöcke in drei Ausführungen — ESSENTIAL, STANDARD und PERFORMANCE. Feste Preise, kürzere Amortisationszeiten und eine Ziel-Verfügbarkeit von 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>
            Werksabnahme (FAT) & vereinfachte Inbetriebnahme
          </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>
            CAPEX-Sicherheit durch Festpreis-Blöcke
          </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>
            Optionale Garantie von bis zu 15 Jahren
          </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>
            24/7 Monitoring & Fernunterstützung
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>EE-Integration</span>
          <span>Markthandel</span>
          <span>Industrie</span>
        </div>

        <div class="bss-card-cta">
          S-Line entdecken
          <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>

    <a href="https://volthein.com/de/c-line-5/" 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 — Individuelles 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">Individuell</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">Wenn Standard<br>nicht ausreicht.</div>
          <p class="bss-card-desc">Vollständig maßgeschneidertes BESS für komplexe Standortbedingungen, spezifische Schnittstellen oder individuelle Anforderungen — konfiguriert innerhalb eines bewährten Rahmens.</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>
            Anpassung an spezifische Standortvorgaben
          </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>
            Verantwortung aus einer Hand
          </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>
            Individuelle PCS-, Batterie- & PPC-Integration
          </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>
            Netzanschluss bis zu 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Kraftwerkslösungen</span>
          <span>Netzstabilisierung</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          C-Line entdecken
          <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>

  <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>
        Unsicher, welche Lösung für Ihr Projekt optimal ist?
      </span>
      <a href="https://volthein.com/de/kontakt-2/" class="bss-split-note-link">
        Sprechen Sie mit unserem Team
        <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>
/* CSS štýly zostávajú zachované, nakoľko názvy tried sa nemenia */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.bss-split { width: 100%; box-sizing: border-box; overflow: hidden; background: #0a0a0a; font-family: 'Montserrat', sans-serif; }
.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; }

.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); }

.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%); }

.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); }
.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); }

.bss-card-body { padding: 32px 32px 36px; display: flex; flex-direction: column; flex: 1; gap: 24px; }
.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; }

.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; }

.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; }

.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; }

.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); }

@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); } }
@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; } }
@media (prefers-reduced-motion: reduce) { .bss-card, .bss-card-img, .bss-card-img-wrap::after, .bss-card-cta, .bss-card-cta svg, .bss-split-note-link, .bss-split-note-link svg { transition: none; } }
</style>				</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="de">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">UNSERE REFERENZEN</span>
      <h2 class="ref-title">AUSGEWÄHLTE PROJEKTE<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Vorherige Projekte">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Nächste Projekte">&#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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/das-drittgroesste-batteriespeichersystem-in-den-niederlanden/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-den-flexibilitaetshandel-2/" class="ref-btn">Details ansehen</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, Deutschland" 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, Deutschland</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-einer-photovoltaikanlage-in-deutschland/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-eines-gaskraftwerks/" class="ref-btn">Details ansehen</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, Tschechien" 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, Tschechien</p><a href="https://volthein.com/de/bess-sokolov-ausgelegt-fuer-den-flexibilitaetshandel/" class="ref-btn">Details ansehen</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, Österreich" 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, Österreich</p><a href="https://volthein.com/de/ein-bess-zur-unterstuetzung-des-seilbahnbetriebs-in-einem-skigebiet/" class="ref-btn">Details ansehen</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, Niederlande" 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, Niederlande</p><a href="https://volthein.com/de/ein-batteriespeichersystem-ausgelegt-fuer-lokale-photovoltaik-und-elektromobilitaet/" class="ref-btn">Details ansehen</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, Bulgarien" 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, Bulgarien</p><a href="https://volthein.com/de/ein-batteriespeichersystem-zur-unterstuetzung-regionaler-bzw-lokaler-photovoltaikanlagen/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2,6 MWp</span><p class="ref-location">ZELPO, Slowakei</p><a href="https://volthein.com/de/die-groesste-aufdach-photovoltaikanlage-in-der-slowakei/" class="ref-btn">Details ansehen</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, Slowakei" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498,5 kWp</span><p class="ref-location">Schaeffler, Slowakei</p><a href="https://volthein.com/de/prognosebasiertes-solarstrommanagement/" class="ref-btn">Details ansehen</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, Slowakei" 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, Slowakei</p><a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/" class="ref-btn">Details ansehen</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">
					<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="Volthein Ansprechpartner"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">HABEN SIE EIN PROJEKT?</h2>

    <a href="https://volthein.com/de/kontakt-2/" class="cl-cta-btn">Kontakt aufnehmen</a>

  </div>
</section>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

.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; } }

.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

.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;
}

.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;
}

.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;
}

.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; }

@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

@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>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/de/virtueller-batterieblock-zwei-systeme-agieren-als-eine-einheit/">Virtueller Batterieblock – Zwei Systeme agieren als eine Einheit</a> appeared first on <a href="https://volthein.com/de/startseite/">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
