Refactor SCSS and HTML for improved layout, typography, and animations

layouts/_default/about.html

@@ -4,8 +4,7 @@
 <!-- Intro + Mission/Vision Section -->
 {{ with .Params.intro_section }}
 {{ if .enable }}
-<section id="about-intro" class="section py-5">
-
+<section id="about-intro" class="section">
   <div class="my-container" style="max-width:1280px; margin:0 auto; background:white; padding:2rem; border-radius:16px; box-shadow:0 6px 30px rgba(0,0,0,.05);">
     
     <!-- ROW 1: TEXT + BILD -->
@@ -71,7 +70,7 @@
 {{ end }}
 {{ end }}
 
-<!-- AMPERION Mehrwerte – mit SVG-Icons, gleich hohe Kacheln -->
+<!-- AMPERION Mehrwerte -->
 <section class="section p-0 m-0" style="background-color: #f7f7f7;">
   <div class="container text-center mb-5">
     <h3 class="mb-4">
@@ -119,12 +118,12 @@
       </div>
     </div>
   </div>
-
+</section>
 
 <!-- About Section (Gründerteam) -->
 {{ with .Params.about }}
 {{ if .enable }}
-<section class="about section pt-0">
+<section class="about section">
   <div class="container-fluid">
     
     <!-- Überschrift -->
@@ -132,9 +131,8 @@
 
     <!-- Zentraler Einleitungstext -->
     <p class="text-center px-3" style="margin-bottom: 40px;">
-  Gegründet wurde AMPERION im Jahr 2024 von Markus Wimmer, BSc und Ing. Alexander Stosic, MSc, die als Geschäftsführer das Unternehmen leiten. Gemeinsam verfügen unsere Gründer über mehr als ein Jahrzehnt Erfahrung in der Planung und Umsetzung nachhaltiger Energieprojekte.
-</p>
-
+      Gegründet wurde AMPERION im Jahr 2024 von Markus Wimmer, BSc und Ing. Alexander Stosic, MSc, die als Geschäftsführer das Unternehmen leiten. Gemeinsam verfügen unsere Gründer über mehr als ein Jahrzehnt Erfahrung in der Planung und Umsetzung nachhaltiger Energieprojekte.
+    </p>
 
     <div class="row gx-5 gy-5 align-items-center">
       
@@ -176,10 +174,9 @@
 {{ end }}
 {{ end }}
 
-
 <!-- Call to Action -->
 {{ if .Params.cta.enable }}
 {{ partial "cta.html" . }}
 {{ end }}
 
-{{ end }}
+{{ end }}