IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

🐋 Dockerfile Update + First Pages

Browse Source
This commit is contained in:
Moritz Utcke
2023-03-29 00:08:47 +04:00
parent 5285f832bf
commit 44ce792fdd
34 changed files with 5043 additions and 687 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Ausweis/Hilfe.astro Normal file
View File

@@ -0,0 +1,26 @@
<div class="form-group col-md-12" id="hilfean">
<div class="form-group col-md-12 pop_help">
<div class="form-group col-md-12">
Gerne helfen wir Ihnen wenn Sie nicht weiterkommen oder Fragen haben. Kurze Fragen zum Formular oder der Ausweisart werden kostenfrei telefonisch unter <a href="tel:+4940209339850">040/209339850</a> beantwortet (bis 5min). Sollten Sie Unterstützung bei der Erstellung benötgen oder lieber die Arbeit von unserem Ingenieurbüro erledigen lassen, bieten wir Ihnen folgende Hilfen an. Bitte treffen Sie Ihre Auswahl und klicken auf weiter:
</div>
<div class="row" style="margin:0em 0em 0em 2em;">
<div class="form-group col-md-7">Verbrauchsausweis online inkl. ausführlicher telefonischer Beratung für 60 € inkl. MwSt.</div>
<div class="form-group col-md-5"><input type="radio" class="IGanlass" id="Produkttb1" value="ptb" name="Produkt"></div>
</div>
<div class="row" style="margin:0em 0em 0em 2em;">
<div class="form-group col-md-7">Verbrauchsausweis offline für 180 € inkl. MwSt. (Sie schicken uns 3 Verbrauchsabrechnungen zu)</div>
<div class="form-group col-md-5"><input type="radio" class="IGanlass" id="Produktof1" value="pof" name="Produkt"></div>
</div>
<div class="row" style="margin:0em 0em 0em 2em;">
<div class="form-group col-md-7">Bedarfsausweis offline für 290 € inkl. MwSt. (Sie schicken uns Grundriss- und Ansichtspläne zu)</div>
<div class="form-group col-md-5"><input type="radio" class="IGanlass" id="Produktbof1" value="pbof" name="Produkt"></div>
</div>
<div class="form-group col-md-12" style="text-align:right;">
<br><input class="weiterbutton cancel" style="background-color: #31448e;" id="weiterzl" type="submit" name="submit2" value="weiter" />
</div>
</div>
</div>

20
src/components/Ausweis/PerformanceScore.svelte Normal file
View File

@@ -0,0 +1,20 @@
<div id="view_VA_01" class="col-md-6" style="padding:0px;">
<div class="VA_01">
<div id="movearea">
<div id="pfeil1">
<img
style="width:100%;"
src="/energieausweis-erstellen/FORM/img/pfeil2.png"
alt="pfeil"
/>
</div>
<div id="pfeil2">
<img
style="width:100%;"
src="/energieausweis-erstellen/FORM/img/pfeil.png"
alt="pfeil"
/>
</div>
</div>
</div>
</div>

31
src/components/Ausweis/ProgressBar.astro Normal file
View File

@@ -0,0 +1,31 @@
<div class="flex flex-col relative">
<div class="progress-section">
<div class="w-[85%] left-9 bg-gray-100 absolute h-3 rounded-lg">
<div class="bg-green-600 w-[50%] h-3 absolute"></div>
</div>
<span>1</span>
<span>2</span>
<span>3</span>
</div>
<div class="flex flex-row justify-between">
<p>Gebäudedaten</p>
<p>Kundendaten</p>
<p>Kaufabschluss</p>
</div>
</div>
<style>
.progress-section {
@apply relative items-center flex flex-row justify-between px-8;
}
.progress-section span {
@apply rounded-full bg-green-600 items-center relative flex h-8 w-8 justify-center text-white font-semibold;
}
p {
padding: 0 !important;
@apply p-0;
}
</style>

14
src/components/BoxWithHeading.astro Normal file
View File

@@ -0,0 +1,14 @@
---
export type Props = {
heading: string
}
const { heading } = Astro.props;
---
<div class="mb-6 border rounded-lg bg-white shadow-md">
<p class="bg-secondary rounded-tr-lg rounded-tl-lg no-underline text-lg px-4 py-1 text-white font-medium">{heading}</p>
<div class="py-4">
<slot></slot>
</div>
</div>

9
src/components/Header.astro
View File

@@ -1,4 +1,7 @@
---
import { isLoggedIn } from "../lib/UI/isLoggedIn";
const loggedIn = isLoggedIn(Astro);
---
<header class="header">
@@ -24,11 +27,11 @@
<a
class="headerButton"
href="/energieausweis-erstellen/verbrauchsausweis-erstellen.php"
>Energieausweis&nbsp;erstellen</a
>Energieausweis erstellen</a
>
<a class="headerButton" href="/energieausweis-kontakt.php">Kontakt</a>
<a class="headerButton" href="/agb.php">AGB</a>
<a class="headerButton" href="/login">Login</a>
<a class="headerButton" href="/agb">AGB</a>
{loggedIn ? <a class="headerButton" href="/user">Profil</a> : <a class="headerButton" href="/login">Login</a>}
<a class="hamburger_menu"
><img src="/images/hamburger.png" alt="hamburger" /></a
>

446
src/components/Reviews/Diagrams.astro Normal file
View File

@@ -0,0 +1,446 @@
<div class="flex flex-row justify-between px-12 py-4">
<div>
<p>Bedienfreundlichkeit</p>
<div id="googlechart">
<div style="position: relative;">
<div
dir="ltr"
style="position: relative; width: 165px; height: 200px;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
>
<svg width="165" height="200" style="overflow: hidden;">
<defs id="_ABSTRACT_RENDERER_ID_49"></defs>
<rect
x="0"
y="0"
width="165"
height="200"
stroke="none"
stroke-width="0"
fill="#ffffff"></rect>
<g>
<path
d="M153.90615821687896,106.80213503361519L153.90615821687896,121.20213503361519A72,57.6,0,0,1,147.3915475955382,136.97103612354348L147.3915475955382,122.57103612354348A72,57.6,0,0,0,153.90615821687896,106.80213503361519"
stroke="#264d99"
stroke-width="1"
fill="#264d99"></path>
<path
d="M83,96.8L83,111.2L147.3915475955382,136.97103612354348L147.3915475955382,122.57103612354348"
stroke="#264d99"
stroke-width="1"
fill="#264d99"></path>
<path
d="M83,96.8L153.90615821687896,106.80213503361519A72,57.6,0,0,1,147.3915475955382,122.57103612354348L83,96.8A0,0,0,0,0,83,96.8"
stroke="#3366cc"
stroke-width="1"
fill="#3366cc"></path>
</g>
<g>
<path
d="M147.3915475955382,122.57103612354348L147.3915475955382,136.97103612354348A72,57.6,0,0,1,114.6086068232812,162.95261755508005L114.6086068232812,148.55261755508008A72,57.6,0,0,0,147.3915475955382,122.57103612354348"
stroke="#a52b0e"
stroke-width="1"
fill="#a52b0e"></path>
<path
d="M83,96.8L83,111.2L114.6086068232812,162.95261755508008L114.6086068232812,148.55261755508008"
stroke="#a52b0e"
stroke-width="1"
fill="#a52b0e"></path>
<path
d="M83,96.8L147.3915475955382,122.57103612354348A72,57.6,0,0,1,114.6086068232812,148.55261755508008L83,96.8A0,0,0,0,0,83,96.8"
stroke="#dc3912"
stroke-width="1"
fill="#dc3912"></path>
</g>
<g>
<path
d="M68.84153310503848,153.27534153697468L68.84153310503848,167.67534153697468A72,57.6,0,0,1,11,111.2L11,96.8A72,57.6,0,0,0,68.84153310503848,153.27534153697468"
stroke="#0c7112"
stroke-width="1"
fill="#0c7112"></path>
<path
d="M83,96.8L68.84153310503848,153.27534153697468A72,57.6,0,1,1,153.90615821687896,106.80213503361519L83,96.8A0,0,0,1,0,83,96.8"
stroke="#109618"
stroke-width="1"
fill="#109618"></path><text
text-anchor="start"
x="41.57123813475344"
y="67.83632511252557"
font-family="Arial"
font-size="9"
stroke="none"
stroke-width="0"
fill="#ffffff">74.6%</text
>
</g>
<g>
<path
d="M114.6086068232812,148.55261755508008L114.6086068232812,162.95261755508008A72,57.6,0,0,1,68.84153310503848,167.67534153697468L68.84153310503848,153.27534153697468A72,57.6,0,0,0,114.6086068232812,148.55261755508008"
stroke="#bf7300"
stroke-width="1"
fill="#bf7300"></path>
<path
d="M83,96.8L83,111.2L68.84153310503848,167.67534153697468L68.84153310503848,153.27534153697468"
stroke="#bf7300"
stroke-width="1"
fill="#bf7300"></path>
<path
d="M83,96.8L114.6086068232812,148.55261755508008A72,57.6,0,0,1,68.84153310503848,153.27534153697468L83,96.8A0,0,0,0,0,83,96.8"
stroke="#ff9900"
stroke-width="1"
fill="#ff9900"></path><text
text-anchor="start"
x="76.95538233082578"
y="141.54750624080933"
font-family="Arial"
font-size="9"
stroke="none"
stroke-width="0"
fill="#ffffff">10.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>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
aria-hidden="true"
style="display: none; position: absolute; top: 210px; left: 175px; white-space: nowrap; font-family: Arial; font-size: 9px;"
>
74.6%
</div>
</div>
</div>
</div>
<div>
<p>Preis/Leistung</p>
<div id="googlechart1">
<div style="position: relative;">
<div
dir="ltr"
style="position: relative; width: 165px; height: 200px;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
>
<svg width="165" height="200" style="overflow: hidden;">
<defs id="_ABSTRACT_RENDERER_ID_50"></defs>
<rect
x="0"
y="0"
width="165"
height="200"
stroke="none"
stroke-width="0"
fill="#ffffff"></rect>
<g>
<path
d="M83,96.8L83,111.2L108.01220979626653,57.1873237923834L108.01220979626653,42.787323792383404"
stroke="#0c7112"
stroke-width="1"
fill="#0c7112"></path>
<path
d="M83,96.8L108.01220979626653,42.787323792383404A72,57.6,0,0,1,153.90615821687896,106.80213503361519L83,96.8A0,0,0,0,0,83,96.8"
stroke="#109618"
stroke-width="1"
fill="#109618"></path><text
text-anchor="start"
x="112.3361820578576"
y="81.21850887468625"
font-family="Arial"
font-size="9"
stroke="none"
stroke-width="0"
fill="#ffffff">22.1%</text
>
</g>
<g>
<path
d="M83,96.8L83,111.2L13.75519011343566,95.41836401335149L13.75519011343566,81.01836401335149"
stroke="#bf7300"
stroke-width="1"
fill="#bf7300"></path>
<path
d="M83,96.8L13.75519011343566,81.01836401335149A72,57.6,0,0,1,108.0122097962666,42.78732379238343L83,96.8A0,0,0,0,0,83,96.8"
stroke="#ff9900"
stroke-width="1"
fill="#ff9900"></path><text
text-anchor="start"
x="46.81159416207868"
y="64.66791935299064"
font-family="Arial"
font-size="9"
stroke="none"
stroke-width="0"
fill="#ffffff">26.2%</text
>
</g>
<g>
<path
d="M68.67579060946818,153.2485863083848L68.67579060946818,167.6485863083848A72,57.6,0,0,1,11,111.2L11,96.8A72,57.6,0,0,0,68.67579060946818,153.2485863083848"
stroke="#a52b0e"
stroke-width="1"
fill="#a52b0e"></path>
<path
d="M83,96.8L68.67579060946818,153.2485863083848A72,57.6,0,0,1,13.75519011343566,81.01836401335149L83,96.8A0,0,0,0,0,83,96.8"
stroke="#dc3912"
stroke-width="1"
fill="#dc3912"></path><text
text-anchor="start"
x="28.27593663146581"
y="119.52891535407758"
font-family="Arial"
font-size="9"
stroke="none"
stroke-width="0"
fill="#ffffff">26.2%</text
>
</g>
<g>
<path
d="M153.90615821687896,106.80213503361519L153.90615821687896,121.20213503361519A72,57.6,0,0,1,68.67579060946818,167.6485863083848L68.67579060946818,153.2485863083848A72,57.6,0,0,0,153.90615821687896,106.80213503361519"
stroke="#264d99"
stroke-width="1"
fill="#264d99"></path>
<path
d="M83,96.8L83,111.2L68.67579060946818,167.6485863083848L68.67579060946818,153.2485863083848"
stroke="#264d99"
stroke-width="1"
fill="#264d99"></path>
<path
d="M83,96.8L153.90615821687896,106.80213503361519A72,57.6,0,0,1,68.67579060946818,153.2485863083848L83,96.8A0,0,0,0,0,83,96.8"
stroke="#3366cc"
stroke-width="1"
fill="#3366cc"></path><text
text-anchor="start"
x="98.3838324956165"
y="132.0938998393958"
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
aria-hidden="true"
style="display: none; position: absolute; top: 210px; left: 175px; white-space: nowrap; font-family: Arial; font-size: 9px;"
>
22.1%
</div>
<div></div>
</div>
</div>
</div>
<div>
<p>Kundenservice</p>
<div id="googlechart2">
<div style="position: relative;">
<div
dir="ltr"
style="position: relative; width: 165px; height: 200px;"
>
<div
style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"
>
<svg width="165" height="200" style="overflow: hidden;">
<defs id="_ABSTRACT_RENDERER_ID_51"></defs>
<rect
x="0"
y="0"
width="165"
height="200"
stroke="none"
stroke-width="0"
fill="#ffffff"></rect>
<g>
<path
d="M83,96.8L83,111.2L153.9493686908113,101.39593284803647L153.9493686908113,86.99593284803646"
stroke="#0c7112"
stroke-width="1"
fill="#0c7112"></path>
<path
d="M83,96.8L153.9493686908113,86.99593284803646A72,57.6,0,0,1,153.90615821687896,106.80213503361519L83,96.8A0,0,0,0,0,83,96.8"
stroke="#109618"
stroke-width="1"
fill="#109618"></path>
</g>
<g>
<path
d="M83,96.8L83,111.2L57.66740131486141,57.28297074143515L57.66740131486141,42.88297074143515"
stroke="#bf7300"
stroke-width="1"
fill="#bf7300"></path>
<path
d="M83,96.8L57.66740131486141,42.88297074143515A72,57.6,0,0,1,153.9493686908113,86.99593284803656L83,96.8A0,0,0,0,0,83,96.8"
stroke="#ff9900"
stroke-width="1"
fill="#ff9900"></path><text
text-anchor="start"
x="100.4755797315752"
y="64.28765308981093"
font-family="Arial"
font-size="9"
stroke="none"
stroke-width="0"
fill="#ffffff">28%</text
>
</g>
<g>
<path
d="M21.544342596176435,126.81015479401721L21.544342596176435,141.2101547940172A72,57.6,0,0,1,11,111.2L11,96.8A72,57.6,0,0,0,21.544342596176435,126.81015479401721"
stroke="#a52b0e"
stroke-width="1"
fill="#a52b0e"></path>
<path
d="M83,96.8L21.544342596176435,126.81015479401721A72,57.6,0,0,1,57.66740131486141,42.88297074143515L83,96.8A0,0,0,0,0,83,96.8"
stroke="#dc3912"
stroke-width="1"
fill="#dc3912"></path><text
text-anchor="start"
x="24.324238729039948"
y="86.75491769848644"
font-family="Arial"
font-size="9"
stroke="none"
stroke-width="0"
fill="#ffffff">28%</text
>
</g>
<g>
<path
d="M153.90615821687896,106.80213503361519L153.90615821687896,121.20213503361519A72,57.6,0,0,1,21.544342596176435,141.21015479401723L21.544342596176435,126.81015479401721A72,57.6,0,0,0,153.90615821687896,106.80213503361519"
stroke="#264d99"
stroke-width="1"
fill="#264d99"></path>
<path
d="M83,96.8L83,111.2L21.544342596176435,141.2101547940172L21.544342596176435,126.81015479401721"
stroke="#264d99"
stroke-width="1"
fill="#264d99"></path>
<path
d="M83,96.8L153.90615821687896,106.80213503361519A72,57.6,0,0,1,21.544342596176435,126.81015479401721L83,96.8A0,0,0,0,0,83,96.8"
stroke="#3366cc"
stroke-width="1"
fill="#3366cc"></path><text
text-anchor="start"
x="79.98147099583318"
y="140.70105569942294"
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
aria-hidden="true"
style="display: none; position: absolute; top: 210px; left: 175px; white-space: nowrap; font-family: Arial; font-size: 9px;"
>
5.5%
</div>
<div></div>
</div>
</div>
</div>
</div>

278
src/components/SidebarLeft.astro
View File

