{% extends 'layout.html.twig' %}
{% block title %}{{ parent() }} - Photovoltaik{% endblock %}
{% block javascript %}
{{ parent() }}
{{ encore_entry_script_tags('frontend_photovoltaics') }}
{% endblock %}
{% block content %}
<section class="hero is-fullheight-with-navbar is-black is-bold">
<div class="hero-body">
<div class="container">
<h1 id="title" class="h1 has-text-white has-text-centered">
Unser Dream­team gegen teuren Strom
</h1>
<div class="scroll-indicator is-light">
<span class="icon jump has-text-primary">
<i class="fas fa-arrow-down"></i>
</span>
</div>
</div>
</div>
</section>
<section id="solarmodul" class="hero is-fullheight-with-navbar is-white has-text-centered">
<div class="hero-body">
<div class="container">
<div class="columns is-desktop is-vcentered">
<div class="column is-6-mobile is-offset-3-mobile is-4-tablet is-offset-4-tablet is-offset-0-desktop is-offset-1-widescreen is-3-fullhd">
<picture>
<source srcset="{{ asset('build/images/frontend/photovoltaics/solarmodul-1920.webp') }}" type="image/webp">
<img src="{{ asset('build/images/frontend/photovoltaics/solarmodul-1920.png') }}" alt="Solarmodul">
</picture>
</div>
<div class="column is-8-tablet is-offset-2-tablet is-6-desktop is-offset-2-desktop is-5-widescreen is-offset-1-widescreen is-6-fullhd">
<p class="h2">
Der Teamplayer
</p>
<h1 class="h1">
Das Solarmodul
</h1>
<p class="p">Ein Solarmodul besteht aus mehreren Solarzellen, die zusammen eine elektrische Einheit bilden. Entscheidend für die Leistung eines Solarmoduls ist der Wirkungsgrad der verwendeten Solarzellen, das heißt, welcher Anteil der eingestrahlten Sonnenenergie in elektrische Energie umgewandelt wird.</p>
{# <button class="button is-medium is-rounded">mehr erfahren</button> #}
</div>
</div>
<div class="scroll-indicator is-gapless is-dark">
<span class="icon jump has-text-black">
<i class="fas fa-plus"></i>
</span>
</div>
</div>
</div>
</section>
<section id="wechselrichter" class="hero is-fullheight-with-navbar is-light has-text-centered">
<div class="hero-body">
<div class="container">
<div class="columns is-reversed-touch is-desktop is-vcentered">
<div class="column is-8-tablet is-offset-2-tablet is-6-desktop is-offset-2-desktop is-5-widescreen is-offset-1-widescreen is-6-fullhd">
<p class="h2">
Verwandelt jeden Gleichstrom sicher
</p>
<h1 class="h1">
Der Wechselrichter
</h1>
<p class="p">Der Photovoltaik Wechselrichter ist dafür zuständig, den Gleichstrom in Wechselstrom, bzw. Gleichspannung in Wechselspannung umzuformen. Das, was die Solarmodule generieren, ist Gleichstrom und Gleichspannung. Damit der Strom ins öffentliche Netz eingespeist werden kann, muss er zuvor umgewandelt werden.</p>
{# <button class="button is-medium is-rounded">mehr erfahren</button> #}
</div>
<div class="column is-6-mobile is-offset-3-mobile is-4-tablet is-offset-4-tablet is-offset-0-desktop is-offset-1-widescreen is-3-fullhd">
<picture>
<source srcset="{{ asset('build/images/frontend/photovoltaics/wechselrichter-640.webp') }}" type="image/webp">
<img src="{{ asset('build/images/frontend/photovoltaics/wechselrichter-640.png') }}" alt="Wechselrichter">
</picture>
</div>
</div>
<div class="scroll-indicator is-gapless is-dark">
<span class="icon jump has-text-black">
<i class="fas fa-plus"></i>
</span>
</div>
</div>
</div>
</section>
<section id="batteriespeicher" class="hero is-fullheight-with-navbar is-white has-text-centered">
<div class="hero-body">
<div class="container">
<div class="columns is-desktop is-vcentered">
<div class="column is-6-mobile is-offset-3-mobile is-4-tablet is-offset-4-tablet is-offset-0-desktop is-offset-1-widescreen is-3-fullhd">
<picture>
<source srcset="{{ asset('build/images/frontend/photovoltaics/batteriespeicher-1280.webp') }}" type="image/webp">
<img src="{{ asset('build/images/frontend/photovoltaics/batteriespeicher-1280.png') }}" alt="Batteriespeicher">
</picture>
</div>
<div class="column is-8-tablet is-offset-2-tablet is-6-desktop is-offset-2-desktop is-5-widescreen is-offset-1-widescreen is-6-fullhd">
<p class="h2">
Hält alles
</p>
<h1 class="h1">
Der Batteriespeicher
</h1>
<p class="p">Mit einem Batteriespeicher speichern Sie den überschüssigen Solarstrom, den Ihre Solaranlage tagsüber erzeugt und den Sie nicht direkt im Haushalt verbrauchen. Den Strom nutzen Sie dann ganz einfach abends, wenn die Sonne nicht mehr scheint.</p>
{# <button class="button is-medium is-rounded">mehr erfahren</button> #}
</div>
</div>
<div class="scroll-indicator is-gapless is-dark">
<span class="icon jump has-text-black">
<i class="fas fa-plus"></i>
</span>
</div>
</div>
</div>
</section>
<section id="wallbox" class="hero is-fullheight-with-navbar is-light has-text-centered">
<div class="hero-body">
<div class="container">
<div class="columns is-reversed-touch is-desktop is-vcentered">
<div class="column is-8-tablet is-offset-2-tablet is-6-desktop is-offset-2-desktop is-5-widescreen is-offset-1-widescreen is-6-fullhd">
<p class="h2">
Treibt andere an
</p>
<h1 class="h1">
Die Wallbox
</h1>
<p class="p">Die Wallbox lädt das E-Auto deutlich schneller auf als eine Haushaltssteckdose. Während letztere maximal 2,3 Kilowatt pro Stunde in den Akku pumpt, schafft die Wallbox je nach Modell und Anschluss zwischen 3,7 und 22 Kilowatt.</p>
{# <button class="button is-medium is-rounded">mehr erfahren</button> #}
</div>
<div class="column is-6-mobile is-offset-3-mobile is-4-tablet is-offset-4-tablet is-offset-0-desktop is-offset-1-widescreen is-3-fullhd">
<picture>
<source srcset="{{ asset('build/images/frontend/photovoltaics/wallbox-1280.webp') }}" type="image/webp">
<img src="{{ asset('build/images/frontend/photovoltaics/wallbox-1280.png') }}" alt="Wallbox">
</picture>
</div>
</div>
<div class="scroll-indicator is-gapless is-dark">
<span class="icon jump has-text-black">
<i class="fas fa-equals"></i>
</span>
</div>
</div>
</div>
</section>
<section id="sparschwein" class="hero is-fullheight-with-navbar is-white has-text-centered">
<div class="hero-body">
<div class="container">
<div class="columns is-desktop is-vcentered">
<div class="column is-6-mobile is-offset-3-mobile is-4-tablet is-offset-4-tablet is-offset-0-desktop is-offset-1-widescreen is-3-fullhd">
<picture>
<source srcset="{{ asset('build/images/frontend/photovoltaics/sparschwein-1920.webp') }}" type="image/webp">
<img src="{{ asset('build/images/frontend/photovoltaics/sparschwein-1920.png') }}" alt="Sparschwein">
</picture>
</div>
<div class="column is-8-tablet is-offset-2-tablet is-6-desktop is-offset-2-desktop is-5-widescreen is-offset-1-widescreen is-6-fullhd">
<p class="h2">
"on top" oben drauf
</p>
<h1 class="h1">
9 Cent pro kWh
</h1>
<p class="p">Photovoltaik Anlagen in der Größenordnung einer Standartanlage (Einfamilienhaus) erhalten aktuell noch etwas mehr als 9 Cent Einspeisevergütung pro Kilowattstunde.</p>
{# <button class="button is-medium is-rounded">mehr erfahren</button> #}
</div>
</div>
<div class="scroll-indicator is-gapless is-dark">
<span class="icon jump has-text-primary">
<i class="fas fa-arrow-down"></i>
</span>
</div>
</div>
</div>
</section>
<section id="haus" class="hero is-fullheight-with-navbar is-light has-text-centered">
<div class="hero-body">
<div class="container">
<div class="columns is-desktop is-vcentered">
<div class="column is-10-tablet is-offset-1-tablet is-8-widescreen is-offset-2-widescreen is-relative">
<picture>
<source srcset="{{ asset('build/images/frontend/photovoltaics/haus-1920.webp') }}" type="image/webp">
<img src="{{ asset('build/images/frontend/photovoltaics/haus-1920.png') }}" alt="Haus">
</picture>
<div style="top: 20%; left: 50%;" class="lg-hotspot lg-hotspot--top-left">
<div class="lg-hotspot__button"></div>
<div class="lg-hotspot__label">
<h4>1. PV-Module</h4>
<p>Wandelt das Licht der Sonne direkt in elektrische Energie um.</p>
</div>
</div>
<div style="top: 65%; left: 75%;" class="lg-hotspot lg-hotspot--top-right">
<div class="lg-hotspot__button"></div>
<div class="lg-hotspot__label">
<h4>2. Wechselrichter</h4>
<p>Wandelt erzeugten Gleichstrom in Wechselstrom. Dieser wird vorrangig im Haus genutzt und im Akku gespeichert, der Überschuss fließt ins Stromnetz.</p>
</div>
</div>
<div style="top: 65%; left: 60%;" class="lg-hotspot lg-hotspot--top-right">
<div class="lg-hotspot__button"></div>
<div class="lg-hotspot__label">
<h4>3. Zentraler Energiemanager</h4>
<p>Sorgt für zeitlich optimale Abstimmung von Erzeugung und Verbrauch.</p>
</div>
</div>
<div style="top: 60%; left: 45%;" class="lg-hotspot lg-hotspot--bottom-left">
<div class="lg-hotspot__button"></div>
<div class="lg-hotspot__label">
<h4>4. Steuerbare Verbraucher</h4>
<p>Diese sind nicht auf bestimmte Einschaltzeiten angewiesen.</p>
</div>
</div>
<div style="top: 80%; left: 90%;" class="lg-hotspot lg-hotspot--bottom-right">
<div class="lg-hotspot__button"></div>
<div class="lg-hotspot__label">
<h4>5. Öffentliche Stromnetz</h4>
<p>Hier wird der überschüssige Strom der PV-Anlage eingespeist. Für den eingespeisten Strom erhalten Sie eine Vergütung.</p>
</div>
</div>
<div style="top: 82.5%; left:70%;" class="lg-hotspot lg-hotspot--bottom-right">
<div class="lg-hotspot__button"></div>
<div class="lg-hotspot__label">
<h4>6. Wärmepumpe</h4>
<p>Photovoltaikanlage und Wärmepumpe sind ein perfektes Duo.</p>
</div>
</div>
<div style="top: 77.5%; left: 60%;" class="lg-hotspot lg-hotspot--bottom-left">
<div class="lg-hotspot__button"></div>
<div class="lg-hotspot__label">
<h4>7. Batteriepeicher (Akku)</h4>
<p>Ermöglicht Solarstromspeicherung für Versorgung und Verbraucher Abends und Nachts. Sorgt für zeitlich optimale Abstimmung von Erzeugung und Verbrauch.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="haus_info" class="hero is-fullheight-with-navbar is-black has-text-centered-touch">
<div class="hero-body">
<div class="container">
<div class="columns is-desktop">
<div class="column is-10-tablet is-offset-1-tablet is-8-desktop is-offset-2-desktop">
<div class="columns is-desktop">
<div class="column is-5-desktop">
<h3>1. PV-Module</h3>
<p class="p">Wandelt das Licht der Sonne direkt in elektrische Energie um.</p>
<h3>2. Wechselrichter</h3>
<p class="p">Wandelt erzeugten Gleichstrom in Wechselstrom. Dieser wird vorrangig im Haus genutzt und im Akku gespeichert, der Überschuss fließt ins Stromnetz.</p>
<h3>3. Zentraler Energiemanager</h3>
<p class="p">Sorgt für zeitlich optimale Abstimmung von Erzeugung und Verbrauch.</p>
<h3>4. Steuerbare Verbraucher</h3>
<p class="p">Diese sind nicht auf bestimmte Einschaltzeiten angewiesen.</p>
</div>
<div class="column is-5-desktop is-offset-2-desktop">
<h3>5. Öffentliche Stromnetz</h3>
<p class="p">Hier wird der überschüssige Strom der PV-Anlage eingespeist. Für den eingespeisten Strom erhalten Sie eine Vergütung.</p>
<h3>6. Wärmepumpe</h3>
<p class="p">Photovoltaikanlage und Wärmepumpe sind ein perfektes Duo. </p>
<h3>7. Batteriepeicher (Akku)</h3>
<p class="p">Ermöglicht Solarstromspeicherung für Versorgung und Verbraucher Abends und Nachts. Sorgt für zeitlich optimale Abstimmung von Erzeugung und Verbrauch.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="faq" class="hero is-large is-light has-text-centered">
<div class="hero-body">
<div class="container">
<div class="columns is-desktop is-vcentered">
<div class="column is-10-tablet is-offset-1-tablet is-8-desktop is-offset-2-desktop">
<h1 class="h1">
FAQ
</h1>
<div class="card faq">
<a href="#faq-card-1" data-action="collapse" aria-label="mehr erfahren">
<header class="card-header">
<p class="card-header-title">
Hält mein Dach das Gewicht aus?
</p>
<div class="card-header-icon">
<span class="icon">
<i class="fas fa-angle-right" aria-hidden="true"></i>
</span>
</div>
</header>
</a>
<div id="faq-card-1" class="is-collapsible" aria-expanded="false">
<div class="card-content has-text-left">
<b>Ja.</b> Die Schneelast ist ausreichend.
</div>
</div>
</div>
<div class="card faq">
<a href="#faq-card-2" data-action="collapse" aria-label="mehr erfahren">
<header class="card-header">
<p class="card-header-title">
Ist mein Dach überhaupt für eine PV-Anlage ausgerichtet?
</p>
<div class="card-header-icon">
<span class="icon">
<i class="fas fa-angle-right" aria-hidden="true"></i>
</span>
</div>
</header>
</a>
<div id="faq-card-2" class="is-collapsible" aria-expanded="false">
<div class="card-content has-text-left">
<b>Ja.</b> Ost und West sind das neue Süd.
</div>
</div>
</div>
<div class="card faq">
<a href="#faq-card-3" data-action="collapse" aria-label="mehr erfahren">
<header class="card-header">
<p class="card-header-title">
Gibt es eine Förderung?
</p>
<div class="card-header-icon">
<span class="icon">
<i class="fas fa-angle-right" aria-hidden="true"></i>
</span>
</div>
</header>
</a>
<div id="faq-card-3" class="is-collapsible" aria-expanded="false">
<div class="card-content has-text-left">
<b>Nein.</b> Die Einspeiseförderung ist die Förderung.
</div>
</div>
</div>
<div class="card faq">
<a href="#faq-card-4" data-action="collapse" aria-label="mehr erfahren">
<header class="card-header">
<p class="card-header-title">
Lohnt sich ein Speicher?
</p>
<div class="card-header-icon">
<span class="icon">
<i class="fas fa-angle-right" aria-hidden="true"></i>
</span>
</div>
</header>
</a>
<div id="faq-card-4" class="is-collapsible" aria-expanded="false">
<div class="card-content has-text-left">
Bei hohem Strom-/Eigenverbrauch oder dem Wunsch nach Unabhängigkeit.
Ein Speicher ist aber auch zu jederzeit nachrüstbar.
</div>
</div>
</div>
<div class="card faq">
<a href="#faq-card-5" data-action="collapse" aria-label="mehr erfahren">
<header class="card-header">
<p class="card-header-title">
Ist ein Inselbetrieb möglich?
</p>
<div class="card-header-icon">
<span class="icon">
<i class="fas fa-angle-right" aria-hidden="true"></i>
</span>
</div>
</header>
</a>
<div id="faq-card-5" class="is-collapsible" aria-expanded="false">
<div class="card-content has-text-left">
<b>Nein.</b> Wechselrichter brauchen immer einen Netzanschluss.
</div>
</div>
</div>
<div class="card faq">
<a href="#faq-card-6" data-action="collapse" aria-label="mehr erfahren">
<header class="card-header">
<p class="card-header-title">
Wieviel Leistung passt auf mein Dach?
</p>
<div class="card-header-icon">
<span class="icon">
<i class="fas fa-angle-right" aria-hidden="true"></i>
</span>
</div>
</header>
</a>
<div id="faq-card-6" class="is-collapsible" aria-expanded="false">
<div class="card-content has-text-left">
Pro kWp werden ca. 5m² Dachfläche benötigt.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% include 'frontend/_sections/_customer_request_tool_teaser.html.twig' %}
{% endblock %}