Index + Über uns

layouts/index.html

@@ -1,3 +1,4 @@
+
 {{ define "main" }}
 <header id="mainHeader">
   {{ with .Params.banner }}
@@ -213,30 +214,27 @@ document.addEventListener('DOMContentLoaded', function () {
   <!-- Linker Block: Ingenieurbüros + Co. -->
   <div class="aff-group aff-left">
     <div class="aff-logos">
-      <!-- Deine Logos hier (Beispiele) -->
-      <img src="images/logo-fusszeile-mitglieder-2018.webp" alt="Ingenieurbüros Österreich">
+      <a href="https://www.ingenieurbueros.at/"
+         target="_blank"
+         rel="noopener external nofollow"
+         aria-label="Ingenieurbüros Österreich – Website öffnen"
+         title="Ingenieurbüros Österreich">
+        <img src="images/logo-fusszeile-mitglieder-2018.webp" alt="Ingenieurbüros Österreich">
+      </a>
     </div>
-  </div>
-
-  <!-- Rechter Block: PV Austria (klickbar) -->
-  <a class="aff-group aff-right"
-     href="https://pvaustria.at/"
-     target="_blank"
-     rel="noopener external nofollow"
-     aria-label="Photovoltaic Austria – Website öffnen"
-     title="Photovoltaic Austria">
-    <p class="aff-text">
-      AMPERION ist Mitglied bei Photovoltaic Austria und bietet normgerechte Planung, herstellerunabhängige Beratung und praxisnahe Innovation – 
-      damit jedes Projekt technisch, wirtschaftlich und langfristig überzeugt.
-    </p>
-    <img src="/images/mitglied-photovoltaic-austria.png" alt="Mitglied bei Photovoltaic Austria" class="aff-pva-logo">
-  </a>
 
+<!-- Rechter Block: Elektriker Österreich (klickbar, NUR Logo) -->
+<a class="aff-group aff-right"
+   href="https://elektrikeroesterreich.at/"
+   target="_blank"
+   rel="noopener external nofollow"
+   aria-label="Elektriker Österreich – Website öffnen"
+   title="Elektriker Österreich">
+  <img src="/images/logoelektrikeroedachmarke.png"
+       alt="Mitglied bei Elektriker Österreich"
+       class="aff-pva-logo">
+</a>
 </div>
-
-
-
-
 </div>
 
 
@@ -290,12 +288,35 @@ document.addEventListener('DOMContentLoaded', function () {
 
 {{ if .Params.cta.enable }}
 <section id="cta" class="cta">
-  <!-- BG -->
+  <!-- Animierter Hintergrund -->
   <div class="cta__bg" aria-hidden="true">
-    <div class="cta__grad"></div>
-    <div class="cta__pan"></div>
+    <!-- Grid Pattern -->
+    <div class="cta__grid"></div>
+    
+    <!-- Energie-Linien -->
+    <div class="cta__energy-lines">
+      <!-- Horizontale Linien -->
+      <div class="energy-line-h energy-line-h1"></div>
+      <div class="energy-line-h energy-line-h2"></div>
+
+      
+      <!-- Vertikale Linien -->
+      <div class="energy-line-v energy-line-v1"></div>
+      <div class="energy-line-v energy-line-v2"></div>
+
+      
+      <!-- Energie-Knoten -->
+      <div class="energy-node energy-node1"></div>
+      <div class="energy-node energy-node2"></div>
+
+    </div>
+    
+    <!-- Gradient Overlays -->
+    <div class="cta__gradient-top"></div>
+    <div class="cta__gradient-bottom"></div>
   </div>
 
+  <!-- Content -->
   <div class="my-container">
     <div class="cta__wrap">
       <h2 class="cta__title">