Enhance hero section styles and add FAQ page layout

assets/scss/_common.scss

@@ -612,7 +612,7 @@ span.cloaked-e-mail:before {
       float: none;
   }
 }
-/* copy from here */
+/* Maus und Mausrad*/
 .scrolldown {
   --sizeX: 30px;
   --sizeY: 50px;

assets/scss/custom.scss

@@ -1,8 +1,20 @@
 /* ========== Typografie & Basis ========== */
-.title-custom {
-  color: #046e6e;
+.hero-section {
+  width: 100%;
+  text-align: center;
+  padding: 0 1rem;
 }
 
+.hero-title {
+  font-size: clamp(2.5rem, 4vw, 6rem); // skaliert stark bei kleinen Screens
+  font-weight: 600;
+  line-height: 1.2;
+  color: #046e6e;
+  word-break: normal;
+  hyphens: none;
+}
+
+
 .text-center {
   text-align: center;
 }
@@ -82,6 +94,8 @@ section {
   }
 }
 
+
+
 /* ========== Service-Layout (Kacheln / Pfeile) ========== */
 
 .service-arrow .block {