---
import Layout from "#layouts/Layout.astro";
---

<Layout title="Statistiken zum Verbrauchsausweis Wohngebäude">

<h1>Statistiken zum Verbrauchsausweis Wohngebäude</h1>
<h2>Durchschnittlicher Energieverbrauch in kWh/m² – Mittelwert aller ausgestellten Verbrauchsausweise bei sanierten bzw. unsanierten Wohngebäuden</h2>

<hr>

    <div class="container mx-auto p-4">
      
        <!-- Diagramm -->
        <div class="text-center mb-8">
          <div class="inline-block rounded-xl shadow-md max-w-full">
            <img src="/images/DIA_VA_Wohn.png" alt="Durchschnittliche Verbrauchskennwerte von Häusern im sanierten bzw. unsanierten Zustand aus dem Verbrauchsausweis Wohngebäude" class="w-full">
          </div>
          <span class="block mt-2 text-sm text-gray-600">
            Diagramm: Durchschnittlicher Energieverbrauch in kWh/m² im sanierten bzw. unsanierten Zustand.
          </span>
        </div>
      
        <!-- Erläuterungstexte -->
        <p class="mb-4">
          Bei der statistischen Auswertung oben stehender Grafik wurden die bereits ausgestellten Verbrauchsausweise analysiert. Dabei wurden aus ca. 10.000 Ausweisen deutschlandweit die Haustypen Einfamilienhaus, Reihenmittelhaus und Mehrfamilienhaus in die Kategorie saniert bzw. unsaniert eingeteilt.
        </p>
        <p class="mb-4">
          Innerhalb dieser Kategorien wurde dann der Verbrauchsmittelwert gebildet und in der Einheit kWh/m² ausgegeben. Die orangenen Balken stellen die Ergebnisse grafisch dar und man kann klar erkennen, wie groß das Einsparpotential bei den verschiedenen Haustypen ist. Diese Statistik wird in regelmäßigen Abständen aktualisiert, sodass die Grafik immer auf dem neuesten Stand ist.
        </p>
      
        <hr>

        <!-- Detailstatistik Einfamilienhäuser -->
        <h2>Durchschnittlicher Energieverbrauch von Einfamilienhäusern in kWh/m²</h2>
        <h3>Mittelwert aller ausgestellten Bedarfsausweise der entsprechenden Baualtersklasse</h3>
        <div id="chart_stat" class="mb-8 mt-4">
            <div id="chart_stat">
                <div class="GC-all1">
                        <div id="googlechart_stat2">
                                <div style="position: relative;">
                                        <div style="position: relative; width: 596px; height: 320px;" dir="ltr">
                                                <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
                                                        ><svg width="596" height="320" style="overflow: hidden;"
                                                                >
                                                                <defs id="_ABSTRACT_RENDERER_ID_19">
                                                                        <clipPath id="_ABSTRACT_RENDERER_ID_20">
                                                                                <rect x="100" y="0" width="496" height="288"></rect>
                                                                        </clipPath>
                                                                </defs>
                                                                <rect x="0" y="0" width="596" height="320" stroke="none" stroke-width="0"
                                                                        fill="#ffffff"></rect>
                                                                <g>
                                                                        <rect x="100" y="0" width="496" height="288" stroke="none" stroke-width="0"
                                                                                fill-opacity="0" fill="#ffffff"></rect>
                                                                        <g
                                                                                clip-path="url(https://online-energieausweis.org/verbrauchsausweis/statistiken-zum-verbrauchsausweis/#_ABSTRACT_RENDERER_ID_20)">
                                                                                <g>
                                                                                        <rect x="100" y="0" width="1" height="288" stroke="none"
                                                                                                stroke-width="0" fill="#cccccc"></rect>
                                                                                        <rect x="246" y="0" width="1" height="288" stroke="none"
                                                                                                stroke-width="0" fill="#cccccc"></rect>
                                                                                        <rect x="391" y="0" width="1" height="288" stroke="none"
    
                                                                                                stroke-width="0" fill="#cccccc"></rect>
                                                                                        <rect x="537" y="0" width="1" height="288" stroke="none"
                                                                                                stroke-width="0" fill="#cccccc"></rect>
                                                                                        <rect x="173" y="0" width="1" height="288" stroke="none"
                                                                                                stroke-width="0" fill="#ebebeb"></rect>
                                                                                        <rect x="318" y="0" width="1" height="288" stroke="none"
                                                                                                stroke-width="0" fill="#ebebeb"></rect>
                                                                                        <rect x="464" y="0" width="1" height="288" stroke="none"
                                                                                                stroke-width="0" fill="#ebebeb"></rect>
                                                                                        <rect x="610" y="0" width="1" height="288" stroke="none"
                                                                                                stroke-width="0" fill="#ebebeb"></rect>
                                                                                </g>
                                                                                <g>
                                                                                        <rect x="101" y="7" width="444" height="23" stroke="#ff7d26"
                                                                                                stroke-width="1" fill="#ff7d26"></rect>
                                                                                        <rect x="101" y="43" width="429" height="22" stroke="#ff7d26"
                                                                                                stroke-width="1" fill="#ff7d26"></rect>
                                                                                        <rect x="101" y="79" width="414" height="22" stroke="#ff7d26"
                                                                                                stroke-width="1" fill="#ff7d26"></rect>
                                                                                        <rect x="101" y="115" width="403" height="22" stroke="#ff7d26"
                                                                                                stroke-width="1" fill="#ff7d26"></rect>
                                                                                        <rect x="101" y="151" width="316" height="22" stroke="#ff7d26"
                                                                                                stroke-width="1" fill="#ff7d26"></rect>
                                                                                        <rect x="101" y="187" width="220" height="22" stroke="#ff7d26"
                                                                                                stroke-width="1" fill="#ff7d26"></rect>
                                                                                        <rect x="101" y="223" width="205" height="22" stroke="#ff7d26"
                                                                                                stroke-width="1" fill="#ff7d26"></rect>
                                                                                        <rect x="101" y="258" width="144" height="23" stroke="#ff7d26"
                                                                                                stroke-width="1" fill="#ff7d26"></rect>
                                                                                </g>
                                                                                <g>
                                                                                        <rect x="100" y="0" width="1" height="288" stroke="none"
                                                                                                stroke-width="0" fill="#333333"></rect>
                                                                                </g>
                                                                                <g>
                                                                                        <rect x="545" y="18" width="0" height="1" stroke="none"
                                                                                                stroke-width="0" fill="#999999"></rect>
                                                                                        <rect x="530" y="54" width="12" height="1" stroke="none"
                                                                                                stroke-width="0" fill="#999999"></rect>
                                                                                        <rect x="515" y="90" width="12" height="1" stroke="none"
                                                                                                stroke-width="0" fill="#999999"></rect>
                                                                                        <rect x="504" y="126" width="12" height="1" stroke="none"
                                                                                                stroke-width="0" fill="#999999"></rect>
                                                                                        <rect x="417" y="162" width="12" height="1" stroke="none"
                                                                                                stroke-width="0" fill="#999999"></rect>
                                                                                        <rect x="321" y="198" width="12" height="1" stroke="none"
                                                                                                stroke-width="0" fill="#999999"></rect>
                                                                                        <rect x="306" y="234" width="12" height="1" stroke="none"
                                                                                                stroke-width="0" fill="#999999"></rect>
                                                                                        <rect x="245" y="269" width="0" height="1" stroke="none"
                                                                                                stroke-width="0" fill="#999999"></rect>
                                                                                </g>
                                                                        </g>
                                                                        <g></g>
                                                                        <g>
                                                                                <g><text text-anchor="middle" x="100.5" y="309.25" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0"
                                                                                                fill="#444444">0</text></g>
                                                                                <g><text text-anchor="middle" x="246.0882" y="309.25"
                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                stroke-width="0" fill="#444444">100</text></g>
                                                                                <g><text text-anchor="middle" x="391.6765" y="309.25"
                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                stroke-width="0" fill="#444444">200</text></g>
                                                                                <g><text text-anchor="middle" x="537.2647" y="309.25"
                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                stroke-width="0" fill="#444444">300</text></g>
                                                                                <g><text text-anchor="end" x="88.5" y="23.6875" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0" fill="#222222">vor
                                                                                                1919</text></g>
                                                                                <g><text text-anchor="end" x="88.5" y="59.5625" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0"
                                                                                                fill="#222222">1919 - 1948</text></g>
                                                                                <g><text text-anchor="end" x="88.5" y="95.4375" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0"
                                                                                                fill="#222222">1949 - 1957</text></g>
                                                                                <g><text text-anchor="end" x="88.5" y="131.3125" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0"
                                                                                                fill="#222222">1958 - 1968</text></g>
                                                                                <g><text text-anchor="end" x="88.5" y="167.1875" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0"
                                                                                                fill="#222222">1968 - 1978</text></g>
                                                                                <g><text text-anchor="end" x="88.5" y="203.0625" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0"
                                                                                                fill="#222222">1979 - 1983</text></g>
                                                                                <g><text text-anchor="end" x="88.5" y="238.9375" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0"
                                                                                                fill="#222222">1984 - 1994</text></g>
                                                                                <g><text text-anchor="end" x="88.5" y="274.8125" font-family="Arial"
                                                                                                font-size="15" stroke="none" stroke-width="0"
                                                                                                fill="#222222">nach 1994</text></g>
                                                                        </g>
                                                                        <g>
                                                                                <g>
                                                                                        <g><text text-anchor="end" x="541" y="23.25" font-family="Arial"
                                                                                                        font-size="15" stroke="none" stroke-width="0"
                                                                                                        fill="#ffffff">305.575</text>
                                                                                                <rect x="489" y="10.5" width="52" height="15" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                        </g>
                                                                                </g>
                                                                                <g>
                                                                                        <g>
                                                                                                <rect x="539.5" y="45.5" width="58" height="17" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                                <g><text text-anchor="start" x="542" y="59.25"
                                                                                                                font-family="Arial" font-size="15" stroke="#ffffff"
                                                                                                                stroke-width="3" fill="#b3581b"
                                                                                                                aria-hidden="true">295.365</text><text
                                                                                                                text-anchor="start" x="542" y="59.25"
                                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                                stroke-width="0" fill="#b3581b">295.365</text>
                                                                                                </g>
                                                                                                <rect x="542" y="46.5" width="52" height="15" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                        </g>
                                                                                </g>
                                                                                <g>
                                                                                        <g>
                                                                                                <rect x="524.5" y="81.5" width="58" height="17" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                                <g><text text-anchor="start" x="527" y="95.25"
                                                                                                                font-family="Arial" font-size="15" stroke="#ffffff"
                                                                                                                stroke-width="3" fill="#b3581b"
                                                                                                                aria-hidden="true">284.925</text><text
                                                                                                                text-anchor="start" x="527" y="95.25"
                                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                                stroke-width="0" fill="#b3581b">284.925</text>
                                                                                                </g>
                                                                                                <rect x="527" y="82.5" width="52" height="15" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                        </g>
                                                                                </g>
                                                                                <g>
                                                                                        <g>
                                                                                                <rect x="513.5" y="117.5" width="50" height="17" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                                <g><text text-anchor="start" x="516" y="131.25"
                                                                                                                font-family="Arial" font-size="15" stroke="#ffffff"
                                                                                                                stroke-width="3" fill="#b3581b"
                                                                                                                aria-hidden="true">277.61</text><text
                                                                                                                text-anchor="start" x="516" y="131.25"
                                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                                stroke-width="0" fill="#b3581b">277.61</text>
                                                                                                </g>
                                                                                                <rect x="516" y="118.5" width="44" height="15" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                        </g>
                                                                                </g>
                                                                                <g>
                                                                                        <g>
                                                                                                <rect x="426.5" y="153.5" width="58" height="17" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                                <g><text text-anchor="start" x="429" y="167.25"
                                                                                                                font-family="Arial" font-size="15" stroke="#ffffff"
                                                                                                                stroke-width="3" fill="#b3581b"
                                                                                                                aria-hidden="true">217.822</text><text
                                                                                                                text-anchor="start" x="429" y="167.25"
                                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                                stroke-width="0" fill="#b3581b">217.822</text>
                                                                                                </g>
                                                                                                <rect x="429" y="154.5" width="52" height="15" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                        </g>
                                                                                </g>
                                                                                <g>
                                                                                        <g>
                                                                                                <rect x="330.5" y="189.5" width="58" height="17" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                                <g><text text-anchor="start" x="333" y="203.25"
                                                                                                                font-family="Arial" font-size="15" stroke="#ffffff"
                                                                                                                stroke-width="3" fill="#b3581b"
                                                                                                                aria-hidden="true">151.759</text><text
                                                                                                                text-anchor="start" x="333" y="203.25"
                                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                                stroke-width="0" fill="#b3581b">151.759</text>
                                                                                                </g>
                                                                                                <rect x="333" y="190.5" width="52" height="15" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                        </g>
                                                                                </g>
                                                                                <g>
                                                                                        <g>
                                                                                                <rect x="315.5" y="225.5" width="58" height="17" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                                <g><text text-anchor="start" x="318" y="239.25"
                                                                                                                font-family="Arial" font-size="15" stroke="#ffffff"
                                                                                                                stroke-width="3" fill="#b3581b"
                                                                                                                aria-hidden="true">141.565</text><text
                                                                                                                text-anchor="start" x="318" y="239.25"
                                                                                                                font-family="Arial" font-size="15" stroke="none"
                                                                                                                stroke-width="0" fill="#b3581b">141.565</text>
                                                                                                </g>
                                                                                                <rect x="318" y="226.5" width="52" height="15" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                        </g>
                                                                                </g>
                                                                                <g>
                                                                                        <g><text text-anchor="end" x="241" y="274.25" font-family="Arial"
                                                                                                        font-size="15" stroke="none" stroke-width="0"
                                                                                                        fill="#ffffff">99.863</text>
                                                                                                <rect x="197" y="261.5" width="44" height="15" stroke="none"
                                                                                                        stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                                                                                        </g>
                                                                                </g>
                                                                        </g>
                                                                </g>
                                                                <g></g>
                                                        </svg>
                                                        <div 
                                                                style="position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;">
                                                                <table>
                                                                        <thead>
                                                                                <tr>
                                                                                        <th>Zeitraum</th>
                                                                                        <th>Verbrauch</th>
                                                                                </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                                <tr>
                                                                                        <td>vor 1919</td>
                                                                                        <td>305.575</td>
                                                                                </tr>
                                                                                <tr>
                                                                                        <td>1919 - 1948</td>
                                                                                        <td>295.365</td>
                                                                                </tr>
                                                                                <tr>
                                                                                        <td>1949 - 1957</td>
                                                                                        <td>284.925</td>
                                                                                </tr>
                                                                                <tr>
                                                                                        <td>1958 - 1968</td>
                                                                                        <td>277.61</td>
                                                                                </tr>
                                                                                <tr>
                                                                                        <td>1968 - 1978</td>
                                                                                        <td>217.822</td>
                                                                                </tr>
                                                                                <tr>
                                                                                        <td>1979 - 1983</td>
                                                                                        <td>151.759</td>
                                                                                </tr>
                                                                                <tr>
                                                                                        <td>1984 - 1994</td>
                                                                                        <td>141.565</td>
                                                                                </tr>
                                                                                <tr>
                                                                                        <td>nach 1994</td>
                                                                                        <td>99.863</td>
                                                                                </tr>
                                                                        </tbody>
                                                                </table>
                                                        </div>
                                                </div>
                                        </div>
                                        <div style="display: none; position: absolute; top: 330px; left: 606px; white-space: nowrap; font-family: Arial; font-size: 15px;"
                                                aria-hidden="true">99.863</div>
                                        <div></div>
                                </div>
                        </div>
                </div>
                <div class="clearall"></div>
                <div id="legendBox"></div>
        </div>
          <div class="relative">
            <!-- SVG-Elemente oder weitere Komponenten -->
          </div>
        </div>
      
        <p class="mb-4">
          Die einzelnen Verbrauchswerte wurden durch die Bildung eines Mittelwertes aller bereits ausgestellten Verbrauchsausweise der entsprechenden Baualtersklasse errechnet. Jeder Verbrauchswert der jeweiligen Baualtersklasse spiegelt sanierte sowie unsanierte Gebäude gleichermaßen wider. Anhand der grafischen Darstellung lässt sich erkennen, dass der Verbrauch stetig abnimmt je jünger die Gebäude sind.
        </p>
      
        <hr>
      
        <!-- Wärmeerzeuger-Tortengrafiken -->
        <h2>
          Verteilung der verschiedenen Wärmeerzeuger bei Wohngebäuden aufgeteilt in 3 Baualtersklassen – Auswertung der Bedarfsausweis Wohngebäude
        </h2>
        
        <div id="chart" class="flex flex-wrap justify-between mb-8 mt-4">
          <div class="w-full md:w-1/4 px-2 mb-4">
            <p id="ch1" class="text-center font-medium mb-2">vor 2003</p>
            <div id="googlechart" class="relative">
                
                    
                            <div style="position: relative;">
                                    <div style="position: relative; width: 149px; height: 200px;" dir="ltr">
                                            <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
                                                    ><svg width="149" height="200" style="overflow: hidden;"
                                                            >
                                                            <defs id="_ABSTRACT_RENDERER_ID_16"></defs>
                                                            <rect x="0" y="0" width="149" height="200" stroke="none" stroke-width="0"
                                                                    fill="#ffffff"></rect>
                                                            <g>
                                                                    <path
                                                                            d="M138.02769619278132,106.49078669654682L138.02769619278132,119.29078669654682A64,51.2,0,0,1,132.23693119603396,133.30758766537198L132.23693119603396,120.50758766537199A64,51.2,0,0,0,138.02769619278132,106.49078669654682"
                                                                            stroke="#264d99" stroke-width="1" fill="#264d99"></path>
                                                                    <path
                                                                            d="M75,97.6L75,110.39999999999999L132.23693119603396,133.30758766537198L132.23693119603396,120.50758766537199"
                                                                            stroke="#264d99" stroke-width="1" fill="#264d99"></path>
                                                                    <path
                                                                            d="M75,97.6L138.02769619278132,106.49078669654682A64,51.2,0,0,1,132.23693119603396,120.50758766537199L75,97.6A0,0,0,0,0,75,97.6"
                                                                            stroke="#3366cc" stroke-width="1" fill="#3366cc"></path>
                                                            </g>
                                                            <g>
                                                                    <path
                                                                            d="M132.23693119603396,120.50758766537199L132.23693119603396,133.30758766537198A64,51.2,0,0,1,103.09653939847219,156.4023267156267L103.09653939847219,143.60232671562673A64,51.2,0,0,0,132.23693119603396,120.50758766537199"
                                                                            stroke="#a52b0e" stroke-width="1" fill="#a52b0e"></path>
                                                                    <path
                                                                            d="M75,97.6L75,110.39999999999999L103.09653939847219,156.40232671562674L103.09653939847219,143.60232671562673"
                                                                            stroke="#a52b0e" stroke-width="1" fill="#a52b0e"></path>
                                                                    <path
                                                                            d="M75,97.6L132.23693119603396,120.50758766537199A64,51.2,0,0,1,103.09653939847219,143.60232671562673L75,97.6A0,0,0,0,0,75,97.6"
                                                                            stroke="#dc3912" stroke-width="1" fill="#dc3912"></path>
                                                            </g>
                                                            <g>
                                                                    <path
                                                                            d="M62.41469609336754,147.80030358842194L62.41469609336754,160.60030358842195A64,51.2,0,0,1,11,110.39999999999999L11,97.6A64,51.2,0,0,0,62.41469609336754,147.80030358842194"
                                                                            stroke="#0c7112" stroke-width="1" fill="#0c7112"></path>
                                                                    <path
                                                                            d="M75,97.6L62.41469609336754,147.80030358842194A64,51.2,0,1,1,138.02769619278132,106.49078669654682L75,97.6A0,0,0,1,0,75,97.6"
                                                                            stroke="#109618" stroke-width="1" fill="#109618"></path><text
                                                                            text-anchor="start" x="38.13273442556835" y="73.93432286723983"
                                                                            font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                                            fill="#ffffff">74.6%</text>
                                                            </g>
                                                            <g>
                                                                    <path
                                                                            d="M103.09653939847219,143.60232671562673L103.09653939847219,156.40232671562674A64,51.2,0,0,1,62.41469609336754,160.60030358842192L62.41469609336754,147.80030358842194A64,51.2,0,0,0,103.09653939847219,143.60232671562673"
                                                                            stroke="#bf7300" stroke-width="1" fill="#bf7300"></path>
                                                                    <path
                                                                            d="M75,97.6L75,110.39999999999999L62.41469609336754,160.60030358842195L62.41469609336754,147.80030358842194"
                                                                            stroke="#bf7300" stroke-width="1" fill="#bf7300"></path>
                                                                    <path
                                                                            d="M75,97.6L103.09653939847219,143.60232671562673A64,51.2,0,0,1,62.41469609336754,147.80030358842194L75,97.6A0,0,0,0,0,75,97.6"
                                                                            stroke="#ff9900" stroke-width="1" fill="#ff9900"></path>
                                                            </g>
                                                            <g></g>
                                                    </svg>
                                                    <div 
                                                            style="position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;">
                                                            <table>
                                                                    <thead>
                                                                            <tr>
                                                                                    <th>Note</th>
                                                                                    <th>Wert1</th>
                                                                            </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                            <tr>
                                                                                    <td>Wärmepumpe</td>
                                                                                    <td>204</td>
                                                                            </tr>
                                                                            <tr>
                                                                                    <td>Solarsystem</td>
                                                                                    <td>460</td>
                                                                            </tr>
                                                                            <tr>
                                                                                    <td>Brennwertkessel</td>
                                                                                    <td>460</td>
                                                                            </tr>
                                                                            <tr>
                                                                                    <td>andere Wärmeerzeuger</td>
                                                                                    <td>3,306</td>
                                                                            </tr>
                                                                    </tbody>
                                                            </table>
                                                    </div>
                                            </div>
                                    </div>
                                    <div style="display: none; position: absolute; top: 210px; left: 159px; white-space: nowrap; font-family: Arial; font-size: 9px;"
                                            aria-hidden="true">74.6%</div>
                                    <div></div>
                            </div>
                    
            
            </div>
          </div>
          <div class="w-full md:w-1/4 px-2 mb-4">
            <p id="ch2" class="text-center font-medium mb-2">von 2003 bis 2008</p>
            <div id="googlechart1" class="relative">
                
                    <div style="position: relative;">
                            <div style="position: relative; width: 149px; height: 200px;" dir="ltr">
                                    <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
                                            ><svg width="149" height="200" style="overflow: hidden;"
                                                    >
                                                    <defs id="_ABSTRACT_RENDERER_ID_15"></defs>
                                                    <rect x="0" y="0" width="149" height="200" stroke="none" stroke-width="0"
                                                            fill="#ffffff"></rect>
                                                    <g>
                                                            <path
                                                                    d="M75,97.6L75,110.39999999999999L97.23307537445913,62.38873225989636L97.23307537445913,49.588732259896354"
                                                                    stroke="#0c7112" stroke-width="1" fill="#0c7112"></path>
                                                            <path
                                                                    d="M75,97.6L97.23307537445913,49.588732259896354A64,51.2,0,0,1,138.02769619278132,106.49078669654682L75,97.6A0,0,0,0,0,75,97.6"
                                                                    stroke="#109618" stroke-width="1" fill="#109618"></path><text
                                                                    text-anchor="start" x="97.38154429429711" y="85.17989694683267"
                                                                    font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                                    fill="#ffffff">22.1%</text>
                                                    </g>
                                                    <g>
                                                            <path
                                                                    d="M75,97.6L75,110.39999999999999L13.44905787860948,96.37187912297908L13.44905787860948,83.57187912297908"
                                                                    stroke="#bf7300" stroke-width="1" fill="#bf7300"></path>
                                                            <path
                                                                    d="M75,97.6L13.44905787860948,83.57187912297908A64,51.2,0,0,1,97.2330753744592,49.588732259896375L75,97.6A0,0,0,0,0,75,97.6"
                                                                    stroke="#ff9900" stroke-width="1" fill="#ff9900"></path><text
                                                                    text-anchor="start" x="42.483539940830426" y="71.21490416140523"
                                                                    font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                                    fill="#ffffff">26.2%</text>
                                                    </g>
                                                    <g>
                                                            <path
                                                                    d="M62.26736943063838,147.7765211630087L62.26736943063838,160.57652116300872A64,51.2,0,0,1,11,110.39999999999999L11,97.6A64,51.2,0,0,0,62.26736943063838,147.7765211630087"
                                                                    stroke="#a52b0e" stroke-width="1" fill="#a52b0e"></path>
                                                            <path
                                                                    d="M75,97.6L62.26736943063838,147.7765211630087A64,51.2,0,0,1,13.44905787860948,83.57187912297908L75,97.6A0,0,0,0,0,75,97.6"
                                                                    stroke="#dc3912" stroke-width="1" fill="#dc3912"></path><text
                                                                    text-anchor="start" x="27.127165128394275" y="117.02583683768489"
                                                                    font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                                    fill="#ffffff">26.2%</text>
                                                    </g>
                                                    <g>
                                                            <path
                                                                    d="M138.02769619278132,106.49078669654682L138.02769619278132,119.29078669654682A64,51.2,0,0,1,62.26736943063838,160.5765211630087L62.26736943063838,147.7765211630087A64,51.2,0,0,0,138.02769619278132,106.49078669654682"
                                                                    stroke="#264d99" stroke-width="1" fill="#264d99"></path>
                                                            <path
                                                                    d="M75,97.6L75,110.39999999999999L62.26736943063838,160.57652116300872L62.26736943063838,147.7765211630087"
                                                                    stroke="#264d99" stroke-width="1" fill="#264d99"></path>
                                                            <path
                                                                    d="M75,97.6L138.02769619278132,106.49078669654682A64,51.2,0,0,1,62.26736943063838,147.7765211630087L75,97.6A0,0,0,0,0,75,97.6"
                                                                    stroke="#3366cc" stroke-width="1" fill="#3366cc"></path><text
                                                                    text-anchor="start" x="85.83002933119673" y="127.59146090016498"
                                                                    font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                                    fill="#ffffff">25.4%</text>
                                                    </g>
                                                    <g></g>
                                            </svg>
                                            <div 
                                                    style="position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;">
                                                    <table>
                                                            <thead>
                                                                    <tr>
                                                                            <th>Note</th>
                                                                            <th>Wert1</th>
                                                                    </tr>
                                                            </thead>
                                                            <tbody>
                                                                    <tr>
                                                                            <td>Wärmepumpe</td>
                                                                            <td>31</td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td>Solarsystem</td>
                                                                            <td>32</td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td>Brennwertkessel</td>
                                                                            <td>32</td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td>andere Wärmeerzeuger</td>
                                                                            <td>27</td>
                                                                    </tr>
                                                            </tbody>
                                                    </table>
                                            </div>
                                    </div>
                            </div>
                            <div style="display: none; position: absolute; top: 210px; left: 159px; white-space: nowrap; font-family: Arial; font-size: 9px;"
                                    aria-hidden="true">22.1%</div>
                            <div></div>
                    </div>
            
            </div>
          </div>
          <div class="w-full md:w-1/4 px-2 mb-4">
            <p id="ch3" class="text-center font-medium mb-2">von 2008 bis 2013</p>
            <div id="googlechart2" class="relative">
                
                    <div style="position: relative;">
                            <div style="position: relative; width: 149px; height: 200px;" dir="ltr">
                                    <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
                                            ><svg width="149" height="200" style="overflow: hidden;"
                                                    >
                                                    <defs id="_ABSTRACT_RENDERER_ID_17"></defs>
                                                    <rect x="0" y="0" width="149" height="200" stroke="none" stroke-width="0"
                                                            fill="#ffffff"></rect>
                                                    <g>
                                                            <path
                                                                    d="M75,97.6L75,110.39999999999999L138.06610550294334,101.68527364269907L138.06610550294334,88.88527364269908"
                                                                    stroke="#0c7112" stroke-width="1" fill="#0c7112"></path>
                                                            <path
                                                                    d="M75,97.6L138.06610550294334,88.88527364269908A64,51.2,0,0,1,138.02769619278132,106.49078669654682L75,97.6A0,0,0,0,0,75,97.6"
                                                                    stroke="#109618" stroke-width="1" fill="#109618"></path>
                                                    </g>
                                                    <g>
                                                            <path
                                                                    d="M75,97.6L75,110.39999999999999L52.48213450209903,62.47375177016458L52.48213450209903,49.67375177016458"
                                                                    stroke="#bf7300" stroke-width="1" fill="#bf7300"></path>
                                                            <path
                                                                    d="M75,97.6L52.48213450209903,49.67375177016458A64,51.2,0,0,1,138.06610550294337,88.88527364269916L75,97.6A0,0,0,0,0,75,97.6"
                                                                    stroke="#ff9900" stroke-width="1" fill="#ff9900"></path><text
                                                                    text-anchor="start" x="88.47295165443452" y="70.64222922027521"
                                                                    font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                                    fill="#ffffff">28%</text>
                                                    </g>
                                                    <g>
                                                            <path
                                                                    d="M20.37274897437905,124.27569315023752L20.37274897437905,137.07569315023753A64,51.2,0,0,1,11,110.39999999999999L11,97.6A64,51.2,0,0,0,20.37274897437905,124.27569315023752"
                                                                    stroke="#a52b0e" stroke-width="1" fill="#a52b0e"></path>
                                                            <path
                                                                    d="M75,97.6L20.37274897437905,124.27569315023752A64,51.2,0,0,1,52.48213450209903,49.67375177016458L75,97.6A0,0,0,0,0,75,97.6"
                                                                    stroke="#dc3912" stroke-width="1" fill="#dc3912"></path><text
                                                                    text-anchor="start" x="23.906757054056335" y="89.62925199814201"
                                                                    font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                                    fill="#ffffff">28%</text>
                                                    </g>
                                                    <g>
                                                            <path
                                                                    d="M138.02769619278132,106.49078669654682L138.02769619278132,119.29078669654682A64,51.2,0,0,1,20.37274897437905,137.0756931502375L20.37274897437905,124.27569315023752A64,51.2,0,0,0,138.02769619278132,106.49078669654682"
                                                                    stroke="#264d99" stroke-width="1" fill="#264d99"></path>
                                                            <path
                                                                    d="M75,97.6L75,110.39999999999999L20.37274897437905,137.07569315023753L20.37274897437905,124.27569315023752"
                                                                    stroke="#264d99" stroke-width="1" fill="#264d99"></path>
                                                            <path
                                                                    d="M75,97.6L138.02769619278132,106.49078669654682A64,51.2,0,0,1,20.37274897437905,124.27569315023752L75,97.6A0,0,0,0,0,75,97.6"
                                                                    stroke="#3366cc" stroke-width="1" fill="#3366cc"></path><text
                                                                    text-anchor="start" x="70.46041405668872" y="135.10500172993463"
                                                                    font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                                    fill="#ffffff">38.5%</text>
                                                    </g>
                                                    <g></g>
                                            </svg>
                                            <div 
                                                    style="position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;">
                                                    <table>
                                                            <thead>
                                                                    <tr>
                                                                            <th>Note</th>
                                                                            <th>Wert1</th>
                                                                    </tr>
                                                            </thead>
                                                            <tbody>
                                                                    <tr>
                                                                            <td>Wärmepumpe</td>
                                                                            <td>77</td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td>Solarsystem</td>
                                                                            <td>56</td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td>Brennwertkessel</td>
                                                                            <td>56</td>
                                                                    </tr>
                                                                    <tr>
                                                                            <td>andere Wärmeerzeuger</td>
                                                                            <td>11</td>
                                                                    </tr>
                                                            </tbody>
                                                    </table>
                                            </div>
                                    </div>
                            </div>
                            <div style="display: none; position: absolute; top: 210px; left: 159px; white-space: nowrap; font-family: Arial; font-size: 9px;"
                                    aria-hidden="true">5.5%</div>
                            <div></div>
                    </div>
            
            </div>
          </div>
          <div class="w-full md:w-1/4 px-2 mb-4">
            <p id="ch4" class="text-center font-medium mb-2">von 2013 bis 2018</p>
            <div id="googlechart3" class="relative">
                <div style="position: relative;">
                    <div style="position: relative; width: 149px; height: 200px;" dir="ltr">
                            <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
                                    ><svg width="149" height="200" style="overflow: hidden;"
                                            >
                                            <defs id="_ABSTRACT_RENDERER_ID_18"></defs>
                                            <rect x="0" y="0" width="149" height="200" stroke="none" stroke-width="0"
                                                    fill="#ffffff"></rect>
                                            <g>
                                                    <path
                                                            d="M75,97.6L75,110.39999999999999L57.06596664819824,61.25127584004508L57.06596664819824,48.45127584004508"
                                                            stroke="#bf7300" stroke-width="1" fill="#bf7300"></path>
                                                    <path
                                                            d="M75,97.6L57.06596664819824,48.45127584004508A64,51.2,0,0,1,138.02769619278132,106.49078669654682L75,97.6A0,0,0,0,0,75,97.6"
                                                            stroke="#ff9900" stroke-width="1" fill="#ff9900"></path><text
                                                            text-anchor="start" x="89.79758235832838" y="76.94858330606479"
                                                            font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                            fill="#ffffff">32.3%</text>
                                            </g>
                                            <g>
                                                    <path
                                                            d="M27.849420143412303,132.220898374826L27.849420143412303,145.020898374826A64,51.2,0,0,1,11,110.39999999999999L11,97.6A64,51.2,0,0,0,27.849420143412303,132.220898374826"
                                                            stroke="#a52b0e" stroke-width="1" fill="#a52b0e"></path>
                                                    <path
                                                            d="M75,97.6L27.849420143412303,132.220898374826A64,51.2,0,0,1,57.06596664819824,48.45127584004508L75,97.6A0,0,0,0,0,75,97.6"
                                                            stroke="#dc3912" stroke-width="1" fill="#dc3912"></path><text
                                                            text-anchor="start" x="22.643449867058166" y="92.32443386092137"
                                                            font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                            fill="#ffffff">32.3%</text>
                                            </g>
                                            <g>
                                                    <path
                                                            d="M138.02769619278132,106.49078669654682L138.02769619278132,119.29078669654682A64,51.2,0,0,1,27.849420143412303,145.020898374826L27.849420143412303,132.220898374826A64,51.2,0,0,0,138.02769619278132,106.49078669654682"
                                                            stroke="#264d99" stroke-width="1" fill="#264d99"></path>
                                                    <path
                                                            d="M75,97.6L75,110.39999999999999L27.849420143412303,145.020898374826L27.849420143412303,132.220898374826"
                                                            stroke="#264d99" stroke-width="1" fill="#264d99"></path>
                                                    <path
                                                            d="M75,97.6L138.02769619278132,106.49078669654682A64,51.2,0,0,1,27.849420143412303,132.220898374826L75,97.6A0,0,0,0,0,75,97.6"
                                                            stroke="#3366cc" stroke-width="1" fill="#3366cc"></path><text
                                                            text-anchor="start" x="74.51157853597337" y="133.63562925274192"
                                                            font-family="Arial" font-size="9" stroke="none" stroke-width="0"
                                                            fill="#ffffff">35.4%</text>
                                            </g>
                                            <g></g>
                                    </svg>
                                    <div 
                                            style="position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;">
                                            <table>
                                                    <thead>
                                                            <tr>
                                                                    <th>Note</th>
                                                                    <th>Wert1</th>
                                                            </tr>
                                                    </thead>
                                                    <tbody>
                                                            <tr>
                                                                    <td>Wärmepumpe</td>
                                                                    <td>57</td>
                                                            </tr>
                                                            <tr>
                                                                    <td>Solarsystem</td>
                                                                    <td>52</td>
                                                            </tr>
                                                            <tr>
                                                                    <td>Brennwertkessel</td>
                                                                    <td>52</td>
                                                            </tr>
                                                            <tr>
                                                                    <td>andere Wärmeerzeuger</td>
                                                                    <td></td>
                                                            </tr>
                                                    </tbody>
                                            </table>
                                    </div>
                            </div>
                    </div>
                    <div style="display: none; position: absolute; top: 210px; left: 159px; white-space: nowrap; font-family: Arial; font-size: 9px;"
                            aria-hidden="true">32.3%</div>
                    <div></div>
            </div>
            </div>
          </div>
        </div>
      
        <p class="mb-4">
          Die dargestellten Tortengrafiken illustrieren die steigende Verwendung von energieeffizienten Wärmeerzeugern innerhalb der letzten 15 Jahre. Bei der Erhebung wurden ca. 10.000 deutschlandweit ausgestellte Verbrauchsausweise ausgewertet und in 4 Baualtersklassen eingeteilt.
        </p>
        <p class="mb-4">
          Dabei wurde ermittelt, ob Brennwerttechnik, Solarsystem, Wärmepumpe oder ältere Wärmeerzeuger in den jeweiligen Wohngebäuden vorhanden sind. Wie aus den Grafiken hervorgeht, reduziert sich der Bereich der älteren Wärmeerzeuger immer stärker und wird sukzessive durch Brennwerttechnik, Solarsysteme und Wärmepumpen ersetzt.
        </p>

        <hr

        <p class="mb-8">
          Weiterführende Infrormationen:<br>
          – <a href="/verbrauchsausweis/" class="text-blue-500 hover:underline">Informationen zum Verbrauchsausweis</a><br>
          – <a href="/verbrauchsausweis/verbrauchsausweis-wohngebaeude/" class="text-blue-500 hover:underline">Verbrauchsausweis Wohngebäude</a><br>
          – <a href="/verbrauchsausweis/haeufige-fragen-zum-verbrauchsausweis/" class="text-blue-500 hover:underline">Häufige Fragen zum Verbrauchsausweis Wohngebäude</a>
        </p>
      
        <hr>
      
        <!-- Infobox / Call-to-Action -->
        <div class="bg-gray-100 p-6 rounded-lg shadow-md" title="Verbrauchsausweis Wohngebäude">
          <div class="flex items-start">
            <img src="/images/energieausweis-online-erstellen-verbrauchsausweis.png" alt="Energieausweis online erstellen - Verbrauchsausweis" title="Energieausweis online erstellen - Verbrauchsausweis" class="w-16 h-16 mr-4">
            <div>
              <div class="text-xl font-bold mb-2">Verbrauchsausweis Wohngebäude</div>
              <hr class="border-gray-300 my-2">
              <ul class="list-disc pl-5 mb-4">
                <li>3 zusammenhängende Heizenergieverbräuche müssen eingegeben werden.</li>
                <li>Wohnfläche, Baujahr Gebäude und Baujahr Heizung müssen eingegeben werden.</li>
                <li>
                  <a href="/verbrauchsausweis/" class="text-blue-500 hover:underline">Verbrauchsausweis</a> bei fast allen Gebäuden möglich. (Baujahr &gt; 1977 - Vermietung/Verkauf)
                </li>
              </ul>
              <a href="/energieausweis-erstellen/verbrauchsausweis-erstellen.php" class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded inline-block">
                Jetzt Verbrauchsausweis erstellen
              </a>
            </div>
          </div>
        </div>
      </div>

</Layout>