@@ -1,91 +1,195 @@
<div class="left-sidebar">
<nav>
<div class="nav-card">
<div class="card-menu-option dropdown">
<a href="/energieausweis-erstellen.php">Energieausweis erstellen</a>
<div class="dropdown-content">
<a href="/energieausweis-erstellen/verbrauchsausweis-erstellen.php" class="card-menu-option">Verbrauchsausweis erstellen</a>
<a href="/energieausweis-erstellen/bedarfsausweis-erstellen.php" class="card-menu-option">Bedarfsausweis erstellen</a>
<a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen.php" class="card-menu-option">Verbrauchsausweis Gewerbe erstellen</a>
<a href="/energieausweis-erstellen/bedarfsausweis-gewerbe-anfragen.php" class="card-menu-option">Bedarfsausweis Gewerbe anfragen</a>
</div>
</div>
<a class="card-menu-option" href="energieausweis-welcher-energieausweis.php">Welcher Energieausweis ?</a>
<div class="card-menu-option dropdown">
<a href="/verbrauchsausweis/">Verbrauchsausweis</a>
<div class="dropdown-content">
<a href="/verbrauchsausweis/verbrauchsausweis-wohngebaeude.php" class="card-menu-option">Verbrauchsausweis Wohngebäude</a>
<a href="/energieausweis-erstellen/verbrauchsausweis-erstellen.php" class="card-menu-option">Verbrauchsausweis online erstellen</a>
<a href="/verbrauchsausweis/haeufige-fragen-zum-verbrauchsausweis.php" class="card-menu-option">Häufige Fragen zum Verbrauchsausweis</a>
<a href="/verbrauchsausweis/statistiken-zum-verbrauchsausweis.php" class="card-menu-option">Statistiken zum Verbrauchsausweis Wohngebäude</a>
<hr class="nav-hr">
<a href="/verbrauchsausweis/verbrauchsausweis-gewerbe.php" class="card-menu-option">Verbrauchsausweis Gewerbe</a>
<a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen.php" class="card-menu-option">Verbrauchsausweis Gewerbe online erstellen</a>
<a href="/verbrauchsausweis/haeufige-fragen-zum-verbrauchsausweis-gewerbe.php" class="card-menu-option">Häufige Fragen zum Verbrauchsausweis Gewerbe</a>
<a href="/verbrauchsausweis/statistiken-zum-verbrauchsausweis-gewerbe.php" class="card-menu-option">Statistiken zum Verbrauchsausweis Gewerbe</a>
</div>
</div>
<div class="card-menu-option dropdown">
<a href="/bedarfsausweis/">Bedarfsausweis</a>
<div class="dropdown-content">
<a href="/bedarfsausweis/bedarfsausweis-wohngebaeude.php" class="card-menu-option">Bedarfsausweis Wohngebäude</a>
<a href="/energieausweis-erstellen/bedarfsausweis-erstellen.php" class="card-menu-option">Bedarfsausweis online erstellen</a>
<a href="/bedarfsausweis/haeufige-fragen-zum-bedarfsausweis.php" class="card-menu-option">Häufige Fragen zum Bedarfsausweis</a>
<a href="/bedarfsausweis/statistiken-zum-bedarfsausweis.php" class="card-menu-option">Statistiken zum Bedarfsausweis Wohngebäude</a>
<hr class="nav-hr">
<a href="/bedarfsausweis/bedarfsausweis-gewerbe.php" class="card-menu-option">Bedarfsausweis Gewerbe</a>
<a href="/energieausweis-erstellen/bedarfsausweis-gewerbe-anfragen.php" class="card-menu-option">Bedarfsausweis Gewerbe anfragen</a>
<a href="/bedarfsausweis/haeufige-fragen-zum-bedarfsausweis-gewerbe.php" class="card-menu-option">Häufige Fragen zum Bedarfsausweis Gewerbe</a>
</div>
</div>
<div class="card-menu-option dropdown">
<a href="/">Energieausweis</a>
<div class="dropdown-content">
<a href="/energieausweis-pflicht.php" class="card-menu-option">Energieausweis Pflicht</a>
<a href="/energieausweis-kosten.php" class="card-menu-option">Energieausweis Kosten</a>
<a href="/energieausweis-haus.php" class="card-menu-option">Energieausweis Haus</a>
</div>
</div>
<a class="card-menu-option" href="/energieausweis-enev-geg.php">EnEV Zusammenfassung - Archiv</a>
<a class="card-menu-option" href="/energieausweis-aussteller.php">Energieausweis Aussteller</a>
<a class="card-menu-option" href="/energieausweis-kundenbewertungen.php">Kundenbewertungen</a>
</div>
</nav>
<div class="infoCard">
<div class="flex-column align-center">
<img src="/images/right-sidebar/ing-niedersachsen.png" alt="Mitglied Ingenieurkammer Niedersachen"
style="height: 150px;margin-bottom: 25px; width: auto;">
<img src="/images/right-sidebar/mitglied-haendlerbund.png" alt="Mitglied im Händlerbund" style="width:auto;
">
</div>
</div>
<div class="infoCard">
<div class="heading1">Was wird der Energieausweis kosten?</div>
<hr style="margin-bottom:15px;">
<ul>
<li>Verbrauchsausweis Wohngebäude<br>45€ inkl. MwSt.<hr></li>
<li>Bedarfsausweis Wohngebäude<br>75€ inkl. MwSt.<hr></li>
<li>Verbrauchsausweis Gewerbe<br>65€ inkl. MwSt.<hr></li>
<li>Bedarfsausweis Gewerbe<br>ab 300€ inkl. MwSt.<hr></li>
<li>EnEV-Nachweis Wohngebäude<br>ab 400€ inkl. MwSt.<hr></li>
<li>EnEV-Nachweis Gewerbe<br>ab 450€ inkl. MwSt.</li>
</ul>
<hr>
</div>
<div class="infoCard">
<div class="heading1">Zahlungsoptionen</div>
<hr style="margin-bottom:15px;">
<p style="text-align:center; font-size: 1.1em;">Ihre online Zahlungen werden sicher über eine SSL
Verschlüsselung abgewickelt.</p>
<hr style="margin-bottom:15px;">
<div class="align-center">
<img src="/images/left-sidebar/payment.png" alt="Bezahloptionen - Paypal, Visa, Kreditkarte...">
</div>
</div>
<div class="nav-card">
<div class="card-menu-option dropdown">
<a href="/energieausweis-erstellen.php"
>Energieausweis erstellen</a
>
<div class="dropdown-content">
<a
href="/energieausweis-erstellen/verbrauchsausweis-erstellen.php"
class="card-menu-option">Verbrauchsausweis erstellen</a
>
<a
href="/energieausweis-erstellen/bedarfsausweis-erstellen.php"
class="card-menu-option">Bedarfsausweis erstellen</a
>
<a
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen.php"
class="card-menu-option"
>Verbrauchsausweis Gewerbe erstellen</a
>
<a
href="/energieausweis-erstellen/bedarfsausweis-gewerbe-anfragen.php"
class="card-menu-option"
>Bedarfsausweis Gewerbe anfragen</a
>
</div>
</div>
<a class="card-menu-option" href="/welcher-energieausweis"
>Welcher Energieausweis ?</a
>
<div class="card-menu-option dropdown">
<a href="/verbrauchsausweis/">Verbrauchsausweis</a>
<div class="dropdown-content">
<a
href="/verbrauchsausweis/verbrauchsausweis-wohngebaeude.php"
class="card-menu-option"
>Verbrauchsausweis Wohngebäude</a
>
<a
href="/energieausweis-erstellen/verbrauchsausweis-erstellen.php"
class="card-menu-option"
>Verbrauchsausweis online erstellen</a
>
<a
href="/verbrauchsausweis/haeufige-fragen-zum-verbrauchsausweis.php"
class="card-menu-option"
>Häufige Fragen zum Verbrauchsausweis</a
>
<a
href="/verbrauchsausweis/statistiken-zum-verbrauchsausweis.php"
class="card-menu-option"
>Statistiken zum Verbrauchsausweis Wohngebäude</a
>
<hr class="nav-hr" />
<a
href="/verbrauchsausweis/verbrauchsausweis-gewerbe.php"
class="card-menu-option">Verbrauchsausweis Gewerbe</a
>
<a
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen.php"
class="card-menu-option"
>Verbrauchsausweis Gewerbe online erstellen</a
>
<a
href="/verbrauchsausweis/haeufige-fragen-zum-verbrauchsausweis-gewerbe.php"
class="card-menu-option"
>Häufige Fragen zum Verbrauchsausweis Gewerbe</a
>
<a
href="/verbrauchsausweis/statistiken-zum-verbrauchsausweis-gewerbe.php"
class="card-menu-option"
>Statistiken zum Verbrauchsausweis Gewerbe</a
>
</div>
</div>
<div class="card-menu-option dropdown">
<a href="/bedarfsausweis/">Bedarfsausweis</a>
<div class="dropdown-content">
<a
href="/bedarfsausweis/bedarfsausweis-wohngebaeude.php"
class="card-menu-option">Bedarfsausweis Wohngebäude</a
>
<a
href="/energieausweis-erstellen/bedarfsausweis-erstellen.php"
class="card-menu-option"
>Bedarfsausweis online erstellen</a
>
<a
href="/bedarfsausweis/haeufige-fragen-zum-bedarfsausweis.php"
class="card-menu-option"
>Häufige Fragen zum Bedarfsausweis</a
>
<a
href="/bedarfsausweis/statistiken-zum-bedarfsausweis.php"
class="card-menu-option"
>Statistiken zum Bedarfsausweis Wohngebäude</a
>
<hr class="nav-hr" />
<a
href="/bedarfsausweis/bedarfsausweis-gewerbe.php"
class="card-menu-option">Bedarfsausweis Gewerbe</a
>
<a
href="/energieausweis-erstellen/bedarfsausweis-gewerbe-anfragen.php"
class="card-menu-option"
>Bedarfsausweis Gewerbe anfragen</a
>
<a
href="/bedarfsausweis/haeufige-fragen-zum-bedarfsausweis-gewerbe.php"
class="card-menu-option"
>Häufige Fragen zum Bedarfsausweis Gewerbe</a
>
</div>
</div>
<div class="card-menu-option dropdown">
<a href="/">Energieausweis</a>
<div class="dropdown-content">
<a
href="/energieausweis-pflicht.php"
class="card-menu-option">Energieausweis Pflicht</a
>
<a
href="/energieausweis-kosten.php"
class="card-menu-option">Energieausweis Kosten</a
>
<a href="/energieausweis-haus.php" class="card-menu-option"
>Energieausweis Haus</a
>
</div>
</div>
<a class="card-menu-option" href="/enev-zusammenfassung"
>EnEV Zusammenfassung - Archiv</a
>
<a class="card-menu-option" href="/energieausweis-aussteller"
>Energieausweis Aussteller</a
>
<a
class="card-menu-option"
href="/kundenbewertungen"
>Kundenbewertungen</a
>
</div>
</nav>
<div class="infoCard">
<div class="flex-column align-center">
<img
src="/images/right-sidebar/ing-niedersachsen.png"
alt="Mitglied Ingenieurkammer Niedersachen"
style="height: 150px;margin-bottom: 25px; width: auto;"
/>
<img
src="/images/right-sidebar/mitglied-haendlerbund.png"
alt="Mitglied im Händlerbund"
style="width:auto;
"
/>
</div>
</div>
<div class="infoCard">
<div class="heading1">Was wird der Energieausweis kosten?</div>
<hr style="margin-bottom:15px;" />
<ul>
<li>Verbrauchsausweis Wohngebäude<br />45€ inkl. MwSt.<hr /></li>
<li>Bedarfsausweis Wohngebäude<br />75€ inkl. MwSt.<hr /></li>
<li>Verbrauchsausweis Gewerbe<br />65€ inkl. MwSt.<hr /></li>
<li>Bedarfsausweis Gewerbe<br />ab 300€ inkl. MwSt.<hr /></li>
<li>EnEV-Nachweis Wohngebäude<br />ab 400€ inkl. MwSt.<hr /></li>
<li>EnEV-Nachweis Gewerbe<br />ab 450€ inkl. MwSt.</li>
</ul>
<hr />
</div>
<div class="infoCard">
<div class="heading1">Zahlungsoptionen</div>
<hr style="margin-bottom:15px;" />
<p style="text-align:center; font-size: 1.1em;">
Ihre online Zahlungen werden sicher über eine SSL Verschlüsselung
abgewickelt.
</p>
<hr style="margin-bottom:15px;" />
<div class="align-center">
<img
src="/images/left-sidebar/payment.png"
alt="Bezahloptionen - Paypal, Visa, Kreditkarte..."
/>
</div>
</div>
</div>
</div>
<style>
.infoCard {
@apply bg-white rounded-none;
}
</style>

7
src/components/SidebarRight.astro
View File

@@ -124,3 +124,10 @@
</div>
</div>
</div>
<style>
.infoCard {
@apply bg-white rounded-none;
}
</style>

75
src/components/Widget.astro
View File

@@ -1,75 +0,0 @@
<div id="wrapper" class="tingle-content-wrapper" style="border-radius:1em;border:4px solid #FF7D26;padding:15px;margin-top: 1em;background-color:#f9f8f7;">
<link rel="stylesheet" href="https://widget.ib-cornelsen.de/widgetvorlage/welcher-energieausweis/css/welcher-energieausweis-widget.css">
<link rel="stylesheet" href="https://widget.ib-cornelsen.de/widgetvorlage/welcher-energieausweis/css/tingle.css">
<div id="OEA_widget" style="padding:0px;">
<div id="OEA_input">
<div class="row" style="padding: 0 15px 15px 0;">
<div class="col-lg-6"> <input type="hidden" id="recode" name="recode" value="widgetvorlage">
<div id="OEA_typ">Gebäudetyp</div> <select class="form-control col-lg-12" id="changeTyp">
<option value="" selected="" disabled="">bitte auswählen</option>
<option value="Einfamilienhaus">Einfamilienhaus</option>
<option value="Zweifamilienhaus">Zweifamilienhaus</option>
<option value="Mehrfamilienhaus">Mehrfamilienhaus</option>
<option value="Gewerbegebäude">Gewerbegebäude</option>
<option value="Mischgebäude">Mischgebäude</option>
</select>
</div>
<div class="col-lg-6 last">
<div id="OEA_anlass">Anlass</div> <select class="form-control col-lg-12" id="changeAnlass">
<option value="" selected="" disabled="">bitte auswählen</option>
<option value="Vermietung">Vermietung</option>
<option value="Verkauf">Verkauf</option>
<option value="Modernisierung">Modernisierung</option>
<option value="Neubau">Neubau</option>
<option value="Erweiterung">Erweiterung</option>
<option value="Aushangpflicht" id="aP" style="display: none;">Aushangpflicht
</option>
</select>
</div>
<div class="col-lg-4" style="display: none;">
<div id="OEA_Baujahr">Baujahr</div> <select class="form-control col-lg-12" id="changeBaujahr">
<option value="" selected="" disabled="">bitte auswählen</option>
<option value="vor 1978">vor 1978</option>
<option value="nach 1977">nach 1977</option>
</select>
</div>
<div class="col-lg-4" style="display: none;">
<div id="OEA_Wohneinheiten">Wohneinheiten</div> <select class="form-control col-lg-12" id="changeWohneinheit">
<option value="" selected="" disabled="">bitte auswählen</option>
<option value="weniger als 5">bis 4</option>
<option value="mehr als 4">mehr als 4</option>
</select>
</div>
<div class="col-lg-4 last" style="display: none;">
<div id="OEA_Sanierung">Sa­nie­rungs­sta­tus</div> <select class="form-control col-lg-12" id="changeSanierung">
<option value="" selected="" disabled="">bitte auswählen</option>
<option value="san">saniert</option>
<option value="unsan">unsaniert</option>
</select>
</div>
</div>
</div>
<div class="col-md-12" style="display: none;">
<div id="wrap_CTA">
<div id="thumb"><img src="https://widget.ib-cornelsen.de/widgetvorlage/welcher-energieausweis/img/thumb.png" alt="thumb">
</div>
<div id="OEA_cta" class="button"></div>
</div>
<div id="OEA_result"></div>
</div>
<div class="col-md-12" style="padding:0;">
<div id="OEA_powered">
<div id="logo2">
<p style="display:inline-block; vertical-align: text-top; padding-right: 0.5em;">powered by</p>
<a href="https://online-energieausweis.org?recode=widgetvorlage" title="IB Cornelsen" style="display:inline-block;">
<img alt="IB Cornelsen" src="https://widget.ib-cornelsen.de/OEA_WIDGETS/img/IBC-logo.svg" />
</a>
</div>
</div>
</div>
</div>
<script src="https://widget.ib-cornelsen.de/widgetvorlage/js/tingle/tingle.js"></script>
<script src="https://widget.ib-cornelsen.de/widgetvorlage/js/ausweis-oeffnen.js"></script>
<script src="https://widget.ib-cornelsen.de/widgetvorlage/js/welcher-energieausweis-widget.js">
</script>
</div>

381
src/components/Widget.svelte Normal file
View File

