online-energieausweis/src/pages/geg-2024/index.astro

---

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

---

<Layout title="GEG 2024">


<h1>GEG 2024 - Formelsammlung</h1>

<div class="container mx-auto max-w-screen-md py-8">
    <!-- Header -->
    <header class="text-center mb-6">
      <h3 class="mb-2">Der Nutzwärmebedarf einer Gebäudezone bzw. eines Einfamilienhauses</h3>
    </header>

    <!-- Formel -->
    <section class="mb-6">
      <p class="text-center text-lg mb-4">
        <span class="font-mono text-2xl">Q<sub>h,b</sub> = Q<sub>sink</sub> - η ⋅ Q<sub>source</sub></span>
      </p>
    </section>

    <!-- Variablenerklärung -->
    <section>
      <h2 class="text-xl font-semibold mb-4">Dabei ist:</h2>
      <ul class="list-disc list-inside text-gray-700">
        <li class="mb-2">
          <span class="font-mono">Q<sub>h,b</sub></span>: der <strong>Nutzwärmebedarf</strong> in der Gebäudezone;
        </li>
        <li class="mb-2">
          <span class="font-mono">Q<sub>sink</sub></span>: die <strong>Summe aller Wärmesenken</strong> in der Gebäudezone;
        </li>
        <li class="mb-2">
          <span class="font-mono">η</span>: der <strong>Ausnutzungsgrad</strong> der Wärmequellen;
        </li>
        <li class="mb-2">
          <span class="font-mono">Q<sub>source</sub></span>: die <strong>Summe aller Wärmequellen</strong> in der Gebäudezone.
        </li>
      </ul>
    </section>
  </div>

  <div class="container mx-auto max-w-screen-md py-8">
    <!-- Header -->
    <header class="text-center mb-6">
      <h3 class="mb-2">Monatlicher Nutzwärmebedarf</h3>
      <p class="text-gray-700 text-lg">Formel zur Berechnung des monatlichen Nutzwärmebedarfs einer Gebäudezone</p>
    </header>

    <!-- Formel -->
    <section class="mb-6">
      <p class="text-center text-lg mb-4">
        <span class="font-mono text-2xl">Q<sub>h,b,m</sub> = (1 - &eta;<sub>m</sub> &middot; &gamma;<sub>m</sub>) &middot; &beta;<sub>h,m</sub> &middot; &dot;Q<sub>h,ges</sub> &middot; t<sub>h,m</sub></span>
      </p>
    </section>

    <!-- Variablenerklärung -->
    <section>
      <h2 class="text-xl font-semibold mb-4">Dabei ist:</h2>
      <ul class="list-disc list-inside text-gray-700">
        <li class="mb-2">
          <span class="font-mono">Q<sub>h,b,m</sub></span>: der <strong>monatliche Nutzwärmebedarf</strong> in der Gebäudezone;
        </li>
        <li class="mb-2">
          <span class="font-mono">&eta;<sub>m</sub></span>: der <strong>monatliche Ausnutzungsgrad</strong> der Wärmequellen;
        </li>
        <li class="mb-2">
          <span class="font-mono">&gamma;<sub>m</sub></span>: das <strong>monatliche Wärmequellen-/Wärmesenken-Verhältnis</strong>;
        </li>
        <li class="mb-2">
          <span class="font-mono">&beta;<sub>h,m</sub></span>: der <strong>monatliche Belastungsgrad</strong>;
        </li>
        <li class="mb-2">
          <span class="font-mono">&dot;Q<sub>h,ges</sub></span>: der <strong>maximale Wärmestrom</strong>;
        </li>
        <li class="mb-2">
          <span class="font-mono">t<sub>h,m</sub></span>: die <strong>monatliche Heizzeit</strong>.
        </li>
      </ul>
    </section>
  </div>

  <div class="container mx-auto max-w-screen-md py-8">
    <!-- Header -->
    <header class="text-center mb-6">
      <h3 class="mb-2">Maximaler Wärmestrom</h3>
      <p class="text-gray-700 text-lg">Berechnung des maximalen Wärmestroms mit Wärmetransferkoeffizienten</p>
    </header>

    <!-- Formel -->
    <section class="mb-6">
      <p class="text-center text-lg mb-4">
        <span class="font-mono text-2xl">&dot;Q<sub>h,ges</sub> = (H<sub>T</sub> + H<sub>V</sub>) &middot; &Delta;&theta;<sub>max</sub></span>
      </p>
    </section>

    <!-- Variablenerklärung -->
    <section>
      <h2 class="text-xl font-semibold mb-4">Dabei ist:</h2>
      <ul class="list-disc list-inside text-gray-700">
        <li class="mb-2">
          <span class="font-mono">&dot;Q<sub>h,ges</sub></span>: der <strong>maximale Wärmestrom</strong>;
        </li>
        <li class="mb-2">
          <span class="font-mono">H<sub>T</sub></span>: der <strong>Wärmetransferkoeffizient für Transmission</strong> für die gesamte Gebäudezone;
        </li>
        <li class="mb-2">
          <span class="font-mono">H<sub>V</sub></span>: der <strong>Wärmetransferkoeffizient für Lüftung</strong>;
        </li>
        <li class="mb-2">
          <span class="font-mono">&Delta;&theta;<sub>max</sub></span>: die <strong>maximale Temperaturdifferenz</strong> zwischen Soll-Innentemperatur und Auslegungsaußentemperatur.
        </li>
      </ul>
    </section>
  </div>

  <div class="formula-container">
    <h1>Monatlicher Belastungsgrad T90</h1>
    <p>Die folgende Formel berechnet den monatlichen Belastungsgrad aus Tabelle 17 (Zeitkonstante 90):</p>
    <div class="formula">
      <div>
        <span>monatlicherBelastungsgradT90</span> = <span>wertZwei</span> -
      </div>
      <div class="fraction">
        <span class="numerator">
          (<span>wertZwei</span> - <span>wertEins</span>) &times; (<span>maxHeizlast</span> - <span>maxHeizlastEins</span>)
        </span>
        <span class="denominator">
          <span>maxHeizlastZwei</span> - <span>maxHeizlastEins</span>
        </span>
      </div>
    </div>
  </div>
  
  <style>
    .formula-container {
      background: #fff;
      padding: 20px;
      border: 1px solid #ddd;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      max-width: 800px;
      margin: 20px auto;
      font-family: Arial, sans-serif;
      line-height: 1.6;
    }
  
    h1 {
      text-align: center;
      color: #333;
    }
  
    .formula {
      font-size: 1.2rem;
      line-height: 2rem;
      margin-top: 20px;
    }
  
    .fraction {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
    }
  
    .fraction .numerator {
      border-bottom: 1px solid #000;
      display: block;
      padding-bottom: 5px;
      margin-bottom: 5px;
    }
  
    .fraction .denominator {
      display: block;
    }
  
    span {
      font-family: "Courier New", Courier, monospace;
    }
  </style>

</Layout>