Refactor SCSS styles in common and about templates

- Removed unused styles and nested selectors from _common.scss to streamline the code.
- Cleaned up the .about section in _about.scss by eliminating redundant styles for headings and paragraphs.
- Improved overall readability and maintainability of the SCSS files.

layouts/index.html

@@ -19,7 +19,7 @@
       </div>
 
       <!-- *Haupttitel + Button* -->
-      <div class="hero-section">
+      <div class="hero-section" style="margin-top: 10rem;">
         {{ with .title }}
         <h1 class="hero-title fade-in-title">{{ . | markdownify }}</h1>
         {{ end }}
@@ -144,7 +144,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
 
 <!-- DARUM AMPERION – kompakt & detailliert -->
-<section class="whyamperion section" style="background-color:#f3f3f3; margin-top: 5rem; padding: 3rem 0;">
+<section class="whyamperion section" style="background-color:#f3f3f3; margin-top: 28rem; padding: 3rem 0;">
   <div class="container my-container">
 
     <!-- Titelblock -->
@@ -212,12 +212,12 @@ document.addEventListener('DOMContentLoaded', function () {
 <!-- ÜBER AMPERION -->
 {{ with .Params.about }}
 {{ if .enable }}
-<section id="about" class="about section" style="margin-top: 5rem; padding: 3rem 0;">
+<section id="about" class="about section" style="margin-top: 20rem; margin-bottom: 20rem; padding: 3rem 0;">
   <div class="container">
     <div class="row">
       <div class="col-12 text-center">
         <h1>Über AMPERION</h1>
-        {{ with .description }}<h2><em>{{ . | markdownify }}</em></h2>{{ end }}
+        {{ with .description }}<h2>{{ . | markdownify }}</h2>{{ end }}
       </div>
     </div>
     <div class="row mt-4">