@@ -0,0 +1,381 @@
<script lang="ts">
let gebaeudetyp: string = "";
let anlass: string = "";
let result: string = "";
let hasAushangpflicht: boolean = true;
$: result = gebaeudetyp + " " + anlass;
$: if (gebaeudetyp == "Einfamilienhaus" || gebaeudetyp == "Zweifamilienhaus" || gebaeudetyp == "Mehrfamilienhaus") {
hasAushangpflicht = false
} else if (gebaeudetyp == "Gewerbegebäude" || gebaeudetyp == "Mischgebäude") {
hasAushangpflicht = true
}
var VA =
"https://online-energieausweis.org/energieausweis-erstellen/verbrauchsausweis-erstellen"
var VANW =
"https://online-energieausweis.org/energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen"
var BA =
"https://online-energieausweis.org/energieausweis-erstellen/bedarfsausweis-erstellen"
var BANW =
"https://online-energieausweis.org/energieausweis-erstellen/bedarfsausweis-gewerbe-anfragen"
let oea_result = "";
let oea_cta = "";
$: switch (result) {
case "Einfamilienhaus Vermietung/Verkauf":
oea_result =
'Wenn Sie Ihr Einfamilienhaus vermieten oder verkaufen wollen, haben Sie die Wahl zwischen einem <span class="hilite">Verbrauchsausweis</span> für <span class="hilite">Wohngebäude</span> und einem <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In den meisten Fällen können Sie bei Vermietung oder Verkauf Ihrer Immobilie den einfacheren Energieausweis (Verbrauchsausweis) erstellen lassen. Dieser Ausweis ist verbrauchsorientiert und benötigt als Berechnungsgrundlage 3 zusammenhängende Jahre der Heizenergieabrechnugen des Gebäudes. Wenn Ihnen also diese 3 Abrechnugsjahre vorliegen, und es gab dazwischen keine grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch, dann steht der Nutzung eines Verbrauchsausweises nichts im Weg.<br /><br />Laut EnEV gibt es nur eine rechtliche Ausnahme, bei der es nicht zulässig ist einen Verbrauchsausweis bei Vermietung oder Verkauf zu verwenden. Dies ist dann der Fall, wenn Ihr Gebäude gänzlich unsaniert ist, vor 1978 gebaut wurde und weniger als 5 Wohneinheiten besitzt. In diesem Fall oder bei unvollständigen Verbrauchsabrechnungen (z.B. bei Leerstand), sollte ein Bedarfsausweis für Wohngebäude erstellt werden.<br/><hr/><a class="toUS" href="' +
VA +
'" target=_"blank">&bull; jetzt Verbrauchsausweis Wohngebäude online erstellen</a> (Empfehlung)<br/><a class="toUS" href="' +
BA +
'" target=_"blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
VA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Einfamilienhaus Modernisierung":
oea_result =
'Wenn Sie bei Ihrem Einfamilienhaus eine Modernisierung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Einfamilienhaus Neubau":
oea_result =
'Wenn Sie ein Einfamilienhaus bauen wollen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br/><br/>Bei genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis) zu erstellen. Aus der EnEV-Berechnung kann später, nach Fertigstellung, der Bedarfsausweis erstellt werden. In <a href="https://online-energieausweis.org/enev/" title="§3 EnEV" target="blank">§3 EnEV</a> ist geregelt welche Anforderungen für Wohngebäude eingehalten werden müssen.<br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Einfamilienhaus Erweiterung":
oea_result =
'Wenn Sie bei Ihrem Einfamilienhaus eine Erweiterung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Zweifamilienhaus Vermietung/Verkauf":
oea_result =
'Wenn Sie Ihr Zweifamilienhaus vermieten oder verkaufen wollen, haben Sie die Wahl zwischen einem <span class="hilite">Verbrauchsausweis</span> für <span class="hilite">Wohngebäude</span> und einem <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In den meisten Fällen können Sie bei Vermietung oder Verkauf Ihrer Immobilie den einfacheren Energieausweis (Verbrauchsausweis) erstellen lassen. Dieser Ausweis ist verbrauchsorientiert und benötigt als Berechnungsgrundlage 3 zusammenhängende Jahre der Heizenergieabrechnugen des Gebäudes. Wenn Ihnen also diese 3 Abrechnugsjahre vorliegen, und es gab dazwischen keine grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch, dann steht der Nutzung eines Verbrauchsausweises nichts im Weg.<br /><br />Laut EnEV gibt es nur eine rechtliche Ausnahme, bei der es nicht zulässig ist einen Verbrauchsausweis bei Vermietung oder Verkauf zu verwenden. Dies ist dann der Fall, wenn Ihr Gebäude gänzlich unsaniert ist, vor 1978 gebaut wurde und weniger als 5 Wohneinheiten besitzt. In diesem Fall oder bei unvollständigen Verbrauchsabrechnungen (z.B. bei Leerstand), sollte ein Bedarfsausweis für Wohngebäude erstellt werden.<br/><hr/><a class="toUS" href="' +
VA +
'" target="blank">&bull; jetzt Verbrauchsausweis Wohngebäude online erstellen</a> (Empfehlung)<br/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
VA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Zweifamilienhaus Modernisierung":
oea_result =
'Wenn Sie bei Ihrem Zweifamilienhaus eine Modernisierung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Zweifamilienhaus Neubau":
oea_result =
'Wenn Sie ein Zweifamilienhaus bauen wollen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br/><br/>Bei genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis) zu erstellen. Aus der EnEV-Berechnung kann später, nach Fertigstellung, der Bedarfsausweis erstellt werden. In <a href="https://online-energieausweis.org/enev/" title="§3 EnEV" target="blank">§3 EnEV</a> ist geregelt welche Anforderungen für Wohngebäude eingehalten werden müssen.<br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Zweifamilienhaus Erweiterung":
oea_result =
'Wenn Sie bei Ihrem Zweifamilienhaus eine Erweiterung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mehrfamilienhaus Vermietung/Verkauf":
oea_result =
'Wenn Sie Ihr Mehrfamilienhaus vermieten oder verkaufen wollen, haben Sie die Wahl zwischen einem <span class="hilite">Verbrauchsausweis</span> für <span class="hilite">Wohngebäude</span> und einem <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In den meisten Fällen können Sie bei Vermietung oder Verkauf Ihrer Immobilie den einfacheren Energieausweis (Verbrauchsausweis) erstellen lassen. Dieser Ausweis ist verbrauchsorientiert und benötigt als Berechnungsgrundlage 3 zusammenhängende Jahre der Heizenergieabrechnugen des Gebäudes. Wenn Ihnen also diese 3 Abrechnugsjahre vorliegen, und es gab dazwischen keine grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch, dann steht der Nutzung eines Verbrauchsausweises nichts im Weg.<br /><br />Laut EnEV gibt es nur eine rechtliche Ausnahme, bei der es nicht zulässig ist einen Verbrauchsausweis bei Vermietung oder Verkauf zu verwenden. Dies ist dann der Fall, wenn Ihr Gebäude gänzlich unsaniert ist, vor 1978 gebaut wurde und weniger als 5 Wohneinheiten besitzt. In diesem Fall oder bei unvollständigen Verbrauchsabrechnungen (z.B. bei Leerstand), sollte ein Bedarfsausweis für Wohngebäude erstellt werden.<br/><hr/><a class="toUS" href="' +
VA +
'" target="blank">&bull; jetzt Verbrauchsausweis Wohngebäude online erstellen</a> (Empfehlung)<br/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
VA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mehrfamilienhaus Modernisierung":
oea_result =
'Wenn Sie bei Ihrem Mehrfamilienhaus eine Modernisierung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mehrfamilienhaus Neubau":
oea_result =
'Wenn Sie ein Mehrfamilienhaus bauen wollen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br/><br/>Bei genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis) zu erstellen. Aus der EnEV-Berechnung kann später, nach Fertigstellung, der Bedarfsausweis erstellt werden. In <a href="https://online-energieausweis.org/enev/" title="§3 EnEV" target="blank">§3 EnEV</a> ist geregelt welche Anforderungen für Wohngebäude eingehalten werden müssen.<br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mehrfamilienhaus Erweiterung":
oea_result =
'Wenn Sie bei Ihrem Mehrfamilienhaus eine Erweiterung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Gewerbegebäude Vermietung/Verkauf":
oea_result =
'Wenn Sie Ihr Gewerbegebäude vermieten oder verkaufen wollen, haben Sie die Wahl zwischen einem <span class="hilite">Verbrauchsausweis</span> für <span class="hilite">Gewerbegebäude</span> und einem <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Gewerbegebäude</span>.<br /><br />Bei Vermietung oder Verkauf Ihrer Gewerbeimmobilie können Sie den einfacheren Energieausweis (Verbrauchsausweis) erstellen lassen. Der gewerbliche Verbrauchsausweis benötigt als Berechnungsgrundlage den Stromverbrauch und den Heizenergieverbrauch des Gebäudes. Es werden 3 zusammenhängende Jahre der Heizenergieabrechnugen und der Stromabrechnung des Gebäudes benötigt. Wenn Ihnen also diese 3 Abrechnugsjahre vorliegen und die Verbräuche lassen sich eindeutig zuordnen, dann steht der Dateneingabe nichts im Wege.<br/><br/>Es dürfen keine grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch während dieses Zeitraums durchgeführt worden sein. Wenn diese Voraussetzungen nicht vorliegen, oder keine vollständigen Verbrauchsabrechnungen vorliegen (z.B. bei Leerstand), dann sollte der Bedarfsausweis Nichtwohngebäude (Gewerbe) erstellt werden.<br/><hr/><a class="toUS" href="' +
VANW +
'" target="blank">&bull; jetzt Verbrauchsausweis Gewerbe online erstellen</a> (Empfehlung)<br/><a class="toUS" href="' +
BANW +
'" target="blank">&bull; jetzt Bedarfsausweis Gewerbe online anfragen</a>';
oea_cta =
'<a href="' +
VANW +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Gewerbegebäude Modernisierung":
oea_result =
'Wenn Sie bei Ihrem Gewerbegebäude eine Modernisierung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Gewerbegebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BANW +
'" target="blank">&bull; jetzt Bedarfsausweis Gewerbe online anfragen</a>';
oea_cta =
'<a href="' +
BANW +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Gewerbegebäude Neubau":
oea_result =
'Wenn Sie ein Gewerbegebäude bauen wollen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Gewerbe</span>.<br/><br/>Bei genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis) zu erstellen. Aus der EnEV-Berechnung kann später, nach Fertigstellung, der Bedarfsausweis erstellt werden. In <a href="https://online-energieausweis.org/enev/" title="§4 EnEV" target="blank">§4 EnEV</a> ist geregelt welche Anforderungen für Gewerbegebäude eingehalten werden müssen.<br/><hr/><a class="toUS" href="' +
BANW +
'" target="blank">&bull; jetzt Bedarfsausweis Gewerbe online anfragen</a>';
oea_cta =
'<a href="' +
BANW +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Gewerbegebäude Erweiterung":
oea_result =
'Wenn Sie bei Ihrem Gewerbegebäude eine Erweiterung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Gewerbegebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BANW +
'" target="blank">&bull; jetzt Bedarfsausweis Gewerbe online anfragen</a>';
oea_cta =
'<a href="' +
BANW +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Gewerbegebäude Aushangpflicht":
oea_result =
'Bei starkem Publikumsverkehr in Ihrem Gewerbegebäude benötigen Sie einen <span class="hilite">Verbrauchsausweis</span> für <span class="hilite">Gewerbegebäude</span> als öffentlichen Aushang.<br/><hr/><a class="toUS" href="' +
VANW +
'" target="blank">&bull; jetzt Verbrauchsausweis Gewerbe online erstellen</a> (Empfehlung)<br/>';
oea_cta =
'<a href="' +
VANW +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mischgebäude Vermietung/Verkauf":
oea_result =
'Wenn Sie Ihr Mischgebäude vermieten oder verkaufen wollen, haben Sie für den nichtgewerblichen Teil die Wahl zwischen einem <span class="hilite">Verbrauchsausweis</span> für <span class="hilite">Wohngebäude</span> und einem <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span> und für den gewerblichen Teil die Wahl zwischen einem <span class="hilite">Verbrauchsausweis</span> für <span class="hilite">Gewerbegebäude</span> und einem <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Gewerbegebäude</span>.<br /><br /><span class="red">Für den nichtgewerblichen Teil gilt:</span><br />In den meisten Fällen können Sie bei Vermietung oder Verkauf Ihrer Immobilie den einfacheren Energieausweis (Verbrauchsausweis) erstellen lassen. Dieser Ausweis ist verbrauchsorientiert und benötigt als Berechnungsgrundlage 3 zusammenhängende Jahre der Heizenergieabrechnugen des Gebäudes. Wenn Ihnen also diese 3 Abrechnugsjahre vorliegen, und es gab dazwischen keine grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch, dann steht der Nutzung eines Verbrauchsausweises nichts im Weg.<br /><br />Laut EnEV gibt es nur eine rechtliche Ausnahme, bei der es nicht zulässig ist einen Verbrauchsausweis bei Vermietung oder Verkauf zu verwenden. Dies ist dann der Fall, wenn Ihr Gebäude gänzlich unsaniert ist, vor 1978 gebaut wurde und weniger als 5 Wohneinheiten besitzt. In diesem Fall oder bei unvollständigen Verbrauchsabrechnungen (z.B. bei Leerstand), sollte ein Bedarfsausweis für Wohngebäude erstellt werden.<br /><hr /><span class="red">Für den gewerblichen Teil gilt:</span><br/>Bei Vermietung oder Verkauf Ihrer Gewerbeimmobilie können Sie den einfacheren Energieausweis (Verbrauchsausweis) erstellen lassen. Der gewerbliche Verbrauchsausweis benötigt als Berechnungsgrundlage den Stromverbrauch und den Heizenergieverbrauch des Gebäudes. Es werden 3 zusammenhängende Jahre der Heizenergieabrechnugen und der Stromabrechnung des Gebäudes benötigt. Wenn Ihnen also diese 3 Abrechnugsjahre vorliegen und die Verbräuche lassen sich eindeutig zuordnen, dann steht der Dateneingabe nichts im Wege.<br/><br/>Es dürfen keine grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch während dieses Zeitraums durchgeführt worden sein. Wenn diese Voraussetzungen nicht vorliegen, oder keine vollständigen Verbrauchsabrechnungen vorliegen (z.B. bei Leerstand), dann sollte der Bedarfsausweis Nichtwohngebäude (Gewerbe) erstellt werden.<br/><hr/><a class="toUS" href="' +
VA +
'" target="blank">&bull; jetzt Verbrauchsausweis Wohngebäude online erstellen</a> (Empfehlung)<br/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a><br /><a class="toUS" href="' +
VANW +
'" target="blank">&bull; jetzt Verbrauchsausweis Gewerbe online erstellen</a> (Empfehlung)<br/><a class="toUS" href="' +
BANW +
'" target="blank">&bull; jetzt Bedarfsausweis Gewerbe online anfragen</a>';
oea_cta =
'<a href="' +
VA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mischgebäude Modernisierung":
oea_result =
'Wenn Sie bei Ihrem Mischgebäude eine Modernisierung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span> und einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Gewerbegebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden. <br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a><br/><a class="toUS" href="' +
BANW +
'" target="blank">&bull; jetzt Bedarfsausweis Gewerbe online anfragen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mischgebäude Neubau":
oea_result =
'Wenn Sie ein Mischgebäude bauen wollen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span> und einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Gewerbegebäude</span>.<br/><br/>Bei genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis) zu erstellen. Aus der EnEV-Berechnung kann später, nach Fertigstellung, der Bedarfsausweis erstellt werden. In <a href="https://online-energieausweis.org/enev/" title="§3 EnEV" target="blank">§3 EnEV</a> ist geregelt welche Anforderungen für Wohngebäude, und in <a href="https://online-energieausweis.org/enev/" title="§4 EnEV" target="blank">§4 EnEV</a> welche Anforderungen für Gewerbegebäude eingehalten werden müssen.<br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a><br/><a class="toUS" href="' +
BANW +
'" target="blank">&bull; jetzt Bedarfsausweis Gewerbe online anfragen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mischgebäude Erweiterung":
oea_result =
'Wenn Sie bei Ihrem Mischgebäude eine Erweiterung planen, benötigen Sie einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Wohngebäude</span> und einen <span class="hilite">Bedarfsausweis</span> für <span class="hilite">Gewerbegebäude</span>.<br /><br />In der aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu verfahren ist. In <a href="https://online-energieausweis.org/enev/" title="§9 EnEV" target="blank">§9 EnEV</a> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden. Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall ein Bedarfsausweis erstellt werden.<br/><hr/><a class="toUS" href="' +
BA +
'" target="blank">&bull; jetzt Bedarfsausweis Wohngebäude online erstellen</a><br/><a class="toUS" href="' +
BANW +
'" target="blank">&bull; jetzt Bedarfsausweis Gewerbe online anfragen</a>';
oea_cta =
'<a href="' +
BA +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
case "Mischgebäude Aushangpflicht":
oea_result =
'Bei starkem Publikumsverkehr in Ihrem Mischgebäude benötigen Sie einen <span class="hilite">Verbrauchsausweis</span> für <span class="hilite">Gewerbegebäude</span> als öffentlichen Aushang.<br/><hr/><a class="toUS" href="' +
VANW +
'" target="blank">&bull; jetzt Verbrauchsausweis Gewerbe online erstellen</a> (Empfehlung)<br/>';
oea_cta =
'<a href="' +
VANW +
'" target="blank">Energieausweis<span>jetzt online erstellen</span></a>';
break;
}
</script>
<div class="border p-4 rounded-lg bg-gray-50 my-4">
<div class="w-full grid grid-cols-2 gap-4">
<div>
<div>Gebäudetyp</div>
<select bind:value={gebaeudetyp}>
<option value="" selected disabled>bitte auswählen</option>
<option value="Einfamilienhaus">Einfamilienhaus</option>
<option value="Zweifamilienhaus">Zweifamilienhaus</option>
<option value="Mehrfamilienhaus">Mehrfamilienhaus</option>
<option value="Gewerbegebäude">Gewerbegebäude</option>
<option value="Mischgebäude">Mischgebäude</option>
</select>
</div>
<div>
<div>Anlass</div>
<select bind:value={anlass}>
<option value="" selected disabled>bitte auswählen</option>
<option value="Vermietung/Verkauf">Vermietung/Verkauf</option>
<option value="Modernisierung">Modernisierung</option>
<option value="Neubau">Neubau</option>
<option value="Erweiterung">Erweiterung</option>
{#if hasAushangpflicht}
<option value="Aushangpflicht" id="aP">Aushangpflicht</option>
{/if}
</select>
</div>
</div>
<br />
<div>{@html oea_result}</div>
<div>
<hr />
<div>
<div>
<a
href="https://online-energieausweis.org?aa=LOGO&recode=online-energieausweis.org"
title="IB Cornelsen"
>
<img src="/images/header/logo-big.png" alt="" width="100px" /></a
>
</div>
</div>
</div>
</div>

121
src/layouts/AusweisLayout.astro Normal file
View File

@@ -0,0 +1,121 @@
---
import "../style/global.scss"
import Footer from '../components/Footer.astro';
import Header from '../components/Header.astro';
import SidebarLeft from '../components/SidebarLeft.astro';
import SidebarRight from '../components/SidebarRight.astro';
export interface Props {
title: string;
}
const { title } = Astro.props;
const schema = JSON.stringify({
'@context': 'http://schema.org',
'@type': 'Corporation',
name: 'IB Cornelsen',
alternateName: 'online-energieausweis.org',
url: 'https://online-energieausweis.org',
logo: 'https://online-energieausweis.org/ib-cornelsen.png',
address: {
'@type': 'PostalAddress',
streetAddress: 'Katendeich 5A',
addressLocality: 'Hamburg',
postalCode: '21035',
addressCountry: 'Deutschland',
email: 'info@online-energieausweis.org',
},
contactPoint: {
'@type': 'ContactPoint',
telephone: '+49-040-209339850',
faxNumber: '+49-040-209339859',
contactType: 'customer service',
areaServed: 'DE',
availableLanguage: 'German',
},
});
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<script type="application/ld+json" set:html={schema}></script>
<link rel="icon" type="image/svg+xml" href="/favicon.jpg" />
<link rel="stylesheet" href="style/main.css" />
<link rel="stylesheet" href="style/bootstrap.min.css" />
<meta
name="description"
content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
/>
<link rel="canonical" href="https://online-energieausweis.org/" />
<meta property="og:locale" content="de_DE" />
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Energieausweis online erstellen - Online Energieausweis"
/>
<meta
property="og:description"
content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
/>
<meta property="og:url" content="https://online-energieausweis.org/" />
<meta property="og:site_name" content="Energieausweis online erstellen" />
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:description"
content="✅ Jetzt Ihren Energieausweis online erstellen. Erhalten Sie Ihren online Energieausweis rechtssicher und nach aktueller GEG (vormals EnEV) vom Diplom Ingenieur geprüft."
/>
<meta
name="twitter:title"
content="Energieausweis online erstellen - Online Energieausweis"
/>
<meta
name="twitter:image"
content="https://online-energieausweis.org/images/energieausweis-online-erstellen.jpg"
/>
<title>
{title || 'Energieausweis online erstellen - Online Energieausweis'}
</title>
</head>
<body>
<Header />
<main class="grid gap-8 p-8 grid-cols-[2fr,8fr] max-w-[1920px] w-full">
<SidebarLeft></SidebarLeft>
<article class="mainContent">
<slot />
</article>
</main>
<Footer />
</body>
</html>
<style is:global>
body {
min-height: 100vh;
}
button, .button {
@apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center;
color: #fff !important;
}
* {
box-sizing: border-box;
font-family: Abel, Roboto, sand-serif;
}
h3 {
@apply text-xl font-medium mt-6 mb-4;
}
input {
@apply py-2 px-4 w-full outline-none text-lg text-slate-800 border;
}
</style>

15
src/layouts/Layout.astro
View File

@@ -103,7 +103,20 @@ const schema = JSON.stringify({
}
button, .button {
@apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900;
@apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center;
color: #fff !important;
}
* {
box-sizing: border-box;
font-family: Abel, Roboto, sand-serif;
}
h3 {
@apply text-xl font-medium mt-6 mb-4;
}
input {
@apply py-2 px-4 w-full outline-none text-lg text-slate-800 border;
}
</style>

2
src/lib/JsonWebToken.ts
View File

@@ -1,4 +1,4 @@
import * as jwt from "jwt-simple";
import jwt from "jwt-simple";
export function encodeToken(data: Record<string, any>) {
const token = jwt.encode(data, "yIvbgS$k7Bfc+mpV%TWDZAhje9#uJad4", "HS256");

33
src/lib/Password.ts
View File

@@ -1,22 +1,19 @@
import * as bcrypt from "bcrypt";
import * as crypto from "crypto";
export async function hashPassword(password: string): Promise<string | null> {
const saltRounds = 4;
try {
const salt = await bcrypt.genSalt(saltRounds);
const hash = await bcrypt.hash(password, salt);
return hash;
} catch(e) {
return null;
}
export function hashPassword(password: string): string {
const salt = crypto.randomBytes(16).toString("hex");
const hash = hashWithGivenSalt(password, salt) + salt;
return hash;
}
export async function validatePassword(known: string, unknown: string): Promise<boolean> {
try {
const compare = await bcrypt.compare(unknown, known)
return compare
} catch(e) {
return false;
}
export function hashWithGivenSalt(password: string, salt: string): string {
const hash = crypto.scryptSync(password, salt, 32).toString("hex");
return hash;
}
export function validatePassword(known: string, unknown: string): boolean {
const salt = known.slice(64);
const originalPasswordHash = known.slice(0, 64);
const currentPasswordHash = hashWithGivenSalt(unknown, salt)
return originalPasswordHash == currentPasswordHash;
}

14
src/lib/UI/isLoggedIn.ts Normal file
View File

@@ -0,0 +1,14 @@
import type { AstroGlobal } from "astro";
import moment from "moment";
export function isLoggedIn(astro: AstroGlobal): boolean {
if (!astro.cookies.has("token")) {
return false;
}
if (astro.cookies.has("expires") && (astro.cookies.get("expires").number() > moment().unix())) {
return true;
}
return false;
}

6
src/lib/User/index.ts
View File

@@ -63,11 +63,7 @@ export class User {
}
const uid = uuid();
const hashedPassword = await hashPassword(user.password);
if (!hashedPassword) {
return null;
}
const hashedPassword = hashPassword(user.password);
const result = await db<UserType>("users").insert({
username: user.username,

199
src/pages/agb.mdx Normal file
View File

@@ -0,0 +1,199 @@
---
layout: ../layouts/Layout.astro
title: AGB - online-energieausweis.org
---
# Allgemeine Geschäftsbedingungen
## Stand 01.09.2018
* * *
## §1 Geltungsbereich
Für die Geschäftsbeziehung zwischen Dipl-Ing. (FH) Jens Cornelsen, Katendeich
5A, 21035 Hamburg (im folgendem Ingenieurbüro) und dem Besteller gelten
ausschließlich die nachfolgenden Allgemeinen Geschäftsbedingungen in der
Fassung, wie sie zum Zeitpunkt der Bestellung gültig war. Angebote, Lieferungen
und Leistungen des Ingenieurbüros erfolgen ausschließlich aufgrund dieser
Allgemeinen Geschäftsbedingungen. Spätestens mit der Entgegennahme der Ware oder
Leistung durch den Besteller gelten diese Bedingungen als
angenommen.Abweichende Vereinbarungen bedürfen der ausdrücklichen schriftlichen
Zustim- mung.
* * *
## § 2 Angebot und Vertragsschluss
Angebote des Ingenieurbüros sind freibleibend und unverbindlich. Sie stellen in
rechtlicher Hinsicht eine Aufforderung dar, einen Auftrag zu erteilen. Angebote
sind in ihren Angaben nur insoweit verbindlich, als sie genau spezifiziert
schriftlich vereinbart werden. Veränderungen sowie Abweichungen von Angaben und
Abbildungen, ebenso wie Anpassungen behält sich das Ingenieurbüro vor.​Die
Bestellung stellt ein Angebot an das Ingenieurbüro zum Abschluss eines
Kaufvertrages dar. Wenn an den Besteller eine Notiz übermittelt wird, die den
Eingang der Bestellung beim Ingenieurbüro bestätigt und deren Einzelheiten
aufführt (Bestellbestätigung), dann stellt diese Bestellbestätigung keine
Annahme des Auftrages dar, sondern soll nur darüber informieren, dass die
Bestellung beim Ingenieurbüro einging. Ein Kaufvertrag kommt erst zustande, wenn
der Besteller das bestellte Produkt in Empfang genommen hat nach Versand durch
das Ingenieurbüro oder gegebenenfalls direkt beim Ingenieurbüro.​Der
Auftraggeber ist für die korrekte Eingabe seiner Daten verantwortlich und
verpflichtet sich diese genau anzugeben. Bei Rückfragen oder Unsicherheit setzt
sich der Auftraggeber vorher mit dem Auftragnehmer zur Klärung in Verbindung.
Der Auftragnehmer behält sich vor, die Bestellung des Auftrages aus technischen,
inhaltlichen, formalen oder sonstigen Gründen abzulehnen. Lehnt der Auftrag-
nehmer die Bestellung ab, erhält der Auftraggeber eine schriftliche
Nachricht.Macht der Auftraggeber falsche Angaben, so kann der Energieausweis
ungültig sein. Gleiches gilt, wenn sich Angaben ändern. Bei Ungültigkeit ist der
Energieausweis zu vernichten.
* * *
## § 3 Widerrufsrecht bis zu 2 Wochen, Ausschluss des Widerrufs
### Widerrufsrecht
Sie können Ihre Vertragserklärung innerhalb von zwei Wochen in Textform (z.B.
Brief, E-Mail) oder - wenn Ihnen die Sache vor Fristablauf überlassen wird -
durch Rücksendung der Sache widerrufen. Der Widerruf muß ausreichend
substantiiert sein. Die Frist beginnt nach Erhalt dieser Belehrung in Textform,
jedoch nicht vor Eingang der Ware beim Empfänger (bei der wiederkehrenden
Lieferung gleichartiger Waren nicht vor dem Eingang der ersten Teillieferung)
und auch nicht vor Erfüllung unserer Informationspflichten gemäß § 312c Abs. 2
BGB in Verbindung mit § 1 Abs. 1, 2 und 4 BGB-InfoV sowie unserer Pflichten
gemäß § 312e Abs. 1 Satz 1 BGB in Verbindung mit § 3 BGB-InfoV. Zur Wahrung der
Widerrufsfrist genügt die recht- zeitige Absendung des Widerrufs oder der Sache.
DerWiderruf ist zu richten an:Dipl-Ing. (FH) Jens Cornelsen Katendeich 5A 21035
Hamburg
### Widerrufsfolgen
Im Falle eines wirksamen Widerrufs sind die beiderseits empfangenen Leistungen
zurückzugewähren und ggf. gezogene Nutzungen (z. B. Zinsen) herauszugeben.
Können Sie uns die empfangene Leistung ganz oder teilweise nicht oder nur in
verschlechtertem Zustand zurückgewähren, müssen Sie uns insoweit ggf. Wertersatz
leisten. Bei der Überlassung von Sachen gilt dies nicht, wenn die
Verschlechterung der Sache ausschließlich auf deren Prüfung - wie sie Ihnen etwa
im Ladengeschäft möglich gewesen wäre - zurückzuführen ist.Im Übrigen können
Sie die Pflicht zum Wertersatz für eine durch die bestimmungsgemäße
Ingebrauchnahme der Sache entstandene Verschlechterung vermeiden, indem Sie die
Sache nicht wie Ihr Eigentum in Gebrauch nehmen und alles unterlassen, was deren
Wert beeinträchtigt. Paketversandfähige Sachen sind auf unsere Gefahr
zurückzusenden. Sie haben die Kosten der Rücksendung zu tragen, wenn die
gelieferte Ware der bestellten entspricht und wenn der Preis der
zurückzusendenden Sache einen Betrag von 65 Euro nicht übersteigt oder wenn Sie
bei einem höheren Preis der Sache zum Zeitpunkt des Widerrufs noch nicht die
Gegenleistung oder eine vertraglich vereinbarte Teilzahlung erbracht haben.
Anderenfalls ist die Rücksendung für Sie kostenfrei. Verpflichtungen zur
Erstattung von Zahlungen müssen innerhalb von 30 Tagen erfüllt werden. Die Frist
beginnt für Sie mit der Absendung Ihrer Widerrufserklärung oder der Sache, für
uns mit deren Empfang.​Ende der Widerrufsbelehrung
* * *
## §4 Preise
Die ausgezeichneten Preise sind inkl. MwSt und Versandkosten in der in
Deutschland gültigen Währung. Es gilt der Betrag, der jeweils zum Zeitpunkt der
verbindlichen Bestellung auf der Internetseite www.online-energieausweis.org
ausgezeichnet ist.
* * *
## § 5 Lieferung
Sofern keine andere Vereinbarung entgegensteht, erfolgt die Lieferung ab Adresse
des Ingenieurbüros an die vom Besteller angegebene Lieferadresse. Angaben über
die Lieferfrist sind unverbindlich.Falls das Ingenieurbüro ohne eigenes
Verschulden zur Lieferung der bestellten Leistung nicht in der Lage ist, weil
Dritte dem Ingenieurbüro gegenüber vertragliche Verpflichtungen nicht erfüllen,
ist das Ingenieurbüro dem Besteller gegenüber zum Rücktritt berechtigt. In
diesem Fall wird der Besteller unverzüglich darüber informiert, dass der
Bestellung entsprechend nicht geliefert werden kann. Die gesetzlichen Ansprüche
des Bestellers bleiben unberührt. Falls eine Lieferung an den Besteller nicht
möglich ist, weil der Besteller nicht unter der von ihm angegebenen
Lieferadresse angetroffen wird, ist das Ingenieurbüro dem Besteller gegenüber
zum Rücktritt berechtigt.
* * *
## § 6 Fälligkeit und Zahlung, Verzug
Der Besteller kann den Kaufpreis per Rechnung, Lastschriftverfahren, Visa,
Mastercard, PayPal oder SofortÜberweisung zahlen.Die Rechnungs ist sofort mit
ihrem Zugang beim Auftraggeber zur Zahlung fällig und ohne Abzug zahlbar. Kommt
der Auftraggeber in Zahlungsverzug, so ist der Auftragnehmer berechtigt,
Verzugszinsen in Höhe von 5% über dem aktuellen Basiszinssatz der Deutschen
Bundesbank p.a. zu fordern. Falls der Auftragnehmer ein höherer Verzugsschaden
entstanden ist, ist er berechtigt, diesen geltend zu machen.
* * *
## § 7 Besonderheiten beim Kauf auf Rechnung
Zahlung auf Rechnung ist nur möglich für Verbraucher ab 18 Jahren. Die Vergabe
der Registriernummer erfolgt erst nach Zahlungseingang.
* * *
## § 8 Eigentumsvorbehalt
Die gelieferte Ware bleibt bis zur vollständigen Bezahlung im Eigentum des
Ingenieurbüros.
* * *
## § 9 Mängelhaftung
Liegt ein Mangel der Kaufsache vor, gelten die gesetzlichen Vorschriften. Die
Abtretung dieser Ansprüche des Bestellers ist ausgeschlossen.Soweit sich
nachstehend nichts anderes ergibt, sind weitergehende Ansprüche des Bestellers -
gleich aus welchen Rechtsgründen - ausgeschlossen. Das Ingenieurbüro haftet
deshalb nicht für Schäden, die nicht am Liefergegenstand selbst entstanden sind;
insbesondere haftet das Ingenieurbüro nicht für entgangenen Gewinn oder für
sonstige Vermögensschäden des Bestellers. Soweit die vertragliche Haftung des
Ingenieurbüros ausgeschlossen oder beschränkt ist, gilt dies auch für die
persönliche Haftung von Arbeitnehmern, Vertretern und
Erfüllungsgehilfen.Vorstehende Haftungsbeschränkung gilt nicht, soweit die
Schadensursache auf Vorsatz oder grober Fahrlässigkeit beruht oder ein
Personenschaden vorliegt.Sofern das Ingenieurbüro fahrlässig eine
vertragswesentliche Pflicht verletzt, ist die Ersatzpflicht für Sachschäden auf
den typischerweise entstehenden Schaden beschränkt.Ist die Nacherfüllung im
Wege der Ersatzlieferung erfolgt, ist der Besteller dazu verpflichtet, die
zuerst gelieferte Bestellung innerhalb von 30 Tagen an das Ingenieurbüro
zurückzusenden auf Kosten des Ingenieurbüros. Die Rücksendung der beanstandeten
Bestellung hat nach den gesetzlichen Vorschriften zu erfolgen.Die
Verjährungsfrist beträgt, gerechnet ab Lieferung, vierundzwanzig Monate
* * *
## § 10 Erhebung, Verarbeitung und Nutzung von persönlichen Informationen von Interessenten und Bestellern
Informationen, die das Ingenieurbüro aus dem Kontakt mit Interessenten und
Bestellern erhält, tragen beim Ingenieurbüro dazu bei, das Einkaufserlebnis
ansprechend zu gestalten und gegebenenfalls zu verbessern. Derlei Informationen
erfahren Nutzung für die Abwicklung von Bestellungen, die Lieferung von Waren
und das Erbringen von Dienstleistungen sowie die Abwicklung der Zahlung sowie
für erforderlich erachtete Prüfungen bei Rechnungskauf.Derlei Informationen
finden beim Ingenieurbüro auch Verwendung, um mit Interessenten und Bestellern
über Bestellungen, Produkte, Dienstleistungen und über Marketingangebote zu
kommunizieren; ebenso dazu, beim Ingenieurbüro eingepflegte Datensätze zu
aktualisieren (Kundenkonten und so weiter) zu unterhalten und zu pflegen sowie
dazu, Inhalte wie zum Beispiel Wunschzettel abzubilden und Interessenten und
Bestellern Produkte oder Dienstleistungen zu empfehlen, die von Interesse sein
könnten. Das Ingenieurbüro nutzt derlei Informationen auch, um die Angebote
seines Internet-Handels zu verbessern, eventuellen Missbrauch der Webseite des
Ingenieurbüros zu verhindern (oder solchem vorzubeugen, nachzuspüren und so
weiter) sowie dazu, Dritten die Durchführung logistischer, technischer, oder
anderer Dienstleistungen im Auftrag des Ingenieurbüros möglich zu machen (zum
Beispiel Paketdiensten und so weiter).Weitere Informationen über Art, Umfang,
Ort und Zweck der Erhebung, sowie Verarbeitung und Nutzung der für die
Ausführung von Bestellungen, erforderlichen personenbezogenen Daten durch das
Ingenieurbüro befinden sich in der Datenschutzerklärung.
* * *
## § 11 Anwendbares Recht
Es gilt das Recht der Bundesrepublik Deutschland.

55
src/pages/energieausweis-aussteller.mdx Normal file
View File

@@ -0,0 +1,55 @@
---
layout: ../layouts/Layout.astro
title: Energieausweis Aussteller
---
# Energieausweis Aussteller
## 10 Jahre Erfahrung als Energieausweis Aussteller
Das IB Cornelsen hat sich seit 10 Jahren auf Energieberatung und die
Energieausweis-Ausstellung spezialisiert. Seitdem haben wir ca. 25.000 Ausweise
erstellt und in Hamburg und Umgebung mehrere 100 Vor-Ort-Termine durchgeführt.
Privatleute als auch Makler, Verwalter und Ingenieurbüros profitieren dabei von
der kostengünstigen und effizienten Durchführung unser Arbeit.
---
## Online System zur Energieausweis Ausstellung
Um sich voll auf die Kernaufgaben der Energieberatung und die Ausstellung der
Energieausweise konzentrieren zu können, benutzen die Energieberater des
IB-Cornelsen eine eigens für diesen Zweck entwickelte Client/Server-Architektur.
Dadurch können die Daten direkt Vor-Ort in das System eingegeben und
weiterverarbeitet werden. Berechnung, Erstellung, Verschickung erfolgt
automatisiert, sodass sich unsere Mitarbeiter voll auf die Datenerhebung,
Gebäudeanalyse und den Dienst am Kunden konzentrieren können.
---
## Die Ausstellung des Energieausweises online als kostengünstige Alternative
Als Alternative zur Energieberatung Vor-Ort bietet das Ingenieurbüro Cornelsen
seinen versierten Kunden den Energieausweis online an. Dabei werden die
Gebäudedaten über ein Online-Formular eingegeben und übermittelt. Unsere
Mitarbeiter überprüfen die Gebäudedaten auf Schlüssigkeit und konkretisieren
diese wenn nötig. Über diesen Service werden jedes Jahr mehrere tausend
Energieausweise erstellt.
---
## Wir sind Energieausweis Aussteller für private Hauseigentümer sowie Makler, Verwalter und Ingenieurbüros
Zum Kundenstamm zählen gleichermaßen private Hausbesitzer sowie Firmen aus
verschiedenen Bereichen der Immobilienwirtschaft wie z.B. Maklerfirmen,
Wohnungsverwaltungen und Architekturbüros.
## Hier eine kleine Auswahl unserer zufriedenen Kunden:
<div class="grid grid-cols-2 gap-4">
<img alt="Engel & Völkers" src="/images/KL_engel-voelkers.png" />
<img alt="Hafenmakler-Zelle" src="/images/KL_hafenmakler-zelle.png" />
<img alt="Grossmann und Berger" src="/images/KL_grossmann_und_berger.png" />
<img alt="redos" src="/images/KL_redos.png" />
<img alt="Wentzel Dr" src="/images/KL_wentzel_dr.png" />
</div>

497
src/pages/enev-zusammenfassung.mdx Normal file
View File

@@ -0,0 +1,497 @@
---
layout: ../layouts/Layout.astro
title: Energieausweis EnEV/GEG
---
# EnEV Zusammenfassung (Archiv - Seit 1. Mai 2021 abgelöst durch GEG)
## EnEV - Alle Paragraphen zusammengefasst
Stand: aktuelle EnEV gemäß der am 21. Nov. 2013 verkündeten Änderungs-Verordnung. Hamburg, den 01.09.2018
* * *
## Übersicht der EnEV Paragraphen
### EnEV - Allgemein
* [§ 1 EnEV - Absicht, welche Häuser und Bauten](#one)
* [§ 2 EnEV - Definition verwendeter Begriffe und technischer Ausdrücke](#two)
### EnEV - Neubau
* [§ 3 EnEV - Wohngebäude Anforderungen](#three)
* [§ 4 EnEV - Nichtwohngebäude (Gewerbegebäude) - Anforderungen](#four)
* [§ 5 EnEV - PV Strom darf vom Endenergiebedarf abgezogen werden](#five)
* [§ 6 EnEV - Mindestluftwechsel und Blower Door Test](#six)
* [§ 7 EnEV - Gleichwertigkeitsnachweis und Mindestwärmeschutz](#seven)
* [§ 8 EnEV - Gebäude < 50m², nur Anforderung an Gebäudehülle](#eight)
### EnEV - Bestandsgebäude
* [§ 9 EnEV - Modernisierung und Erweiterung](#nine)
* [§ 10 EnEV - Heizung Nachrüstpflicht, Dämmung Geschoßdecke](#ten)
* [§ 11 EnEV - Energetische Qualität bei Veränderung beibehalten](#eleven)
* [§ 12 EnEV - Kontrolle der Effizienz von Klimaanlagen - Inspektionsbericht](#twelve)
### EnEV - Anlagentechnik
* [§ 13 EnEV - Installation bzw. Inbetriebnahme von Wärmeerzeug](#thirteen)
* [§ 14 EnEV - Leitungen und Warmwasser](#fourteen)
* [§ 15 EnEV - Klimatisierung und Belüftung](#fifteen)
### EnEV - Energieausweis
* [§ 16 EnEV - Energieausweis Erstellung und Anwendung](#sixteen)
* [§ 16a EnEV - Notwendige Angaben in Inseraten zur Vermarktung von Immobilien](#sixteenA)
* [§ 17 EnEV - Energieausweis Prinzipien](#seventeen)
* [§ 18 EnEV - Ausstellung Bedarfsausweis](#eightteen)
* [§ 19 EnEV - Ausstellung Verbrauchsausweis](#ninteen)
* [§ 20 EnEV - Modernisierungsempfehlungen](#twenty)
* [§ 21 EnEV - Berechtigung zur Energieausweis Erstellung für Bestandsgebäude](#twentyone)
### EnEV - Gemeinsames
* [§ 22 EnEV - Mischgebäude](#twentytwo)
* [§ 23 EnEV - Anerkannte Regeln der Technik](#twentythree)
* [§ 24 EnEV - Ausnahmen](#twentyfour)
* [§ 25 EnEV - Befreiungen](#twentyfive)
* [§ 25a EnEV - Flüchtlingsunterkünfte](#twentyfiveA)
* [§ 26 EnEV - Verantwortliche](#twentysix)
* [§ 26a EnEV - Unternehmererklärung](#twentysixa)
* [§ 26b EnEV - Bezirksschornsteinfeger](#twentysixb)
* [§ 26c EnEV - Registriernummern](#twentysixc)
* [§ 26d EnEV - Stichprobenkontrollen](#twentysixd)
* [§ 26e EnEV - Auswertung von Daten](#twentysixe)
* [§ 26f EnEV - Erfahrungsberichte](#twentysixf)
* [§ 27 EnEV - Ordnungswidrigkeiten](#twentyseven)
### EnEV - Übergang, Inkrafttreten
* [§ 28 EnEV - Übergangsvorschrift](#twentyeight)
* [§ 29 EnEV - Übergangsvorschriften für Energieausweise und Aussteller](#twentynine)
* [§ 30 EnEV - Übergangsvorschrift Vollzugsaufgaben des Deutschen Instituts für Bautechnik (DIBt, Berlin)](#thirty)
### EnEV - Anlagen
* [EnEV - Anlagen](#Anlagen)
* * *
## EnEV - Allgemein
### § 1 EnEV - Absicht, welche Häuser und Bauten
Im § 1 der EnEV wird beschrieben zu welchem Zweck das Gesetzt verabschiedet wurde. Sie leitet sich von der [EG-Richtlinie 2002/91/EG](http://europa.eu/legislation_summaries/other/l27042_de.htm) (EPBD Energy Performance of Buildings Directive) ab um die europäischen Vorgaben zur Gesamtenergieeffizienz von Gebäuden umzusetzen. Ziel der Bundesregierung ist es bis zum Jahr 2050 einen weitestgehend klimaneutralen Gebäudebestand zu erreichen.
Die Verordnung gilt für Gebäude die zum Aufenthalt von Personen errichtet wurden bzw. in denen sich Personen dauerhaft aufhalten. Voraussetzung ist, daß der Einsatz von Energie zur Beheizung oder Kühlung notwendig ist. Provisorische Bauten mit einer Nutzungsdauer < 2 Jahren, Zelte und Gebäude mit einer jährlichen Nutzungsdauer < 4 Monate sind nicht Bestandteil der Verordnung. Weitere Außnahmen sind im Volltext des [§ 1 Zweck und Anwendungsbereich](/enev/%c2%a7-1-zweck-und-anwendungsbereich/) formuliert.
[zum Anfang](#main)
* * *
### § 2 EnEV - Definition verwendeter Begriffe und technischer Ausdrücke
Im § 2 sind folgende im Gesetzestext verwendeten Begriffe bzw. Ausdrücke definiert:
* Wohngebäude
* Nichtwohngebäude
* kleine Gebäude
* Baudenkmäler
* beheizte Räume
* gekühlte Räume
* erneuerbare Energien
* Heizkessel
* Nennleistung
* Niedertemperatur-Heizkessel
* Brennwertkessel
* elektrische Speicherheizsysteme
* Wohnfläche
* Nutzfläche
* Gebäudenutzfläche
* Nettogrundfläche
* Nutzflächen mit starkem Publikumsverkehr
Die genaue Definition der Begriffe sind im Volltext des [§ 2 Begriffsbestimmungen](/enev/%c2%a7-2-begriffsbestimmungen/) formuliert.
[zum Anfang](#main)
* * *
## EnEV - Neubau
### § 3 EnEV - Wohngebäude Anforderungen
Im § 3 der EnEV sind die Anforderungen an den Jahres-Primärenergiebedarf von Wohngebäuden formuliert. Dabei wird der Jahres-Primärenergiebedarf eines Referenzgebäudes mit klar definierter technischer Referenzausführung als Vergleichswert herangezogen. Das Referenzgebäude gleicht dem untersuchten Gebäude in Geometrie und Ausrichtung. Der berechnete Primärenergiebedarf darf den Wert des Referenzgebäudes nicht überschreiten.
Desweiteren sind maximal zulässige Transmissionswärmeverluste (Ht-Werte in W/m²K) der wärmeübertragende Umfassungsfläche wie Außenwand, Dach, Fenster und Boden vorgegeben. Außerdem wird das zu verwendende Rechenverfahren angegeben und die Anforderungen und Berücksichtigung an den sommerlichen Wärmeschutz.
Der detaillierte Gesetzestext sowie mögliche Außnahmen die vorab definierte Ausstattungsvarianten betreffen können, sind im Volltext des [§ 3 Anforderungen an Wohngebäude](/enev/%c2%a7-3-anforderungen-an-wohngebaeude/) formuliert.
[zum Anfang](#main)
* * *
### § 4 EnEV - Nichtwohngebäude (Gewerbegebäude) - Anforderungen
Im § 4 sind die Anforderungen an den Jahres-Primärenergiebedarf von Nichtwohngebäuden bzw. Gewerbegebäuden formuliert. Sie entsprechen dem gleichen Verfahren wie bei Wohngebäuden. Zusätzlich wird die eingebaute Beleuchtung berücksichtigt. Der ausführliche Gesetzestext ist im Volltext des [§ 4 Anforderungen an Nichtwohngebäude](/enev/%c2%a7-4-anforderungen-an-nichtwohngebaeude/) formuliert.
[zum Anfang](#main)
* * *
### § 5 EnEV - PV Strom darf vom Endenergiebedarf abgezogen werden
Im § 5 der EnEV ist geregelt, wie am Gebäude produzierter Photovoltaikstrom in die EnEV-Berechnung einfließt. Dabei darf der produzierte Strom vom Endenergiebedarf abgezogen werden. Allerdings nur bis zu einer Höhe die dem Strombedarf der jeweiligen Gebäudenutzung entspricht.
Strombedarf und Ertrag sind nach vorgegebenen Verfahren für Wohn- und Nichtwohngebäude zu bestimmen. Weitere Einzelheiten sind im Volltext des [§ 5 Anrechnung von Strom aus erneuerbaren Energien](/enev/%c2%a7-5-anrechnung-von-strom-aus-erneuerbaren-energien/) formuliert.
[zum Anfang](#main)
* * *
### § 6 EnEV - Mindestluftwechsel und Blower Door Test
Im § 6 der EnEV sind Anforderungen an die Luftdichtheit der Gebäudehülle formuliert. Die Gebäudehülle soll einschließlich Fugen dauerhaft luftundurchlässig sein. Außerdem muß ein Mindestluftwechsel gewährleistet sein.
Wenn die Luftdichtheit mittels Blower Door Test überprüft wird, dann kann in der EnEV-Berechnung mit einer geringeren Luftwechselrate gerechnet werden. Im Ergebnis können dann bessere Werte erreicht werden. Hier geht es zum Volltext des [§ 6 Dichtheit, Mindestluftwechsel](/enev/%c2%a7-6-dichtheit-mindestluftwechsel/).
[zum Anfang](#main)
* * *
### § 7 EnEV - Gleichwertigkeitsnachweis und Mindestwärmeschutz
Im § 7 ist der Mindestwärmeschutz bei neu zu errichtenden Gebäuden geregelt. Die Gebäudehülle angrenzend an Außenluft, Erdreich oder Bereiche niedriger Innentemperatur, muß den Mindestwärmeschutz nach anerkannten Regeln der Technik einhalten. Notwendige konstruktive Wärmebrücken sollen so gering wie nötig ausfallen.
Bei der EnEV-Berechnung kann mit einem Zuschlag von 0,05 W/m²K zum Ht-Wert gerechnet werden, wenn ein Gleichwertignachweis geführt werden kann. Alternativ kann jede Wärmebrücke separat gerechnet werden. Ein Zuschlag zum Ht-Wert ist dann nicht mehr nötig. Weitere Informationen finden Sie in [§ 7 Mindestwärmeschutz, Wärmebrücken](/enev/%c2%a7-7-mindestwaermeschutz-waermebruecken/).
[zum Anfang](#main)
* * *
### § 8 EnEV - Gebäude < 50m², nur Anforderung an Gebäudehülle
Im § 8 sind Außnahmen für kleinere Gebäude geregelt. Es müssen nur die Anforderungen an die Wärmedurchgangskoeffizienten der Außenbauteile eingehalten werden. Hier gehts zum Volltext des [§ 8 Anforderungen an kleine Gebäude und Gebäude aus Raumzellen](/enev/%c2%a7-8-anforderungen-an-kleine-gebaeude-und-gebaeude-aus-raumzellen/).
[zum Anfang](#main)
* * *
## EnEV - Bestandsgebäude
### § 9 EnEV - Modernisierung und Erweiterung
Im § 9 der EnEV sind die einzuhaltenden Mindestanforderungen von Bestandsgebäuden bei Änderung, Erweiterung oder Modernisierung formuliert. Wenn mehr als 10% der Außenbauteile eines Gebäudes erneuert oder ersetzt werden, müssen festgelegte Ht-Werte der Wärmedurchgangskoeffizienten für die neuen Bauteile eingehalten werden. Die Wärmedurchgangskoeffizienten können über einen Bauteilnachweis überprüft werden.
Die Eingangs formulierten Anforderungen gelten auch als erfüllt, wenn Jahres Primärenergiebedarf und Ht-Wert des gesamten geänderten Gebäudes den Jahres Primärenergiebedarf des Referenzgebäudes und den ermittelten Transmissionswärmeverlust Ht um nicht mehr als 40% überschreitet. Diese Anforderungen gelten für Wohn- und Nichtwohngebäude. Zur Ermittlung und Überprüfung der Anforderungswerte muß ein Energieausweis erstellt werden.
Der ausführliche Gesetzestext und weitere Regelungen z.B. bei Einbau eines neuen Wärmeerzeugers bzw. bei Erweiterungen > 50 m² sind im Volltext des [§ 9 Änderung, Erweiterung und Ausbau von Gebäuden](/enev/%c2%a7-9-aenderung-erweiterung-und-ausbau-von-gebaeuden/) formuliert.
[zum Anfang](#main)
* * *
### § 10 EnEV - Heizung Nachrüstpflicht, Dämmung Geschoßdecke
Im § 10 sind einige Modernisierungs- bzw. Nachrüstpflichten von Gebäudeeigentümern geregelt. Heizkessel die über keine Niedertemperatur- bzw. Brennwerttechnik verfügen und vor dem 1. Januar 1985 eingebaut wurden, dürfen nicht mehr betrieben werden. Heizkessel die nach dem 1. Januar 1985 installiert wurden müssen spätestens nach Ablauf von 30 Jahren mit Niedertemperatur- bzw. Brennwertkesseln ausgetauscht werden. Die Regelung gilt für Heizkessel mit einer Leistung von mehr als 4 kW bzw. weniger als 400 kW.
Eigentümer haben dafür sorge zu tragen, daß Wärmeverteil- und Warmwasserleitungen sowie Amaturen der Heizungsanlage entsprechend gedämmt sind bzw. Dämmung nachgerüstet wurde. Auch müssen oberste Geschossdecken zu kalten Dachräumen gedämmt werden, wenn diese den Mindestwärmeschutz nicht einhalten. Die Dämmung muß dann einen Wärmedurchgangskoeffizient von mindestens 0,24 Watt/(m²K) einhalten.
Außnahmen zu diesen Vorgaben bestehen bei Selbstnutzung bzw. wenn der finanzielle Aufwand im Vergleich zum Einsparpotential unverhältnismäßig ist. Den ausführlichen Text können Sie im [§ 10 Nachrüstung bei Anlagen und Gebäuden](/enev/%c2%a7-10-nachruestung-bei-anlagen-und-gebaeuden/) nachlesen.
[zum Anfang](#main)
* * *
### § 11 EnEV - Energetische Qualität bei Veränderung beibehalten
Im § 11 der EnEV ist geregelt, wie bei Veränderungen von Außenbauteilen verfahren werden soll. Die EnEV soll sicherstellen, daß sich die energetische Qualität nicht verschlechtert. Die Regelung ist nur wirksam, wenn mehr als 10% der Fläche des jeweiligen Außenbauteils verändert werden soll.
Energiebedarfssenkende Anlagen oder Einrichtungen müssen vom Betreiber betriebsbereit gehalten werden. Alternativ sind die Anforderungen gewährleistet wenn andere Anlagen die zur Senkung des Primärenergiebedarfes geeignet sind oder bauliche Maßnahmen die Anforderungen im gleichwertig Maße kompensieren können.
Anlagen zu Heizungs- , Kühl - und Raumlufttechnik müssen regelmäßige gewartet werden und der Wirkungsgrad muß aufrecht erhalten werden. Den ausführlichen Text können Sie im [§ 11 Aufrechterhaltung der energetischen Qualität](/enev/%c2%a7-11-aufrechterhaltung-der-energetischen-qualitaet/) nachlesen.
[zum Anfang](#main)
* * *
### § 12 EnEV - Kontrolle der Effizienz von Klimaanlagen - Inspektionsbericht
§ 12 regelt die Effizienz des Betriebes von Klimaanlagen. Mit der Einführung von regelmäßigen energetischen Inspektionen der Klimanlagen und die Dokumentation im Inspektionsbericht soll sichergestellt werden, daß Wirkungsgrad der Anlage und nötige Anpassungen an veränderte Raumnutzung gewährleistet ist. Veränderungen von Wärmequellen und der bauphysikalischen Eigenschaften sollen dokumentiert und in der Anlagenkonfiguration berücksichtigt werden.
Nach der erstmaligen Inspektion soll mindestens alle 10 Jahre die Untersuchung wiederholt werden. Die Durchführung wird durch fachkundiges Personal erfolgen und der Bericht beim DiBt mit einer Registriernummer versehen. Auf Verlangen muss der Inspektionsbeicht bei der zuständigen Landesbehörde vorgelegt werden. Weitere detaillierte Informationen können im [§ 12 Energetische Inspektion von Klimaanlagen](/enev/%c2%a7-12-energetische-inspektion-von-klimaanlagen/) nachgelesen werden.
[zum Anfang](#main)
* * *
## EnEV - Anlagentechnik
### § 13 EnEV - Installation bzw. Inbetriebnahme von Wärmeerzeugern
Im § 13 ist vorgeschrieben, daß Heizkessel die mit flüssigen oder gasförmigen Energieträgern befeuert werden und deren Leistung > 4 kW bzw. < 400 kW beträgt nur betrieben werden dürfen wenn sie über eine gültige CE-Kennzeichnung verfügen. Die Kennzeichnung soll sicherstellen, daß die entsprechenden EU-Richtlinien eingehalten werden und der vorgeschriebene Wirkungsgrad gegeben ist. Der detaillierte Volltext und Ausnahmen zu dieser Vorgabe kann in [§ 13 Inbetriebnahme von Heizkesseln und sonstigen Wärmeerzeugersystemen](/enev/%c2%a7-13-inbetriebnahme-von-heizkesseln-und-sonstigen-waermeerzeugersystemen/) nachgelesen werden.
[zum Anfang](#main)
* * *
### § 14 EnEV - Leitungen und Warmwasser
§ 14 soll sicherstellen, daß Leitungssysteme von Zentralheizungen in Gebäuden effektiv arbeiten. Dabei soll die Wärmezufuhr bzw. elektrische Antriebe automatisiert gesteuert werden, sodaß in Abhängigkeit der Außentemperatur und durch Zeitschaltuhren eine Abschaltung bzw Absenkungen gewährleistet ist. Wenn bei bestehenden Gebäuden diese Technik nicht vorhanden ist muß nachgerüstet werden. Außnahmen zu diesen Vorgaben bestehen unter bestimmten Voraussetzungen bei Nah- und Fernwärmeanschlüssen.
Der ausführliche Gesetzestext sowie weitere Bestimmungen zu nötigen Raumtemperaturregelungen, Umwälzpumpen und Zirkulationspumpen sind in [§ 14 Verteilungseinrichtungen und Warmwasseranlagen](/enev/%c2%a7-14-verteilungseinrichtungen-und-warmwasseranlagen/) formuliert.
[zum Anfang](#main)
* * *
### § 15 EnEV - Klimatisierung und Belüftung
IM § 15 der EnEV sind die Anforderungen an Klimaanlagen > 12kW, und an Lüftungsanlagen mit einem Volumensrom > 4000 m³ pro Stunde, geregelt. Diese Anlagen dürfen den Grenzwert der Kategorie SFP 4 aus DIN EN 13779 nicht überschreiten. Laut DIN EN 13779 und 13053 kann der Grenzwert um Zuschläge und Wärmerückführungsbauteile erweitert werden.
Bei Einbau und Erneuerung oben beschriebener Geräte muß sichergestellt sein, daß entsprechende Regelungseinrichtungen für Be- und Entfeuchtung bzw. des Volumenstroms gegeben sind. Sollten diese Einrichtungen nicht vorhanden sein, dann besteht die Pflicht vom Betreiber eine Nachrüstung innerhalb von 6 Monaten nach Ablauf der jeweiligen Frist des § 12 Absatz 3 durchzuführen. Weitere Vorgaben z.B. zum Einbau von Wärmerückgewinnung ist im Volltext des [§ 15 Anlagen der Kühl- und Raumlufttechnik](/enev/%c2%a7-15-anlagen-der-kuehl-und-raumlufttechnik/) formuliert.
[zum Anfang](#main)
* * *
## EnEV - Energieausweis
### § 16 EnEV - Energieausweis Erstellung und Anwendung
Im § 16 wird vorgegeben in welchen Fällen ein Energieausweis erstellt werden muß. Bei Neubauten muß der Bauherr sicherstellen, daß unmittelbar nach Fertigstellung des Gebäudes ein Energieausweis mit den tatsächlich realisierten energetischen Eigenschaften erstellt wird. Dieser Ausweis ist dem Eigentümer zu übergeben. Auch bei Sanierung, Umbau und Erweiterung bei der eine Berechnung für das gesamte Gebäude nötig ist muß eine Energieausweis erstellt und übergeben werden.
Bei Vermietung und Verkauf muß der Verkäufer dem Käufer oder Interessenten während der Besichtigung den Energieausweis vorlegen. Es reicht auch wenn der Energieausweis deutlich sichtbar ausgelegt wird. Wenn der Verkäufer aufgefordet wird, dann muß der Energieausweis dem Interessenten unverzüglich vorgelegt werden. Spätestens nach Abschluß des Kaufvertrages muß der Energieausweis übergeben werden.
Bei Gebäuden mit starkem Publikumsverkehr muß sichergestellt werden, daß der Energieausweis an einer öffentlich gut sichtbaren Stelle ausgehängt wird. Die Regelung gilt für Gebäude behördlicher Nutzung ab 250 m² und für andere Gebäude ab 500 m² Nutzfläche.
Kleine Gebäude < 50 m² und Baudenkmäler benötigen keinen Energieausweis. Den ausführlichen Volltext können Sie im [§ 16 Ausstellung und Verwendung von Energieausweisen](/enev/%c2%a7-16-ausstellung-und-verwendung-von-energieausweisen/) nachlesen.
[zum Anfang](#main)
* * *
### § 16a EnEV - Notwendige Angaben in Inseraten zur Vermarktung von Immobilien
Im § 16a wird geregelt welche Angaben in kommerziellen Immobilienanzeigen wie z.B. bei Immonet oder Immobilienscout24 veröffentlicht werden müssen. Neben der Ausweisart und dem Endenergiebedarf (beim Bedarfsausweis) oder dem Endenergieverbrauch (beim Verbrauchsausweis) müssen das Gebäudebaujahr, Energieträger und Energieeffizienzklasse veröffentlicht werden. Bei Nichtwohngebäuden muss zusätzlich der Endenergiebedarf bzw. Endenergieverbrauch für Strom mit angegeben werden. Hier gehts zum Volltext des [§ 16a Pflichtangaben in Immobilienanzeigen](/enev/%c2%a7-16a-pflichtangaben-in-immobilienanzeigen/).
[zum Anfang](#main)
* * *
### § 17 EnEV - Energieausweis Prinzipien
Im § 17 werden Vorgaben zur Energieausweis Ausstellung gemacht. Im Grundsatz kann der Verbrauchsausweis oder der Bedarfsausweis gleichermaßen erstellt werden. Dabei müssen die im § 16 formulierten Ausnahmen bzw. Anwendungsfälle beachtet werden.
Prinzipiell ist bei Vermietung und Verkauf der Verbrauchsausweis ausreichend, es sei denn es handelt sich um ein unsaniertes älteres Wohngebäude bis 4 Wohneinheiten mit Baujahr vor 1978. In dem Fall darf nur der Bedarfsausweis erstellt werden. Auch bei Neubau oder Modernisierung darf nur der Bedarfsausweis erstellt werden.
Es können bei der Ermittlung der energetischen Eigenschaften Vereinfachungen durchgeführt werden und die Datenbereitstellung kann durch den Eigentümer erfolgen. Grundsätzlich werden Energieausweise immer für gesamte Gebäude erstellt, es sei denn es gibt Gebäudeteile die getrennt zu behandeln sind. Das ist z.B. der Fall, wenn es Wohn- und Nichtwohnbereiche im Gebäude gibt. In diesem Fall muß für jeden Gebäudeteil ein separater Energieausweis ausgestellt werden. Insbesondere wenn einer der Teile mehr als 10% der Gesamtnutzfläche ausmacht.
Die ausgestellten Energieausweise müssen Modernisierungsempfehlungen enthalten und nach Inhalt und Aufbau den Mustern in Anlage 6-9 entsprechen.  Der Ausweis muß Name, Anschrift und Berufsbezeichnung des Ausstellers sowie Ausstellungsdatum enthalten. Außerdem muß der Energieausweis mit Unterschrift bzw. Nachbildung der Unterschrift versehen sein.
Zur Qualitätskontrolle wird jeder Ausweis beim Deutschen Institut für Bautechnik eingereicht und mit einer Registriernummer versehen. Ein Ausgestellter Energieausweis ist 10 Jahre gültig. Hier geht es zum kompletten Volltext des [§ 17 Grundsätze des Energieausweises](/enev/%c2%a7-17-grundsaetze-des-energieausweises/).
[zum Anfang](#main)
* * *
### § 18 EnEV - Ausstellung Bedarfsausweis
Im § 18 ist sind die Berechnungsgrundlagen zur Erstellung des Bedarfsausweises vorgegeben. Es sind die nach §§ 3 bis 5 erforderlichen Berechnungen anzuwenden. Den ausführlichen Volltext können Sie im [§ 18 Ausstellung auf der Grundlage des Energiebedarfs](/enev/%c2%a7-18-ausstellung-auf-der-grundlage-des-energiebedarfs/) nachlesen.
[zum Anfang](#main)
* * *
### § 19 EnEV - Ausstellung Verbrauchsausweis
Im § 19 sind die Berechnungsgrudlagen zur Erstellung des Verbrauchsausweises vorgegeben. Der durch die Klimafaktoren witterungsbereinigte Endenergie- und Primärenergieverbrauch ist zu berechnen und im Energieausweis anzugeben.
Bei Wohngebäuden wird der Verbrauch für Heizung und Warmwasser in kWh pro Jahr und m² Gebäudenutzfläche angegeben. Bei dezentraler Warmwasserbereitung ist der Verbrauchswert um 20 kWh pro Jahr und m² zu erhöhen. Sollte das Gebäude gekühlt werden, dann ist der Verbrauchswert um 6 kWh pro Jahr und m² zu erhöhen.​Die energetische Gebäudenutzfläche An kann vereinfacht mit dem 1,2 fachen der Wohnfläche angegeben werden. Bei Wohngebäuden mit bis zu 2 Wohneinheiten und beheiztem Keller mit dem 1,35 fachen der Wohnfläche.
Bei Nichtwohngebäuden wird der Verbrauch von Heizung, Warmwasserbereitung, Kühlung, Lüftung und eingebaute Beleuchtung ermittelt und in kWh pro Jahr und m² Gebäudenutzfläche angegeben.
Die Verbrauchsdaten sollen aus den Heizkostenabrechnungen bzw. den Abrechnungen der Energielieferanten entnommen werden. Es ist mindestens der zusammenhängende Zeitraum von 36 Monaten anzusetzen. Leerstände sind angemessen nach den anerkannten Regeln der Technik zu berücksichtigen. Hier gehts zum ausführlichen Volltext des [§ 19 Ausstellung auf der Grundlage des Energieverbrauchs](/enev/%c2%a7-19-ausstellung-auf-der-grundlage-des-energieverbrauchs/).
[zum Anfang](#main)
* * *
### § 20 EnEV - Modernisierungsempfehlungen
Im § 20 ist vorgeschrieben, daß der Aussteller kurze fachliche Hinweise zur Verbesserung der Energieeffizienz gibt wenn diese möglich sind. Wenn keine kostengünstige Modernisierung möglich ist, muß das ebenfalls auf dem Energieausweis vermerkt werden. Hier gehts zum Volltext des [§ 20 Empfehlungen für die Verbesserung der Energieeffizienz](/enev/%c2%a7-20-empfehlungen-fuer-die-verbesserung-der-energieeffizienz/).
[zum Anfang](#main)
* * *
### § 21 EnEV - Berechtigung zur Energieausweis Erstellung für Bestandsgebäude
Im § 21 ist die Ausstellungsberechtigung für Energieausweise geregelt. Energieausweis Aussteller benötigen einen berufsqualifizierendem Hochschulabschluss in Fachrichtung Architektur, Hochbau, Bauingenieurwesen, Technische Gebäudeausrüstung, Physik, Bauphysik, Maschinenbau oder Elektrotechnik. Es kann auch eine andere technische oder naturwissenschaftliche Fachrichtung sein mit Schwerpunkt auf eine der oben genannten Fachrichtungen.
Zugelassene Handwerksbetriebe, Schornsteinfeger und Handwerksmeister dürfen ebenso unter bestimmten Voraussetzungen Energieausweise ausstellen. Ebenso staatlich anerkannte Techniker mit Ausbildungsschwerpunkt im Bereich Anlagentechnik und Gebäudehülle.
Voraussetzung für die Ausstellungsberechtigung ist, daß der Ausbildungsschwerpunkt im Bereich des energiesparenden Bauens gegeben ist oder alternativ eine zweijährige Berufserfahrung nachgewiesen werden kann. Zusätlich müssen entsprechende Fortbildungen nachgewiesen werden.
Personen die nach der jeweiligen Landesbauordnung bauvorlageberechtigt für bautechnischen Nachweisen des Wärmeschutzes sind, dürfen Energieausweise ausstellen. Im [§ 21 Ausstellungsberechtigung für bestehende Gebäude](/enev/%c2%a7-21-ausstellungsberechtigung-fuer-bestehende-gebaeude/) sind die Regeln zur Ausstellungsberechtigung ausführlich dargelegt.
[zum Anfang](#main)
* * *
## EnEV - Gemeinsames
### § 22 EnEV - Mischgebäude
In § 22 ist geregelt unter welchen Voraussetzungen bei Mischgebäuden 2 Ausweise erstellt werden müssen. Dies ist bei Wohngebäuden der Fall, wenn es Gebäudebereiche gibt die in Nutzung und technischer Gebäudeausstattung  wesentlich von der Wohnnutzung abweichen. Bei Nichtwohngebäuden ist dies der Fall wenn es im Gebäude Wohnungen oder Wohnnutzung gibt, die einen nicht unerheblichen Teil der Nutzfläche des Gebäudes ausmacht. Hier geht es zum Volltext von [§ 22 Gemischt genutzte Gebäude](/enev/%c2%a7-22-gemischt-genutzte-gebaeude/).
[zum Anfang](#main)
* * *
### § 23 EnEV - Anerkannte Regeln der Technik
Im 23 ist formuliert wie und unter welchen Voraussetzungen auf Regeln der Technik hingewiesen wird und wo anerkannte Regeln der Technik veröffentlicht werden. Normen und technische Vorschriften anderer EU-Mitgliedsländer gehören auch zu den anerkannten Regeln der Technik.
Ist eine Bewertung von Bauteilen und Anlagentechnik mittels den anerkannten Regeln der Technik nicht möglich weil sie nicht vorliegen, dann können andere Nachweise herangezogen werden. Hier geht es zum ausführlichen Gesetzestext des [§ 23 Regeln der Technik](/enev/%c2%a7-23-regeln-der-technik/).
[zum Anfang](#main)
* * *
### § 24 EnEV - Ausnahmen
Im § 24 sind Ausnahmen zur EnEV formuliert. Bei Baudenkmälern kann von den Anforderungen abgewichen werden. Hier gehts zum Volltext des [§ 24 Ausnahmen](/enev/%c2%a7-24-ausnahmen/).
[zum Anfang](#main)
* * *
### § 25 EnEV - Befreiungen
Im § 25 ist formuliert wie und in welchen Fällen Befreiungen zu dieser Verordnung möglich sind. Die jeweilige nach Landesrecht zuständige Behörde kann auf Antrag Befreiungen gewähren. Dabei ist zu Prüfen ob die Anforderungen im Einzelfall zu einer unbilligen Härte führen. Dies kann Beispielsweise sein, wenn der wirtschaftliche Aufwand nicht getragen werden kann bzw. unverhältnismäßig zu den zu erwartenden Einsparungen steht. Der Volltext kann im [§ 25 Befreiungen](/enev/%c2%a7-25-befreiungen/) nachgelsesen werden.
[zum Anfang](#main)
* * *
### § 25a EnEV - Flüchtlingsunterkünfte
Im § 25a sind Befreiungen zu den Anforderungen des § 9 und § 10 formuliert. Bei Gebäuden die geändert, erweitert oder ausgebaut werden sollen und als Aufnahmeeinrichtung bzw. Gemeinschaftsunterkunft gemäß Asylgesetz genutzt werden, müssen nur die Anforderungen an den Mindestwärmeschutz erfüllen. Den ausführlichen Volltext können Sie im [§ 25a Gebäude für die Unterbringung von Asylsuchenden und Flüchtlingen](/enev/%c2%a7-25a-gebaeude-fuer-die-unterbringung-von-asylsuchenden-und-fluechtlingen/) nachlesen.
[zum Anfang](#main)
* * *
### § 26 EnEV - Verantwortliche
Im § 26 wird die für die Einhaltung dieser Verordnung verantwortliche Person benannt. Wenn nicht ausdrücklich eine andere Person benannt wird, dann ist der Bauherr für die Einhaltung verantwortlich. Im Rahmen ihres jeweiligen Wirkungskreises sind auch die vom Bauherren beauftragten Personen verantwortlich. Hier können Sie [§ 26 Verantwortliche](/enev/%c2%a7-26-verantwortliche/) nachlesen.
[zum Anfang](#main)
* * *
### § 26a EnEV - Unternehmererklärung
Im § 26a ist die Pflicht zur Abgabe der Fachunternehmererklärung geregelt. Wer geschäftsmäßig Arbeiten bzw. Änderungen an der Gebäudehülle und der Anlagentechnik durchführt, ist verpflichtet direkt nach Abschluss der Arbeiten dem Eigentümer eine Fachunternehmerbescheinigung vorzulegen. In dieser Erklärung muß die ordnungsgemäße Durchführung unter Einhaltung der in dieser Verordnung vorgegebene Anforderungen bestätigt werden. Hier gehts zum [§ 26a Private Nachweise](/enev/%c2%a7-26a-private-nachweise/).
[zum Anfang](#main)
* * *
### § 26b EnEV - Bezirksschornsteinfeger
§ 26b regelt die Aufgaben des Bezirksschornsteinfegers. Der bevollmächtigte Bezirksschornsteinfeger prüft ob bei Heizungsanlagen die Anforderungen von § 10, § 11 und § 14 erfüllt werden. Bei Nichterfüllung weist er den Eigentümer auf die Erfüllungspflicht mit angemessener Fristsetzung hin. Der Eigentümer kann durch Vorlage der jeweiligen Fachunternehmererklärung die Durchführung nachweisen. Hier gehts zum Volltext des [§ 26b Aufgaben des bevollmächtigten Bezirksschornsteinfegers](/enev/%c2%a7-26b-aufgaben-des-bevollmaechtigten-bezirksschornsteinfegers/).
[zum Anfang](#main)
* * *
### § 26c EnEV - Registriernummern
§ 26c regelt die Pflicht zur Beantragung von Registrierummern für Inspektionsberichte und Energieausweise. Hier gehts zum Volltext des [§ 26c Registriernummern](/enev/%c2%a7-26c-registriernummern/).
[zum Anfang](#main)
* * *
### § 26d EnEV - Stichprobenkontrollen
§ 26d regelt die Vorgehensweise bei Stichprobenkontrollen für Energieausweise und Inspektionsberichte. Hier gehts zum Volltext des [§ 26d Stichprobenkontrollen von Energieausweisen und Inspektionsberichten über Klimaanlagen](/enev/%c2%a7-26d-stichprobenkontrollen-von-energieausweisen-und-inspektionsberichten-ueber-klimaanlagen/).
[zum Anfang](#main)
* * *
### § 26e EnEV - Auswertung von Daten
§ 26e nennt die nicht personenbezogenen Daten die zur Auswertung der Energieausweise herangezogen werden. Hier gehts zum Volltext des [§ 26e Nicht personenbezogene Auswertung von Daten](/enev/%c2%a7-26e-nicht-personenbezogene-auswertung-von-daten/).
[zum Anfang](#main)
* * *
### § 26f EnEV - Erfahrungsberichte
Laut § 26f werden Erfahrungen mit den Stichprobenkontrollen der Bundesregierung in regelmäßigen Abständen berichtet. Hier gehts zum Volltext des [§ 26f Erfahrungsberichte der Länder](/enev/%c2%a7-26f-erfahrungsberichte-der-laender/).
[zum Anfang](#main)
* * *
### § 27 EnEV - Ordnungswidrigkeiten
In § 27 wird definiert wann und bei welchen Verstoßen gegen diese Verordnung Ordnungswidrigkeiten vorliegen. Hier gehts zum Volltext des [§ 27 Ordnungswidrigkeiten](/enev/%c2%a7-27-ordnungswidrigkeiten/).
[zum Anfang](#main)
* * *
## EnEV - Übergang, Inkrafttreten
### § 28 EnEV - Übergangsvorschrift
§ 28 regelt unter anderem welche Fassung der EnEV anzuwenden ist. Hier gehts zum Volltext des [§ 28 Allgemeine Übergangsvorschrift](/enev/%c2%a7-28-allgemeine-uebergangsvorschrift/).
[zum Anfang](#main)
* * *
### § 29 EnEV - Übergangsvorschriften für Energieausweise und Aussteller
In § 29 sind die Übergangsregelungen für Energieausweise und Aussteller niedergeschrieben. Hier gehts zum Volltext des [§ 29 Übergangsvorschriften für Energieausweise und Aussteller](/enev/%c2%a7-29-uebergangsvorschriften-fuer-energieausweise-und-aussteller/).
[zum Anfang](#main)
* * *
### § 30 EnEV - Übergangsvorschrift Vollzugsaufgaben des Deutschen Instituts für Bautechnik (DIBt, Berlin)
§ 30 regelt die vorläufigen Aufgaben des Landesvollzugs durch das DiBt. Hier gehts zumVolltext des [§ 30 Übergangsvorschrift über die vorläufige Wahrnehmung von Vollzugsaufgaben der Länder durch das Deutsche Institut für Bautechnik (DIBt, Berlin)](/enev/%c2%a7-30-uebergangsvorschrift-ueber-die-vorlaeufige-wahrnehmung-von-vollzugsaufgaben-der-laender-durch-das-deutsche-institut-fuer-bautechnik-dibt-berlin/).
[zum Anfang](#main)
* * *
## EnEV - Anlagen
| | |
| --- | --- |
| EnEV Anlage 1 | [Anforderungen an Wohngebäude](pdf/EnEV-Anlage-1-Anforderungen-an-Wohngebaeude.pdf) |
| EnEV Anlage 2 | [Anforderungen an Nichtwohngebäude](pdf/EnEV-Anlage-2-Anforderungen-an-Nichtwohngebaeude.pdf) |
| EnEV Anlage 3 | [Anforderungen bei Änderung von Außenbauteilen und bei Errichtung kleiner Gebäude](pdf/EnEV-Anlage-3-Anforderungen-bei-Aenderung-von-Außenbauteilen-und-bei-Errichtung-kleiner-Gebaeude.pdf) |
| EnEV Anlage 4 | [Anforderungen an die Dichtheit des gesamten Gebäudes](pdf/EnEV-Anlage-4-Anforderungen-an-die-Dichtheit-des-gesamten-Gebaeudes.pdf) |
| EnEV Anlage 4a | [Anforderungen an die Inbetriebnahme von Heizkesseln](pdf/EnEV-Anlage-4a-Anforderungen-an-die-Inbetriebnahme-von-Heizkesseln.pdf) |
| EnEV Anlage 5 | [Anforderungen an die Wärmedämmung von Rohrleitungen und Armaturen](pdf/EnEV-Anlage-5-Anforderungen-an-die-Waermedaemmung-von-Rohrleitungen-und-Armaturen.pdf) |
| EnEV Anlage 6 | [Muster Energieausweis Wohngebäude](pdf/EnEV-Anlage-6-Muster-Energieausweis-Wohngebaeude.pdf) |
| EnEV Anlage 7 | [Muster Energieausweis Nichtwohngebäude](pdf/EnEV-Anlage-7-Muster-Energieausweis-Nichtwohngebaeude.pdf) |
| EnEV Anlage 8 | [Muster Aushang Energieausweis auf der Grundlage des Energiebedarfs](pdf/EnEV-Anlage-8-Muster-Aushang-Energieausweis-auf-der-Grundlage-des-Energiebedarfs.pdf) |
| EnEV Anlage 9 | [Muster Aushang Energieausweis auf der Grundlage des Energieverbrauchs](pdf/EnEV-Anlage-9-Muster-Aushang-Energieausweis-auf-der-Grundlage-des-Energieverbrauchs.pdf) |
| EnEV Anlage 10 | [Einteilung in Energieeffizienzklassen](pdf/EnEV-Anlage-10-Einteilung-in-Energieeffizienzklassen.pdf) |
| EnEV Anlage 11 | [Anforderungen an die Inhalte der Fortbildung](pdf/EnEV-Anlage-11-Anforderungen-an-die-Inhalte-der-Fortbildung.pdf) |
[zum Anfang](#zero)

22
src/pages/index.astro
View File

@@ -1,18 +1,18 @@
---
import Widget from '../components/Widget.astro';
import BoxWithHeading from '../components/BoxWithHeading.astro';
import Widget from '../components/Widget.svelte';
import Layout from '../layouts/Layout.astro';
---
<Layout title="Energieausweis online erstellen - Online Energieausweis">
<h1>Energieausweis online erstellen</h1>
<Widget />
<Widget client:load />
<h2>GEG gilt ab 1. Mai 2021 und löst die EnEV ab</h2>
<div class="pflicht-list">
<p class="underline">Folgende Punkte ändern sich:</p>
<BoxWithHeading heading="Folgende Punkte ändern sich:">
<ul>
<li contenteditable="true">
<li>
Erhöhte Sorgfaltspflicht bei der Erstellung der Energieausweise.
Insbesondere zur Einschätzung der Modernisierungsempfehlungen werden
jetzt Fotos der relevanten Bereiche von Dach, Fenster, Heizung und
@@ -35,7 +35,7 @@ import Layout from '../layouts/Layout.astro';
verplichtend eingeführt.
</li>
</ul>
</div>
</BoxWithHeading>
<h2>
Energieausweis nach aktueller GEG (vormals EnEV) geprüft vom Diplom
@@ -61,7 +61,7 @@ import Layout from '../layouts/Layout.astro';
040/209 339 850 zur Verfügung.
<hr />Mit dem <strong>Energieausweis</strong> werden Wohngebäude und Nichtwohngebäude
nach den Vorgaben der Energieeinsparverordnung <a
href="/energieausweis-enev-geg.php">EnEV</a
href="/enev-zusammenfassung">EnEV</a
>
energetisch bewertet. Das <a href="https://www.dibt.de/" target="blank"
>DIBt</a
@@ -236,7 +236,7 @@ import Layout from '../layouts/Layout.astro';
</h3>
Der Verbrauchsausweis gibt den Energieverbrauch der Gebäudebewohner in den vergangenen
drei Jahren für Heizung und Warmwasserbereitung an. Um den <a
href="/energieausweis-enev-geg.php#§-19-EnEV"
href="/enev-zusammenfassung#§-19-EnEV"
>Energieverbrauchskennwert zu ermitteln</a
>, wird der tatsächliche Energieverbrauch mithilfe eines standortbezogenen
Klimafaktors bereinigt. Der Durchschnittswert wird dann durch die sogenannte
@@ -249,7 +249,7 @@ import Layout from '../layouts/Layout.astro';
energetisch schlechten Gebäude kaum geheizt, so kann der Energieausweis
trotzdem sehr gut ausfallen.<h3>Was ist ein Bedarfsausweis?</h3> Der Bedarfsausweis
entsteht auf Grundlage einer technischen <a
href="/energieausweis-enev-geg.php#§-18-EnEV"
href="/enev-zusammenfassung#§-18-EnEV"
>Analyse der Bausubstanz und der Heizungsanlage eines Gebäudes</a
> und ist unabhängig vom individuellen Nutzerverhalten. Die Farbverlaufsskala im
Bedarfsausweis weist zwei verschiedene Werte aus, die sehr unterschiedlich ausfallen
@@ -395,7 +395,7 @@ import Layout from '../layouts/Layout.astro';
<h2>Energieausweis online erstellen</h2> Soll Wohneigentum veräußert oder bauliches
Teileigentum zum Erwerb angeboten werden, muss dem möglichen Käufer oder Leasingnehmer
auf Verlangen unverzüglich ein
<a href="energieausweis-enev-geg.php#§-16a-EnEV"
<a href="enev-zusammenfassung#§-16a-EnEV"
>Energieausweis gezeigt werden</a
>. In den meisten Fällen ist hier ein Verbrauchsausweis ausreichend. Auch
Mietern oder Pächtern soll der Energieausweis unmittelbaren Aufschluss über
@@ -403,7 +403,7 @@ import Layout from '../layouts/Layout.astro';
offerierten Immobilie diesem Auftrag nach der Energieeinsparverordnung nicht
nach, drohen Bußgelder bis zu 15 000 Euro. Als Ausnahmen gelten Gebäude mit
nicht mehr als 50 m² Fläche sowie Baudenkmäler (<a
href="energieausweis-enev-geg.php#§-16-EnEV">§ 16 Abs. 4 EnEV</a
href="enev-zusammenfassung#§-16-EnEV">§ 16 Abs. 4 EnEV</a
>).Die Deutsche Energie-Agentur GmbH (<a
href="https://www.dena.de/"
target="blank">dena</a

63
src/pages/kundenbewertungen.mdx Normal file
View File

@@ -0,0 +1,63 @@
---
layout: ../layouts/Layout.astro
title: Kundenbewertungen - online-energieausweis.org
---
import Diagram from "~/components/Reviews/Diagrams.astro";
# Kundenbewertungen
## 3.500 Kundenbewertungen für unseren Energieausweis Service
### 10 Jahre Energieausweis Service für unsere Kunden
Der **Energieausweis Service** vom IB Cornelsen besteht mittlerweile seit über
10 Jahren und wurde seitdem für ca. 25.000 Wohn- und Nichtwohngebäude in
Anspruch genommen.
Unsere Kunden haben uns kontinuierlich über diesen Zeitraum benotet. Insgesamt
wurden von ca. 3.500 Kunden Noten in den Kategorien Bedienfreundlichkeit,
Kundenservice und Preis-Leistung vergeben.
* * *
<Diagram />
* * *
Die Durchschnittsnote wurde für jede Kategorien grafisch als Tortendiagramm
dargestellt. Es ist zu erkennen, daß Verbesserungsbedarf bei der
Bedienfreundlichkeit des Energieausweis Formulars besteht.
Da wir großen Wert auf positive Benutzererfahrungen legen, haben wir unser
System überarbeitet und unser neues Portal seit dem 23.04.2018 freigeschaltet.
Die Informationen rund um das Thema Energieausweis wurden erweitert und für den
Kunden besser zugänglich gemacht.
Es wurden beispielsweise kleine Energieausweis Toolboxen entwickelt um den
Kunden auch im Entscheidungsprozess
[welcher Ausweis der Passende](/welcher-energieausweis/) ist, zu unterstützen.
### Neues Energieausweis Bewertungssystem über Google My Business
Wir haben das Bewertungssystem im Zuge der Erneuerungen überarbeitet. Dadurch
erhält unser Energieausweis Portal noch transparentere Kundenbewertungen. Sie
als Kunde können nun
[Google Sterne von 1-5 und <span data-original-name="Rezension">Rezension</span>en](https://goo.gl/YaHCPi)
für unseren Service vergeben.
Die Kundenrezensionen zu unserem Service sind durchweg positiv. Wie Sie an den
Kommentaren erkennen können wird ganz besonders unsere Schnelligkeit bei der
Energieausweis Ausstellung hervorgehoben. Natürlich pflegen wir auch sehr gerne
den telefonischen Kontakt zu Ihnen wenn es um Fragen rund um die Erstellung der
Energieausweise oder zum aktuellen GEG (Gebäudeenergiegesetz) geht.
Nachfolgend finden Sie einige der aktuellsten Kundenrezensionen zu unserem
Service. Wir würden uns natürlich sehr über eine Bewertung von Ihnen freuen:
Sollten Sie Fragen und Anregungen zu unserem Energieausweis Portal haben, dann
können Sie uns auch telefonisch unter **040 <span class="bull">/</span> 20 93 39
850** kontaktieren. Wir nehmen konstruktive Vorschläge zur Verbesserung gerne
auf. Wir wollen den Prozess zur
[Erstellung der Energieausweise](/energieausweis-erstellen/) kontinuierlich
verbessern.

6
src/pages/logout.astro Normal file
View File

@@ -0,0 +1,6 @@
---
Astro.cookies.delete("token");
Astro.cookies.delete("expires");
return Astro.redirect("/");
---

32
src/pages/user/index.astro
View File

@@ -18,6 +18,8 @@ const parsed = decodeToken(token);
const user = await User.fromPublicId(parsed.uid);
if (!user) {
Astro.cookies.delete("token");
Astro.cookies.delete("expires");
return Astro.redirect("/login");
}
@@ -29,34 +31,8 @@ if (!user) {
<div id="searchBoxContainer" class="flex-row" style="gap: 5px; margin: 10px 0;"></div>
</div>
<div class="flex-column" style="gap: 10px;">
<a href="/user/settings" class="weiterbutton">Account Details Ändern</a>
<a href="/logout" class="weiterbutton">Ausloggen</a>
</div>
<div class="flex-row filter-bar" style="grid-area: 2/1/2/3; min-height: 0; gap: 20px;">
<div class="flex-row" style="width: 100%;">
<a onclick="addSort()" class='weiterbutton'>Filter Hinzufügen</a>
<a onclick="window.Offset > 0 ? (() => {
GetData(window.Offset - 1)
})() : null" class='weiterbutton'>Vorherige Seite</a>
<a onclick="window.Offset >= 0 ? (() => {
GetData(window.Offset + 1)
})() : null" class='weiterbutton'>Nächste Seite</a>
<a onclick="window.Offset > 0 ? (() => {
GetData(0)
})() : null" class='weiterbutton'>Erste Seite</a>
</div>
<div class="flex-row" style="width: 100%;">
<select onchange="window.GetLength = parseInt(this.value); GetData(0);">
<option value="25">25</option>
<option value="50">50</option>
<option value="75">75</option>
<option value="100">100</option>
</select>
<select onchange="window.orderDirection = this.value; GetData(0);">
<option value="DESC">Absteigend</option>
<option value="ASC">Aufsteigend</option>
</select>
</div>
<a href="/user/settings" class="button">Account Details Ändern</a>
<a href="/logout" class="button">Ausloggen</a>
</div>
<div class='login-container' id="items-container"></div>
</div>

2350
src/pages/verbrauchsausweis/index.astro Normal file
View File

File diff suppressed because it is too large Load Diff

124
src/pages/welcher-energieausweis.mdx Normal file
View File

@@ -0,0 +1,124 @@
---
layout: ../layouts/Layout.astro
title: Welcher Energieausweis?
---
import BoxWithHeading from "~/components/BoxWithHeading.astro";
import Widget from "~/components/Widget.svelte";
# Welcher Energieausweis ist der richtige?
## Machen Sie hier den Online Check, welcher Energieausweis der richtige ist:
Falls Sie nicht wissen sollten welchen Energieausweis Sie benötigen, können Sie
hier ganz einfach den Gebäudetyp und die entsprechende Maßnahme angeben und
bekommen als Ergebnis, den für Sie pasenden Energieausweis angezeigt.
<Widget client:load />
## Bei Vermietung und Verkauf Ihres Wohnhauses ist der Verbrauchsausweis Wohngebäude ausreichend
In den meisten Fällen können Sie bei Vermietung oder Verkauf Ihrer Immobilie den
einfacheren Energieausweis erstellen lassen. Dieser Ausweis ist
verbrauchsorientiert und benötigt als Berechnungsgrundlage 3 zusammenhängende
Jahre der Heizenergieabrechnugen des Gebäudes. Wenn Ihnen also diese 3
Abrechnugsjahre vorliegen, und es gab dazwischen keine grundlegenden
Sanierungsmaßnahmen bzw. Heizungsaustausch, dann steht der Dateneingabe nichts
im Wege. Laut GEG (vormals EnEV) gibt es nur eine rechtliche Ausnahme, bei der
es nicht zulässig ist einen Verbrauchsausweis bei Vermietung und Verkauf zu
verwenden. Dies ist dann der Fall, wenn Ihr Gebäude gänzlich unsaniert ist, vor
1978 gebaut wurde und weniger als 5 Wohneinheiten besitzt. In diesem Fall oder
bei unvollständigen Verbrauchsabrechnungen (z.B. bei Leerstand), kann der
Bedarfsausweis Wohngebäude erstellt werden.
---
## Bei Neubau, Modernisierung, Änderung oder Erweiterung Ihres Wohnhauses benötigen Sie den Bedarfsausweis für Wohngebäude
Im der aktuellen GEG ist geregelt, wie bei Änderungen im Baubestand zu verfahren
ist. In §46-51 des GEG ist festgelegt welche Mindestanforderungen bei
Änderungen, Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden
muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand
und Fenster erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein
Bauteilnachweis geführt werden.Bei Austausch der Heizungsanlage muß in jedem
Fall ein Bedarfsausweis erstellt werden. Es kann auch vorkommen, daß bei
Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn
der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt. Bei
genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben vor Baubeginn
einen GEG-Nachweis (früher Wärmeschutznachweis) zu erstellen. Aus der
GEG-Berechnung kann später nach Fertigstellung der Bedarfsausweis erstellt
werden. In § 15-19 des GEG ist geregelt welche Anforderungen für Wohngebäude
eingehalten werden müssen.
---
<BoxWithHeading heading="Folgende Dokumente und Informationen werden für den Bedarfsausweis benötigt:">
- Grundriss- und Ansichtspläne sowie Baubeschreibung.
- Die wärmeübertragenden Umfassngsflächen wie Dach, Außenwand, Fenster,
Kellerdecke bzw. Boden werden aus den Plänen ermittelt.
- Auch das Gebäudevolumen zur Ermittlung der energetischen Gebäudenutzfläche und die
verschiedenen Nutzungszonen werden aus den Plänen erhoben.
- Die verwendete Heizungsanlage mit den Wärmeübergabekomponenten (Heizkörper,
Fußbodenheizung, etc) sowie Energieträger und Kessel werden aus der Baubeschreibung oder
aus den Angaben des Bauherren herangezogen.
</BoxWithHeading>
Sollten Sie den Bedarfsausweis nur für Vermietung und Verkauf benötigen, dann
können Sie den Ausweis bei uns auch online erstellen lassen. Die Eingabedaten
werden dann nach einem vereinfachten Verfahren erhoben.
---
## Bei Vermietung und Verkauf Ihres Gewerbegebäudes benötigen Sie den Verbrauchsausweis Nichtwohngebäude (Gewerbe)
Bei Vermietung oder Verkauf Ihrer Gewerbeimmobilie können Sie den einfacheren
Energieausweis erstellen lassen. Der gewerbliche Verbrauchsausweis benötigt als
Berechnungsgrundlage den Stromverbrauch und den Heizenergieverbrauch des
Gebäudes. Es werden 3 zusammenhängende Jahre der Heizenergieabrechnugen und der
Stromabrechnung des Gebäudes benötigt. Wenn Ihnen also diese 3 Abrechnugsjahre
vorliegen und die Verbräuche lassen sich eindeutig zuordnen, dann steht der
Dateneingabe nichts im Wege.Es dürfen keine grundlegenden Sanierungsmaßnahmen
bzw. Heizungsaustausch während dieses Zeitraums durchgeführt worden sein. Wenn
diese Voraussetzungen nicht vorliegen, oder keine vollständigen
Verbrauchsabrechnungen vorliegen (z.B. bei Leerstand), dann kann alternativ der
Bedarfsausweis Nichtwohngebäude (Gewerbe) erstellt werden.
---
## Bei Neubau, Modernisierung, Änderung oder Erweiterung Ihres Gewerbegebäudes benötigen Sie den Bedarfsausweis für Nichtwohngebäude (Gewerbe)
In §46-51 des GEG ist festgelegt welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird beschrieben
unter welchen Voraussetzungen ein Bedarfsausweis erstellt werden muß. Dies ist
z.B. nicht der Fall wenn nur einzelne Bauteile wie Dach, Außenwand und Fenster
erneuert werden oder die Erweiterung < 50 m² ist. Dann muß nur ein
Bauteilnachweis geführt werden.Bei Austausch der Heizungsanlage muß in jedem
Fall ein Bedarfsausweis erstellt werden. Es kann auch vorkommen, daß bei
Einzelmaßnahmen eine komplette Bedarfsberechnung durchgeführt werden muss wenn
der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt.Bei Neubauten ist es
vorgeschrieben vor Baubeginn einen GEG-Nachweis (früher Wärmeschutznachweis) zu
erstellen. Aus der GEG-Berechnung kann später nach Fertigstellung der
Bedarfsausweis erstellt werden. Im §18-19 des GEG ist geregelt welche
Anforderungen für Nichtwohngebäude eingehalten werden müssen.
---
<BoxWithHeading heading="Folgende Dokumente und Informationen werden für den Bedarfsausweis benötigt:">
- Grundriss- und Ansichtspläne sowie Baubeschreibung.
- Die wärmeübertragenden Umfassngsflächen wie Dach, Außenwand, Fenster,
Kellerdecke bzw. Boden werden aus den Plänen ermittelt.
- Auch das Gebäudevolumen zur Ermittlung der energetischen Gebäudenutzfläche und
die verschiedenen Nutzungszonen werden aus den Plänen erhoben.
- Die verwendete Heizungsanlage mit den Wärmeübergabekomponenten (Heizkörper,
Fußbodenheizung, etc) sowie Energieträger und Kessel werden aus der
Baubeschreibung oder aus den Angaben des Bauherren herangezogen.
- Anlagentechnik zu Kühlung und Lüftung der entsprechenden Nutzungszonen müssen
definiert sein.
- Die verwendete Beleuchtung der verschiedenen Nutzungszonen wird ebenfalls
herangezogen
</BoxWithHeading>
Sollten Sie den Bedarfsausweis nur für Vermietung und Verkauf benötigen, dann
können Sie den Ausweis bei uns auch online erstellen lassen. Die Eingabedaten
werden dann nach einem vereinfachten Verfahren erhoben.

83
src/style/576.scss
View File

@@ -43,7 +43,7 @@ body {
background-color: rgb(255, 255, 255);
margin-top: 0px;
padding: 0% 2%;
width: calc(100% - 4%);
width: 100%;
}
.only-form-mainContent {
@@ -95,30 +95,6 @@ body {
margin: 1em 0em;
}
.mainContent h2::before {
content: "";
width: 12px;
height: 12px;
border-radius: 4px;
background: #f5b691;
position: absolute;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
left: -20px;
top: 10px;
}
.mainContent h3 {
font-weight: normal;
font-size: 1rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1em 0em;
}
.mainContent a {
color: #3A4AB5;
text-decoration: none;
@@ -821,19 +797,6 @@ td {
font-size: 1.4em;
margin-bottom: -.3em;
position: relative;
padding-left: 1.7em;
}
.start_infobox .title::before,
.start_infobox h2::before {
content: "";
left: .5em;
top: .5em;
width: 13px;
height: 13px;
background-color: #ff7d26;
position: absolute;
border-radius: 50%;
}
.right-img {
@@ -1080,20 +1043,6 @@ cbutton {
padding: 0px;
margin: 0px;
}
.formInput {
padding: 8px 20px;
width: 100%;
outline: none;
font-size: 14px;
font-family: Abel, Roboto, sand-serif;
color: rgb(133, 133, 194);
border-style: solid;
border-width: 1px;
border-color: rgb(219, 219, 219);
border-radius: 2px;
}
.heading_3 {
font-size: 12px;
font-family: Abel, Roboto, sand-serif;
@@ -1507,29 +1456,6 @@ ul li::before {
text-align: center;
}
h3 {
font-weight: normal;
font-size: 1.3rem;
line-height: 1.4rem;
margin: 1em 0 .5em 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
h3::before {
content: "";
width: 10px;
height: 10px;
border-radius: 4px;
background: #ddd;
position: absolute;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
left: -20px;
}
footer {
background: rgb(255, 125, 38);
@@ -1699,13 +1625,6 @@ body .objekt_card:first-of-type {
margin-left: 0;
}
.objekt_makler h3 {
color: rgb(168, 168, 168);
font-size: 12px;
font-weight: 400;
margin-bottom: 5px;
}
/* NOTE MAKLER SYSTEM */
.card_container {
display: -webkit-box;

726
src/style/992.scss
View File

@@ -1,273 +1,269 @@
@media (min-width: 992px) and (max-width: 10000px) {
/*-----------------------------------------------------------------*/
/*- -*/
/*- General Styles & Structure -*/
/*- (min-width: 992px) and (max-width: 10000px) -*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*- -*/
/*- General Styles & Structure -*/
/*- (min-width: 992px) and (max-width: 10000px) -*/
/*-----------------------------------------------------------------*/
.hide-on-mobile {
display: block !important;
}
.hide-on-mobile {
display: block !important;
}
.content {
max-width: 1920px;
width: 100%;
padding: 0 2% 10px 2%;
margin: 20px auto;
display: grid;
column-gap: 20px;
grid-template-columns: 2fr 6fr 2fr;
grid-template-rows: auto;
}
.mainContent {
display: block;
position: relative;
-webkit-box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
background-color: rgb(255, 255, 255);
margin-top: 0px;
padding: 20px 5%;
}
.stretch-2 {
-ms-grid-row: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-area: 1/2/1/2;
width: calc(100% - 4%);
.content {
max-width: 1920px;
width: 100%;
padding: 0 2% 10px 2%;
margin: 20px auto;
display: grid;
column-gap: 20px;
grid-template-columns: 2fr 6fr 2fr;
grid-template-rows: auto;
}
}
.only-form-mainContent {
padding: 20px 1% !important;
width: calc(100% - 0%) !important;
grid-area: 1/2/1/4;
}
.only-login-mainContent {
padding: 20px 1% !important;
width: calc(100% - 0%) !important;
grid-area: 1/2/1/4;
}
.left-sidebar {
display: block;
max-width: 940px;
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: 1/1/1/1;
padding-top: 0px;
margin-top: 0px;
width: 100%;
}
.right-sidebar {
display: block;
max-width: 940px;
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: 1/3/1/3;
padding-top: 0px;
margin-top: 0px;
width: 100%;
}
.mainContent h1 {
margin-top:0;
font-size: 2.5rem;
font-weight: 500;
line-height: 1.2;
width: 100%;
text-align: left;
}
.mainContent h2 {
font-weight: normal;
font-size: 1.6rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1em 0em !important;
}
.mainContent h2::before {
content: "";
width: 12px;
height: 12px;
border-radius: 4px;
background: #f5b691;
position: absolute;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
left: -20px;
top: 10px;
}
.mainContent h2 {
left: 20px;
padding-right: 20px;
}
.mainContent h3 {
left: 20px;
}
.mainContent a {
color: #3A4AB5;
text-decoration: none;
display: inline;
}
.mainContent a:hover {
text-decoration: underline;
}
.mainContent p {
line-height: 1.7em;
padding-right: 1em;
font-size: 1.1em;
text-transform: none;
}
/*-----------------------------------------------------------------*/
/*- -*/
/*- Branding: -*/
/*- (min-width: 992px) and (max-width: 10000px) -*/
/*-----------------------------------------------------------------*/
.headmargin {
margin-bottom: 110px;
display: block;
width: 100%;
min-height: 100px;
padding: 0 0 10px 0;
}
.headerBackgroundImage {
position: absolute;
top: 0;
height: 210px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.branding {
display: block;
margin-right: auto;
margin-left: auto;
min-height: 40px;
max-width: 96%;
position: relative;
padding: 30px 0px;
height: auto;
}
.header-logo {
position: absolute;
top: 30px;
right: 0px;
left: auto;
width: 500px;
cursor: pointer;
}
.MajorHeading {
color: rgb(58, 74, 181);
font-weight: 500;
font-size: 26px;
position: absolute;
top: 30px;
right: 0px;
line-height: 1.3em;
}
.MajorHeading.smaller {
color: rgb(255, 125, 38);
margin-top: 35px;
font-size: 20px;
font-weight: 600;
}
.nav-head {
background-color: rgb(255, 125, 38);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 1.2%;
.mainContent {
display: block;
position: relative;
box-sizing: border-box;
-webkit-box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
background-color: rgb(255, 255, 255);
margin-top: 0px;
padding: 40px;
}
}
.headerButton {
width: auto;
font-size: 18px;
font-weight: 500;
color: rgb(255, 255, 255);
background-color: rgb(255, 125, 38);
height: 40px;
max-height: 100%;
padding-bottom: 0px;
padding-top: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.stretch-2 {
-ms-grid-row: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-area: 1/2/1/2;
width: calc(100% - 4%);
header a {
display: block;
padding: 8px 15px;
text-align: center;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.headerButton:hover {
color: #ffffff;
text-decoration: none;
background-color: rgb(58, 74, 181);
}
}
.headerButton.active {
background-color: rgb(58, 74, 181);
}
.hamburger_menu {
.only-form-mainContent {
padding: 20px 1% !important;
width: calc(100% - 0%) !important;
grid-area: 1/2/1/4;
}
.only-login-mainContent {
padding: 20px 1% !important;
width: calc(100% - 0%) !important;
grid-area: 1/2/1/4;
}
.left-sidebar {
display: block;
max-width: 940px;
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: 1/1/1/1;
padding-top: 0px;
margin-top: 0px;
width: 100%;
}
.right-sidebar {
display: block;
max-width: 940px;
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: 1/3/1/3;
padding-top: 0px;
margin-top: 0px;
width: 100%;
}
.mainContent h1 {
margin-top: 0;
font-size: 2.5rem;
font-weight: 500;
line-height: 1.2;
width: 100%;
text-align: left;
}
.mainContent h2 {
font-weight: normal;
font-size: 1.6rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1em 0em !important;
}
.mainContent a {
color: #3A4AB5;
text-decoration: none;
display: inline;
}
.mainContent a:hover {
text-decoration: underline;
}
.mainContent p {
line-height: 1.7em;
padding-right: 1em;
font-size: 1.1em;
text-transform: none;
}
/*-----------------------------------------------------------------*/
/*- -*/
/*- Branding: -*/
/*- (min-width: 992px) and (max-width: 10000px) -*/
/*-----------------------------------------------------------------*/
.headmargin {
margin-bottom: 110px;
display: block;
width: 100%;
min-height: 100px;
padding: 0 0 10px 0;
}
.headerBackgroundImage {
position: absolute;
top: 0;
height: 210px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.branding {
display: block;
margin-right: auto;
margin-left: auto;
min-height: 40px;
max-width: 96%;
position: relative;
padding: 30px 0px;
height: auto;
}
.header-logo {
position: absolute;
top: 30px;
right: 0px;
left: auto;
width: 500px;
cursor: pointer;
}
.MajorHeading {
color: rgb(58, 74, 181);
font-weight: 500;
font-size: 26px;
position: absolute;
top: 30px;
right: 0px;
line-height: 1.3em;
}
.MajorHeading.smaller {
color: rgb(255, 125, 38);
margin-top: 35px;
font-size: 20px;
font-weight: 600;
}
.nav-head {
background-color: rgb(255, 125, 38);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 1.2%;
}
.headerButton {
width: auto;
font-size: 18px;
font-weight: 500;
color: rgb(255, 255, 255);
background-color: rgb(255, 125, 38);
height: 40px;
max-height: 100%;
padding-bottom: 0px;
padding-top: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header a {
display: block;
padding: 8px 15px;
text-align: center;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.headerButton:hover {
color: #ffffff;
text-decoration: none;
background-color: rgb(58, 74, 181);
}
.headerButton.active {
background-color: rgb(58, 74, 181);
}
.hamburger_menu {
display: none !important;
}
}
nav{
margin-top:0px;
}
nav {
margin-top: 0px;
}
.nav-card {
width: 100%;
height: auto;
position: relative;
background-color: #fff;
-webkit-box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
margin-bottom: 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
}
.card-menu-option {
.nav-card {
width: 100%;
height: auto;
position: relative;
background-color: #fff;
-webkit-box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
margin-bottom: 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
}
.card-menu-option {
padding: 10px 20px;
-webkit-user-select: none;
-moz-user-select: none;
@@ -280,140 +276,144 @@ header a {
font-weight: 500;
font-size: 1.1em;
color: #000;
background-color:#fff;
border-left:0px solid #fff;
border-right:0px solid #fff;
}
.nav-card .card-menu-option:first-child{
border-top:0px solid #fff;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.nav-card .card-menu-option:last-child{
border-bottom:0px solid #fff;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.nav-card .card-menu-option a{
text-decoration: none;
color: #000;
}
.nav-card .card-menu-option:hover > a{
color: #fff;
}
.nav-card .card-menu-option:hover{
background-color:#ff7d26;
color: #fff;
text-decoration: none;
background-color: #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
}
.active{
background-color:none;
opacity:1;
transition: none;
.nav-card .card-menu-option:first-child {
border-top: 0px solid #fff;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.nav-card .card-menu-option:last-child {
border-bottom: 0px solid #fff;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.nav-card .card-menu-option a {
text-decoration: none;
color: #000;
}
.nav-card .card-menu-option:hover>a {
color: #fff;
}
.nav-card .card-menu-option:hover {
background-color: #ff7d26;
color: #fff;
text-decoration: none;
}
.active {
background-color: none;
opacity: 1;
transition: none;
}
.dropdown-content {
display: none;
position: absolute;
background-color:#EFEFEF;
left: 100%;
top: -1px;
-webkit-box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
z-index:1;
display: none;
position: absolute;
background-color: #EFEFEF;
left: 100%;
top: -1px;
-webkit-box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
box-shadow: rgb(162, 162, 162) 1px 1px 3px 1px;
z-index: 1;
}
.nav-hr {
display: block;
border: 1px solid #ff7d26;
margin: 0em 0;
height: 0px;
}
display: block;
border: 1px solid #ff7d26;
margin: 0em 0;
height: 0px;
}
.dropdown-content>.card-menu-option {
display: block;
width: 22em;
background-color:#EFEFEF !important;
color: #000 !important;
font-size: 17px;
font-weight: normal;
border-left:0px solid #fff;
border-right:1px solid #fff;
border-bottom: 1px solid #fff;
display: block;
width: 22em;
background-color: #EFEFEF !important;
color: #000 !important;
font-size: 17px;
font-weight: normal;
border-left: 0px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.dropdown-content>.card-menu-option:first-child {
border-top: 1px solid #fff;
border-top: 1px solid #fff;
}
.dropdown-content>.card-menu-option:last-child {
border-bottom: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.dropdown-content>.card-menu-option:hover {
background-color:#444f94 !important;
color:#fff !important;
background-color: #444f94 !important;
color: #fff !important;
}
.active{
background-color:#FFF !important;
color:#000 !important;
opacity:1;
.active {
background-color: #FFF !important;
color: #000 !important;
opacity: 1;
}
.active:hover{
background-color:#ff7d26 !important;
color:#FFF !important;
.active:hover {
background-color: #ff7d26 !important;
color: #FFF !important;
}
.droparrow1::after {
transform:translate(0, -50%) rotate(0deg) !important;
transform: translate(0, -50%) rotate(0deg) !important;
transition: none !important;
}
.dropdown::after {
.dropdown::after {
content: "\276F";
position: absolute;
top: 20px;
right: 10px;
font-size: 14px;
font-weight: 300;
transform:translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg);
transition: transform 0.25s;
}
footer a {
font-size:18px;
line-height: 40px;
display: inline;
color: #fff;
text-decoration: none;
margin:0 2em;
font-size: 18px;
line-height: 40px;
display: inline;
color: #fff;
text-decoration: none;
margin: 0 2em;
}
.grw-net-widget {
width: 100% !important
}
/*-----------------------------------------------------------------*/
/*- -*/
}
.grw-net-widget{width:100% !important}
/*-----------------------------------------------------------------*/
/*- -*/
} /* END QUERY */
/* END QUERY */
/**
* SECTION: User Interface - Ausweis style
@@ -423,7 +423,7 @@ header a {
display: flex;
flex-direction: column;
background: #fff;
box-shadow: 0 0 16px 2px rgba(0,0,0,0.1);
box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.1);
padding: 20px;
border-radius: 8px;
width: 100%;
@@ -432,7 +432,7 @@ header a {
.container-ausweis a {
cursor: pointer;
color:rgb(58, 74, 181) !important;
color: rgb(58, 74, 181) !important;
text-decoration: none;
}
@@ -449,7 +449,7 @@ header a {
grid-area: 4/1/4/3;
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(2,1fr);
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
}

28
src/style/left_navigation.scss
View File

@@ -6,6 +6,7 @@
width: 100%;
z-index: 10;
}
.hamburger_menu {
align-items: center;
display: block;
@@ -17,10 +18,12 @@
webkit-box-align: center;
webkit-box-pack: center;
}
.hamburger_menu img {
height: 20px;
width: 20px;
}
.nav-card {
background-color: #444f94;
display: flex;
@@ -35,6 +38,7 @@
z-index: 5;
overflow: hidden;
}
.visible {
align-content: stretch;
align-items: stretch;
@@ -48,7 +52,7 @@
padding: 5% 3% 15%;
position: absolute;
width: 100%;
top:149px;
top: 149px;
}
.mob-align {
@@ -59,15 +63,19 @@
.nav-head-blue {
background-color: #444f94 !important;
}
.menuIN {
display: none !important;
}
.dropdown {
position: relative;
}
.card-menu-option.dropdown:not(.active):hover .dropdown-content {
display: none !important;
}
.card-menu-option {
background-color: #ff7d26;
border-bottom: 1px solid #fff;
@@ -85,33 +93,40 @@
webkit-user-select: none;
width: auto;
}
.nav-card .card-menu-option:first-child {
border-top: 1px solid #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.nav-card .card-menu-option:last-child {
border-bottom: 1px solid #fff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.nav-card .card-menu-option a {
color: #fff;
text-decoration: none;
}
.nav-card .card-menu-option:hover > a {
.nav-card .card-menu-option:hover>a {
color: #fff;
}
.nav-card .card-menu-option:hover {
background-color: #444f94;
color: #fff;
text-decoration: none;
}
.active {
background-color: #444f94;
opacity: 1;
transition: opacity 0.75s;
}
.dropdown-content {
border: none !important;
border-radius: 8px;
@@ -121,13 +136,16 @@
position: relative !important;
webkit-box-shadow: none !important;
}
.dropdown-content:hover {
display: none;
}
.dropdown-content hr {
display: none;
}
.dropdown-content > .card-menu-option {
.dropdown-content>.card-menu-option {
background-color: #dae6f7 !important;
border-bottom: 1px solid #fff;
color: #303030 !important;
@@ -135,10 +153,12 @@
font-size: 17px;
font-weight: normal;
}
.droparrow1::after {
transform: translate(0, -50%) rotate(90deg) !important;
transition: transform 0.25s;
}
.dropdown::after {
content: "\276F";
font-size: 14px;
@@ -149,4 +169,4 @@
transform: translate(0, -50%) rotate(0deg);
transition: transform 0.25s;
}
}
}