templates/energy_certificate/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Energieausweis - Innovativ Immobilien{% endblock %}
  5. {% block body %}
  6. {% include "Elements/nav.html.twig" %}
  8. <div class="hero page-inner overlay" style="background-image: url('{{ asset('images/hero_bg_1.jpg') }}'); height: 400px; min-height: 400px;">
  9. <div class="container">
  10. <div class="row justify-content-center align-items-center" style="height: 400px;">
  11. <div class="col-lg-9 text-center mt-5">
  12. <h1 class="heading" data-aos="fade-up">Energieausweis</h1>
  13. <p class="text-white">Transparenz schafft Vertrauen – Wir kümmern uns um Ihre energetische Nachweispflicht.</p>
  14. </div>
  15. </div>
  16. </div>
  17. </div>
  19. <div class="section">
  20. <div class="container">
  21. <div class="row mb-5" data-aos="fade-up">
  22. <div class="col-lg-7">
  23. <h2 class="text-primary mb-4">{{ energy_certificate_intro.title|default('Der Energieausweis: Pflicht beim Immobilienverkauf') }}</h2>
  24. <div class="text-muted">
  25. {% if energy_certificate_intro and energy_certificate_intro.content %}
  26. {{ energy_certificate_intro.content|raw }}
  27. {% else %}
  28. <p>Wer ein Haus verkaufen oder eine Wohnung vermieten möchte, benötigt einen gültigen Energieausweis. Dieses Dokument informiert über die energetische Effizienz eines Gebäudes und ermöglicht einen Vergleich mit anderen Immobilien.</p>
  29. <p>Durch das Gebäudeenergiegesetz (GEG) ist die Vorlage des Ausweises bereits bei der ersten Besichtigung verpflichtend. Wir unterstützen Sie dabei, alle gesetzlichen Vorgaben stressfrei zu erfüllen.</p>
  30. {% endif %}
  31. </div>
  32. </div>
  33. <div class="col-lg-5">
  34. <img src="{{ asset('images/img_1.jpg') }}" alt="Energieausweis Beratung" class="img-fluid rounded shadow">
  35. </div>
  36. </div>
  38. <div class="row mt-5 pt-4" data-aos="fade-up" data-aos-delay="100">
  39. <div class="col-12">
  40. <h3 class="text-secondary border-bottom pb-2">{{ energy_certificate_details.title|default('Welchen Energieausweis benötigen Sie?') }}</h3>
  41. <div class="mt-4">
  42. {% if energy_certificate_details and energy_certificate_details.content %}
  43. {{ energy_certificate_details.content|raw }}
  44. {% else %}
  45. <p>Es gibt zwei verschiedene Arten von Energieausweisen, die je nach Baujahr und Größe des Gebäudes zum Einsatz kommen:</p>
  46. <div class="row mt-4">
  47. <div class="col-md-6 mb-4">
  48. <div class="p-4 border rounded bg-light">
  49. <h4 class="text-primary">Bedarfsausweis</h4>
  50. <p>Hierbei wird der Energiebedarf auf Basis des Zustands der Gebäudehülle (Dämmung, Fenster) und der Heizungsanlage berechnet. Er ist unabhängig vom Nutzerverhalten.</p>
  51. </div>
  52. </div>
  53. <div class="col-md-6 mb-4">
  54. <div class="p-4 border rounded bg-light">
  55. <h4 class="text-primary">Verbrauchsausweis</h4>
  56. <p>Dieser Ausweis basiert auf den tatsächlichen Energieverbrauchswerten der Bewohner der letzten drei Jahre. Er ist daher stark vom individuellen Heizverhalten abhängig.</p>
  57. </div>
  58. </div>
  59. </div>
  60. <p class="mt-3"><strong>Unser Service:</strong> Wir klären für Sie, welcher Ausweis gesetzlich vorgeschrieben ist, erfassen alle notwendigen Daten und lassen den Ausweis durch unsere Partner-Experten erstellen.</p>
  61. {% endif %}
  62. </div>
  63. </div>
  64. </div>
  66. <div class="row mt-5 justify-content-center" data-aos="fade-up">
  67. <div class="col-lg-8 text-center p-5 bg-primary rounded text-white shadow">
  68. <h3>Haben Sie Fragen zum Energieausweis?</h3>
  69. <p class="mb-4">Gerne beraten wir Sie persönlich und kümmern uns um die fachgerechte Erstellung für Ihre Immobilie.</p>
  70. <a href="{{ path('demo') }}#contact-section" class="btn btn-light py-2 px-4">Kontaktieren Sie uns</a>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  76. {% include "Elements/footer.html.twig" %}
  77. {% endblock %}