---

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

---

<Layout title="Bestellprozess Energieausweis">

<h1>Bestellprozess Energieausweis</h1>

<div class="bestellprozess space-y-5 p-8">
  
    <div class="bestellprocess">
      <h2>Schritt 1: Online-Check</h2>
      <p>Beginnen Sie mit unserem <a href="welcher-energieausweis">Online-Check</a> um festzustellen, welcher Energieausweis für Ihr Gebäude geeignet ist.</p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 2: Auswahl des passenden Energieausweises</h2>
      <p>Basierend auf den Ergebnissen wird Ihnen der passende Energieausweis angezeigt. Wenn sowohl Verbrauchsausweis als auch Bedarfsausweis möglich sind, empfehlen wir den Bedarfsausweis.</p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 3: Eingabeformular aufrufen</h2>
      <p>
        Klicken Sie auf "jetzt online erstellen", um zum Eingabeformular für den Energieausweis zu gelangen. Hier sehen Sie alle erforderlichen Informationen auf einen Blick. 
        Eine Zusammenfassung der benötigten Daten und Merkblätter finden Sie hier: <a href="bestellprozess-energieausweis/merkblatt-verbrauchsausweis-wohnen">Merkblatt Verbrauchsausweis Wohnen</a>.
      </p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 4: Dateneingabe und Fotos hochladen</h2>
      <p>Geben Sie die nötigen Gebäudedaten ein und laden Sie Fotos hoch. Angaben zum Sanierungsstand sind wichtig, um passende Modernisierungsempfehlungen zu erhalten. Bei Problemen können Sie über den <span class="font-medium">"Hilfe"</span>-Button unseren Offline-Service anfordern.</p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 5: Eingaben überprüfen</h2>
      <p>Nutzen Sie die Vorschaufunktion für den Ansichtsausweis und das Datenblatt, die im Formular unten rechts aufrufbar sind. Der Anzeigebalken zu den Energiekennwerten wird während der Eingabe live aktualisiert.</p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 6: Kundendaten eingeben und Vorprüfung</h2>
      <p>Klicken Sie auf <span class="font-medium">"Weiter"</span>, um Ihre Kundendaten einzugeben und eine automatische Vorprüfung durchzuführen. Falls Punkte unvollständig sind, können Sie über <span class="font-medium">"zurück"</span> Ihre Eingaben korrigieren.</p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 7: Konto erstellen oder einloggen</h2>
      <p>Sollten Sie noch kein Konto besitzen, wird automatisch ein Kundenkonto für Sie erstellt. Bestehende Kunden werden gebeten, sich einzuloggen, falls noch nicht geschehen.</p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 8: Kaufabschluss und Zusatzservices</h2>
      <p>Nach einer kurzen Zusammenfassung können Sie den Kauf abschließen. Hier haben Sie auch die Möglichkeit, Zusatzservices wie Postversand, Same-Day-Service oder eine Energieeffizienzberatung zu buchen.</p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 9: Bezahlung</h2>
      <p>Wählen Sie eine der angebotenen Bezahlmethoden, wie Rechnung, PayPal, Giropay, Sofortüberweisung oder Kreditkarte.</p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Schritt 10: Bestellung abschließen</h2>
      <p>
        Bestätigen Sie die AGB und die Datenschutzerklärung, und klicken Sie auf <span class="font-medium">"kostenpflichtig bestellen"</span>, um den Bestellvorgang abzuschließen.
      </p>
    </div>

    <div class="flex items-center justify-center">
        <span class="text-4xl">🠗</span>
      </div>
  
    <div class="bestellprocess">
      <h2>Nach der Bestellung erhalten Sie:</h2>
      <ul class="list-disc ml-6 space-y-2">
        <li>Eine Bestellbestätigung auf dem Bildschirm und per E-Mail.</li>
        <li>Den Ansichtsausweis per E-Mail.</li>
        <li>Das Datenblatt zur Prüfung in einer separaten E-Mail.</li>
      </ul>
      <p class="mt-4">Der Energieausweis wird frühestens 12 Stunden nach Bestellung (außer beim Same-Day-Service) von uns geprüft. Sie können vor der Ausstellung noch Korrekturen vornehmen, falls erforderlich.</p>
    </div>
  </div>
  
  <style lang="scss">

    .bestellprocess {
        @apply p-4 lg:shadow-box lg:ring-1 lg:ring-gray-300;

        h2		{@apply w-full font-bold pb-2 mb-4 border-b-[1.5px] border-secondary/35}
	    hr		{@apply my-0}
	    p		{@apply text-lg}
	    a		{@apply text-lg}  
    }

</style>

</Layout>