diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss
index b05dd83..10051ab 100644
--- a/assets/scss/_common.scss
+++ b/assets/scss/_common.scss
@@ -246,27 +246,6 @@ input[type="tel"] {
 .title {
   padding: 20px 0 30px;
 
-  h2 {
-    margin: 0;
-  }
-}
-
-.section-title {
-  margin-bottom: 20px;
-
-  @include tablet {
-    margin-bottom: 10px;
-  }
-
-  h2 {
-    margin: 0;
-    padding: 10px 0;
-  }
-
-   @media (max-width: 480px) {
-      font-size: 1.2em; /* Noch kleinere Schriftgröße für sehr kleine Geräte */
-    }
-
 }
 
  
diff --git a/assets/scss/_typography.scss b/assets/scss/_typography.scss
index cca9d57..86a39aa 100644
--- a/assets/scss/_typography.scss
+++ b/assets/scss/_typography.scss
@@ -46,7 +46,7 @@ h2 {
   font-style: italic;
   font-weight: 400;
   line-height: 1.4;
-  margin-bottom: 1rem;
+  margin-bottom: 5rem; // Erhöht den Abstand nach h2
   color: #222;
 }
 
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index ddd8343..8ab2768 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -6,8 +6,8 @@
 }
 
 .hero-title {
-  font-size: clamp(2.5rem, 4vw, 6rem); // skaliert stark bei kleinen Screens
-  font-weight: 600;
+  font-size: clamp(2.5rem, 4vw, 4rem); // skaliert stark bei kleinen Screens
+  font-weight: 400;
   line-height: 1.2;
   color: #046e6e;
   word-break: normal;
@@ -81,16 +81,37 @@ section {
 
 .gif-background {
   background-image: url('/images/BackgroundAnimation.svg');
-  background-size: cover;
-  background-position: center 50%;
   background-repeat: no-repeat;
   position: relative;
 
+  // Desktop
+  background-size: cover;
+  background-position: center 50%;
+  
+  // Tablet
+  @media (max-width: 991px) {
+    background-size: 120% auto;
+    background-position: center 40%;
+  }
+  
+  // Mobile
+  @media (max-width: 575px) {
+    background-size: 180% auto;
+    background-position: center 50%;
+  }
+
   &::after {
     content: '';
     position: absolute;
-    top: 0; left: 0; right: 0; bottom: 0;
+    top: 0; 
+    left: 0; 
+    right: 0; 
+    bottom: 0;
     background-color: rgba(255, 255, 255, 0.8);
+    
+    @media (max-width: 575px) {
+      background-color: rgba(255, 255, 255, 0.5);
+    }
   }
 }
 
@@ -422,4 +443,6 @@ section {
   @media (min-width: 992px) {
     font-size: 1.35rem;
   }
-}
\ No newline at end of file
+}
+
+
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 867f055..acb5ec9 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -1,24 +1,27 @@
 // Color Variables
-$color-primary: #fff;
-$color-secondary: #0AA8A7;
-$text-color: #fff;
-$text-dark: #222;
-$text-light: #737373;
-$body-bg: #fff;
-$border-color: #ECECEC;
-$black: #000;
-$white: #fff;
-$light: #EDF6F5;
+{{ with site.Params.variables }}
+$color-primary: {{.color_primary | default "#fff"}};
+$color-secondary: {{.color_secondary | default "#0AA8A7"}};
+$text-color: {{.text_color | default "#fff"}};
+$text-dark: {{.text_dark | default "#222"}};
+$text-light: {{.text_light | default "#737373"}};
+$body-bg: {{.body_color | default "#fff"}};
+$border-color: {{.border_color | default "#ECECEC"}};
+$black: {{.black | default "#000"}};
+$white: {{.white | default "#fff"}};
+$light: {{.light | default "#EDF6F5"}};
+
 
 // Font Variables
-$font-size: 16px;
-$font-scale: 1.25;
-$font-primary: 'Lato', sans-serif;
-$font-secondary: 'Lato', sans-serif;
-$font-tertiary: 'Dosis', sans-serif;
-$font-quaternary: 'Edu', sans-serif;
+$font-size: {{.font_size | default "16px"}};
+$font-scale: {{.font_scale | default "1.25"}};
+$font-primary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_primary | default "Lato") "+" " "}}', {{.font_primary_type | default "sans-serif"}};
+$font-secondary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_secondary | default "Lato") "+" " "}}', {{.font_secondary_type | default "sans-serif"}};
+$font-tertiary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_tertiary | default "Dosis") "+" " "}}', {{.font_tertiary_type | default "sans-serif"}};
+$font-quaternary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_quaternary | default "Edu") "+" " "}}', {{.font_quaternary_type | default "sans-serif"}};
 
-$font-icon: 'Font Awesome 5 Free';
+$font-icon: '{{.font_icon | default "Font Awesome 5 Free"}}';
+{{ end }}
 
 $h1: 80px;
 $h1-md: 34px;
diff --git a/assets/scss/templates/_about.scss b/assets/scss/templates/_about.scss
index 5c7cf48..eb8e608 100644
--- a/assets/scss/templates/_about.scss
+++ b/assets/scss/templates/_about.scss
@@ -20,7 +20,6 @@ h2 {
   font-style: italic;
   font-weight: 400;
   line-height: 1.4;
-  margin-bottom: 1rem;
   color: #222;
 }
 
@@ -73,9 +72,4 @@ p {
       opacity: 0;
     }
   }
-  
-
-  .section-title {
-    margin-bottom: 0px;
-  }
 }
diff --git a/assets/scss/templates/_service.scss b/assets/scss/templates/_service.scss
index e654ac0..fe08e98 100644
--- a/assets/scss/templates/_service.scss
+++ b/assets/scss/templates/_service.scss
@@ -109,10 +109,6 @@
   }
 }
 
-h2, h3 {
-  margin-bottom: 10px; /* Passe den Wert nach Bedarf an */
-}
-
 .center-container {
   display: flex;
   flex-direction: column;
diff --git a/content/german/_index.md b/content/german/_index.md
index 7c2c8fc..0faa793 100644
--- a/content/german/_index.md
+++ b/content/german/_index.md
@@ -24,7 +24,7 @@ about:
   enable: true
   title: "ÜBER AMPERION"
   description: "Technik mit Verantwortung. Planung mit Weitblick."
-  content: "<b> AMPERION ist ein staatlich geprüftes Ingenieurbüro und konzessionierter Elektrotechnikbetrieb mit Sitz in Niederösterreich. </b> <p> Wir unterstützen Unternehmen, Gemeinden und Bauträger bei der Planung und Umsetzung nachhaltiger Energiesysteme – mit einem klaren Fokus auf Photovoltaik, Speicherlösungen, Ladeinfrastruktur und smarte Gebäudetechnik. <br> <b> Systemisch. Unabhängig. Zukunftsfähig. </b> <br> Denn Technik ist für uns kein Selbstzweck – sondern ein Werkzeug, um Lösungen zu schaffen, die in der Praxis funktionieren und dauerhaft Bestand haben. <br> Mit technischem <b> Know-how, Verantwortungsbewusstsein </b> und einem geschulten Blick fürs Ganze bringen wir Energieprojekte von der Idee bis zur Inbetriebnahme. <br><br><b> [MEHR ÜBER UNS](/about/) </b> </p>"
+  content: "<b> AMPERION </b> ist ein <b>staatlich geprüftes Ingenieurbüro</b> und <b> konzessionierter Elektrotechnikbetrieb</b> mit Sitz in Niederösterreich.  <p> Wir unterstützen Unternehmen, Gemeinden und Bauträger bei der Planung und Umsetzung nachhaltiger Energiesysteme – mit einem klaren Fokus auf Photovoltaik, Speicherlösungen, Ladeinfrastruktur und smarte Gebäudetechnik. <br><br><b> Systemisch. Unabhängig. Zukunftsorientiert. </b> <br><br> Denn Technik ist für uns kein Selbstzweck – sondern ein Werkzeug, um Lösungen zu schaffen, die in der Praxis funktionieren und dauerhaft Bestand haben. <br> Mit technischem <b> Know-how, Verantwortungsbewusstsein </b> und einem geschulten Blick fürs Ganze bringen wir Energieprojekte von der Idee bis zur Inbetriebnahme. <br><br><b> [MEHR ÜBER UNS](/about/) </b> </p>"
   image: "images/ingenieurbuero.webp"
 
  ############################# About #################################
diff --git a/content/german/about.md b/content/german/about.md
index f6d9e13..aa93831 100644
--- a/content/german/about.md
+++ b/content/german/about.md
@@ -8,7 +8,6 @@ intro_section:
   enable: true
   text: >
     **AMPERION** ist ein *staatlich geprüftes Ingenieurbüro* und *konzessionierter Elektrotechnikbetrieb* mit Sitz in Niederösterreich. <br>
-
     <br>Wir unterstützen Unternehmen, Gemeinden, Bauträger und Privatpersonen bei der Planung und Umsetzung nachhaltiger Energiesysteme – mit klarem Fokus auf **Photovoltaik**, **Speicherlösungen**, **Ladeinfrastruktur** und **smarte Gebäudetechnik**.<br>
 
     Technik ist für uns kein Selbstzweck – sondern ein Werkzeug, um Lösungen zu schaffen, die in der Praxis funktionieren und dauerhaft Bestand haben. <br> 
diff --git a/layouts/index.html b/layouts/index.html
index 539f626..d46500a 100644
--- a/layouts/index.html
+++ b/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">
diff --git a/layouts/partials/page-title.html b/layouts/partials/page-title.html
index 7eece97..9b0f649 100644
--- a/layouts/partials/page-title.html
+++ b/layouts/partials/page-title.html
@@ -15,6 +15,8 @@
 
 <style>
 
+
+
 .fade-in {
   animation: fadeInUp 1s ease-out
 }
diff --git a/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content b/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
index 9ea5479..c3115b5 100644
--- a/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
+++ b/resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
@@ -11,7 +11,7 @@ body {
 .hero-subtitle {
   font-size: clamp(1.25rem, 2.5vw, 1.75rem);
   text-align: center;
-  color: #222;
+  color: #004753;
   text-transform: uppercase;
   letter-spacing: 0.12em;
   line-height: 1.4;
@@ -34,7 +34,7 @@ h2 {
   font-style: italic;
   font-weight: 400;
   line-height: 1.4;
-  margin-bottom: 1rem;
+  margin-bottom: 5rem;
   color: #222; }
 
 h3 {
@@ -102,17 +102,17 @@ a:focus,
 a:hover {
   text-decoration: none;
   outline: 0;
-  color: #fff; }
+  color: #185b63; }
 
 blockquote {
   font-size: 18px;
-  border-color: #fff;
+  border-color: #185b63;
   padding: 20px 40px;
   text-align: left;
-  color: #4a958c; }
+  color: #737373; }
 
 .navbar-toggle .icon-bar {
-  background: #fff; }
+  background: #185b63; }
 
 input[type="email"],
 input[type="password"],
@@ -127,21 +127,21 @@ input[type="tel"] {
   input[type="text"]:focus,
   input[type="tel"]:focus {
     box-shadow: none;
-    border: 1px solid #fff; }
+    border: 1px solid #185b63; }
 
 .form-control {
   box-shadow: none;
   border-radius: 0; }
   .form-control:focus {
     box-shadow: none;
-    border: 1px solid #fff; }
+    border: 1px solid #185b63; }
 
 .slick-slide {
   outline: 0; }
 
 .btn-main, .btn-small, .btn-transparent {
-  background: #fff;
-  color: #fff;
+  background: #185b63;
+  color: #ffffff;
   display: inline-block;
   font-size: 12px;
   letter-spacing: 1px;
@@ -160,22 +160,22 @@ input[type="tel"] {
     margin-right: 5px; }
   .btn-main:hover, .btn-small:hover, .btn-transparent:hover {
     background: black;
-    color: #fff; }
+    color: #ffffff; }
 
 .btn-solid-border {
-  border: 2px solid #fff;
+  border: 2px solid #ffffff;
   background: transparent;
-  color: #fff; }
+  color: #ffffff; }
   .btn-solid-border:hover {
     background: whitesmoke; }
 
 .btn-transparent {
   background: transparent;
   padding: 0;
-  color: #fff; }
+  color: #185b63; }
   .btn-transparent:hover {
     background: transparent;
-    color: #fff; }
+    color: #185b63; }
 
 .btn-large {
   padding: 20px 45px; }
@@ -215,7 +215,7 @@ input[type="tel"] {
   margin-top: 50px; }
 
 .btn:focus {
-  color: #c8e3e0; }
+  color: #d9d9d9; }
 
 .w-100 {
   width: 100%; }
@@ -230,28 +230,28 @@ input[type="tel"] {
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: #fff;
+  background-color: #ffffff;
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center; }
 
 .bg-shadow {
-  background-color: #fff;
+  background-color: #ffffff;
   box-shadow: 0 16px 24px rgba(0, 0, 0, 0.08);
   padding: 20px; }
 
 .bg-gray {
-  background: #EDF6F5; }
+  background: #f5f5f5; }
 
 .bg-primary {
-  background: #fff; }
+  background: #185b63; }
 
 .bg-primary-dark {
-  background: #e6e6e6; }
+  background: #0e353a; }
 
 .bg-primary-darker {
-  background: #cccccc; }
+  background: #041011; }
 
 .bg-dark {
   background: #202122; }
@@ -267,21 +267,7 @@ input[type="tel"] {
 
 .title {
   padding: 20px 0 30px; }
-  .title h2 {
-    margin: 0; }
 
-.section-title {
-  margin-bottom: 20px; }
-  @media (max-width: 768px) {
-    .section-title {
-      margin-bottom: 10px; } }
-  .section-title h2 {
-    margin: 0;
-    padding: 10px 0; }
-  @media (max-width: 480px) {
-    .section-title {
-      font-size: 1.2em;
-      /* Noch kleinere Schriftgröße für sehr kleine Geräte */ } }
 .section-subtitle {
   font-size: 28px;
   font-weight: 600;
@@ -316,7 +302,7 @@ input[type="tel"] {
     color: #333333;
     display: inline-block;
     padding: 7px 12px;
-    color: #fff; }
+    color: #ffffff; }
   .social-media-icons ul li .twitter {
     background: #00aced; }
   .social-media-icons ul li .facebook {
@@ -345,7 +331,7 @@ input[type="tel"] {
     transform: translate(0px, 0px);
     opacity: 1;
     visibility: visible;
-    color: #4a958c;
+    color: #737373;
     transform: translateY(0px); }
   .dropdown-slide .dropdown-menu {
     border-radius: 0;
@@ -391,20 +377,20 @@ input[type="tel"] {
   .tabCommon .nav-tabs li {
     margin-right: 5px; }
   .tabCommon .nav-tabs li.active a {
-    background-color: #fff;
-    border: 1px solid #fff;
-    color: #fff; }
+    background-color: #185b63;
+    border: 1px solid #185b63;
+    color: #ffffff; }
   .tabCommon .nav-tabs a {
     border-radius: 0;
-    background: #EDF6F5; }
+    background: #f5f5f5; }
     .tabCommon .nav-tabs a:hover {
       border: 1px solid transparent;
-      background: #fff;
-      color: #fff; }
+      background: #185b63;
+      color: #ffffff; }
 
 .tabCommon .tab-content {
   padding: 20px;
-  border: 1px solid #ECECEC; }
+  border: 1px solid #004753; }
 
 .commonAccordion .panel, .commonAccordion-2 .panel {
   border-radius: 0;
@@ -434,7 +420,7 @@ input[type="tel"] {
     list-style-type: circle; }
 
 .play-icon {
-  border: 1px solid #ECECEC;
+  border: 1px solid #004753;
   display: inline-block;
   width: 60px;
   height: 60px;
@@ -452,7 +438,7 @@ input[type="tel"] {
 
 .alert-solid {
   background: transparent;
-  color: #fff; }
+  color: #185b63; }
 
 @media (max-width: 480px) {
   .buttonPart li {
@@ -480,7 +466,7 @@ input[type="tel"] {
 
 .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
-  background: #fff !important; }
+  background: #185b63 !important; }
 
 #success,
 #error {
@@ -634,7 +620,7 @@ span.cloaked-e-mail:before {
       right: 0;
       width: 100%;
       height: 100%;
-      color: #fff;
+      color: #ffffff;
       background: rgba(0, 0, 0, 0.6);
       padding-left: 44px;
       padding-top: 140px; }
@@ -649,7 +635,7 @@ span.cloaked-e-mail:before {
           bottom: 0;
           width: 75px;
           height: 3px;
-          background: #fff; }
+          background: #ffffff; }
       #wrapper-work ul li .items-text p {
         padding-top: 30px;
         font-size: 16px;
@@ -674,7 +660,7 @@ span.cloaked-e-mail:before {
 --*/
 header {
   min-height: 100px;
-  background: #fff;
+  background: #ffffff;
   padding: 20px 0; }
   @media (max-width: 992px) {
     header {
@@ -695,10 +681,10 @@ header {
         font-size: 15px; }
         font
 header .navbar-default .navbar-nav li a:hover {
-          color: #000; }
+          color: #000000; }
 
 .navigation {
-  background: #fff;
+  background: #ffffff;
   padding: 20px 0; }
   .navigation .navbar {
     margin-bottom: 0px;
@@ -712,7 +698,7 @@ header .navbar-default .navbar-nav li a:hover {
       padding-top: 5px;
       padding-bottom: 5px; }
       .navigation .navbar .navbar-nav a {
-        color: #000;
+        color: #000000;
         padding: 10px 15px;
         font-weight: 500;
         font-size: 14px;
@@ -721,15 +707,15 @@ header .navbar-default .navbar-nav li a:hover {
           color: #f5a623;
           background: transparent; }
       .navigation .navbar .navbar-nav a.current {
-        color: #000;
+        color: #000000;
         pointer-events: none;
         cursor: default; }
       .navigation .navbar .navbar-nav a.current-parent {
-        color: #000; }
+        color: #000000; }
       .navigation .navbar .navbar-nav select {
         margin: 10px 15px; }
     .navigation .navbar .current > .dropdown-toggle {
-      color: #000; }
+      color: #000000; }
     .navigation .navbar .dropdown-menu {
       border-radius: 0;
       border: none;
@@ -740,7 +726,7 @@ header .navbar-default .navbar-nav li a:hover {
       .navigation .navbar .dropdown-menu a {
         text-transform: none;
         font-weight: normal;
-        color: #50a198;
+        color: #7c7c7c;
         padding: 10px 20px;
         -webkit-transition: color 0.1s ease, padding 0.3s ease;
         -moz-transition: color 0.1s ease, padding 0.3s ease;
@@ -748,13 +734,13 @@ header .navbar-default .navbar-nav li a:hover {
         -o-transition: color 0.1s ease, padding 0.3s ease;
         transition: color 0.1s ease, padding 0.3s ease; }
         .navigation .navbar .dropdown-menu a:hover {
-          background: #fff;
-          color: #fff;
+          background: #185b63;
+          color: #ffffff;
           padding-left: 25px; }
       .navigation .navbar .dropdown-menu a.current {
         padding-left: 25px;
-        color: #fff;
-        background: #fff; }
+        color: #ffffff;
+        background: #185b63; }
 
 .nav .open > a {
   background: transparent; }
@@ -822,7 +808,7 @@ header .navbar-default .navbar-nav li a:hover {
       background-attachment: unset;
       padding: 150px 0; } }
   .slider .block {
-    color: #d0e8e5;
+    color: #e0e0e0;
     text-align: center; }
     .slider .block h1 {
       font-weight: 100;
@@ -842,7 +828,7 @@ header .navbar-default .navbar-nav li a:hover {
           font-size: 26px; } }
     .slider .block p {
       margin-bottom: 30px;
-      color: black;
+      color: #030303;
       font-size: 25px;
       line-height: 1.5em;
       font-weight: 300; }
@@ -918,7 +904,7 @@ header .navbar-default .navbar-nav li a:hover {
     padding-bottom: 10px; }
     .service .service-item i {
       font-size: 50px;
-      color: #fff; }
+      color: #185b63; }
     .service .service-item img.service-icon {
       width: 100px;
       height: 100px;
@@ -934,13 +920,13 @@ header .navbar-default .navbar-nav li a:hover {
       margin: 0; }
 
 .dark-service .title {
-  color: #fff; }
+  color: #ffffff; }
 
 .dark-service .service-item {
   padding-bottom: 30px;
   text-align: center; }
   .dark-service .service-item i {
-    color: #fff;
+    color: #ffffff;
     font-size: 40px;
     margin-bottom: 10px; }
   .dark-service .service-item img.service-icon {
@@ -948,7 +934,7 @@ header .navbar-default .navbar-nav li a:hover {
     height: 100px;
     display: inline-block; }
   .dark-service .service-item h4 {
-    color: #fff;
+    color: #ffffff;
     padding-top: 15px;
     margin: 0;
     margin-top: 10px;
@@ -971,11 +957,7 @@ header .navbar-default .navbar-nav li a:hover {
 .service-list .block {
   padding: 30px;
   margin-bottom: 20px;
-  background: #fff; }
-
-h2, h3 {
-  margin-bottom: 10px;
-  /* Passe den Wert nach Bedarf an */ }
+  background: #ffffff; }
 
 .center-container {
   display: flex;
@@ -1083,11 +1065,11 @@ h2, h3 {
     padding-top: 30px;
     padding-bottom: 30px; }
   .feature p {
-    color: #60b0a7;
+    color: #8c8c8c;
     margin-bottom: 20px; }
   .feature .btn-view-works {
     background: #6c6c6c;
-    color: #fff;
+    color: #ffffff;
     padding: 10px 20px;
     margin-bottom: 30px; }
 
@@ -1099,13 +1081,13 @@ h2, h3 {
       margin-bottom: 40px; }
       .portfolio-work .block .portfolio-menu .btn-group label {
         display: inline-block;
-        border: 1px solid #ECECEC;
+        border: 1px solid #004753;
         padding: 8px 25px;
         cursor: pointer;
         font-size: 15px;
         color: #333333;
         outline: 0;
-        background: #fff;
+        background: #ffffff;
         margin: 2px;
         border-radius: 0;
         -webkit-transition: all 0.3s ease;
@@ -1147,7 +1129,7 @@ h2, h3 {
   padding: 20px;
   transition: inherit; }
   .portfolio-content * {
-    color: #fff; }
+    color: #ffffff; }
   .portfolio-content a {
     display: block;
     transition: .2s ease; }
@@ -1159,7 +1141,7 @@ h2, h3 {
 .portfolio-single-page .project-details h4 {
   margin-bottom: 20px;
   padding-bottom: 10px;
-  border-bottom: 2px dashed #ECECEC; }
+  border-bottom: 2px dashed #004753; }
 
 .portfolio-single-page .project-details span {
   color: #838383;
@@ -1188,13 +1170,13 @@ h2, h3 {
       .testimonial .counter-box li {
         margin-top: 0px; } }
   .testimonial .testimonial-carousel {
-    border: 1px solid #ECECEC;
+    border: 1px solid #004753;
     padding: 24px; }
     .testimonial .testimonial-carousel i {
       font-size: 35px;
       margin-bottom: 20px; }
     .testimonial .testimonial-carousel p {
-      font-family: "Lato", sans-serif;
+      font-family: "Open Sans Semibold", serif;
       line-height: 28px;
       padding-bottom: 20px; }
     .testimonial .testimonial-carousel .user img {
@@ -1203,7 +1185,7 @@ h2, h3 {
       width: 80px;
       display: inline-block; }
     .testimonial .testimonial-carousel .user p {
-      font-family: "Lato", sans-serif;
+      font-family: "Open Sans", sans-serif;
       padding-bottom: 0;
       margin-top: 6px;
       font-size: 12px;
@@ -1243,7 +1225,7 @@ h2, h3 {
     padding-bottom: 15px;
     margin: 0px; }
     .contact-form .block .form-group .form-control {
-      background: #ecf5f4;
+      background: #f4f4f4;
       height: 60px;
       border: 1px solid #EEF2F6;
       box-shadow: none;
@@ -1251,7 +1233,7 @@ h2, h3 {
   .contact-form .block .form-group-2 {
     margin-bottom: 13px; }
     .contact-form .block .form-group-2 textarea {
-      background: #ecf5f4;
+      background: #f4f4f4;
       height: 135px;
       border: 1px solid #EEF2F6;
       box-shadow: none;
@@ -1263,7 +1245,7 @@ h2, h3 {
     height: 60px;
     background: #474747;
     border: none;
-    color: #fff;
+    color: #ffffff;
     font-size: 18px; }
 
 .address-block {
@@ -1312,7 +1294,7 @@ h2, h3 {
 ==================================================================*/
 .pricing-table .pricing-item {
   padding: 40px 20px;
-  background: #fff;
+  background: #ffffff;
   box-shadow: 0 8px 15px 0 rgba(5, 57, 106, 0.06); }
   .pricing-table .pricing-item a.btn-main, .pricing-table .pricing-item a.btn-transparent, .pricing-table .pricing-item a.btn-small {
     text-transform: uppercase;
@@ -1320,10 +1302,10 @@ h2, h3 {
   .pricing-table .pricing-item li {
     font-weight: 400;
     padding: 6px 0;
-    color: #3f7e77; }
+    color: #626262; }
     .pricing-table .pricing-item li i {
       margin-right: 6px;
-      color: #fff; }
+      color: #185b63; }
 
 .pricing-table .price-title {
   padding: 30px 0 20px; }
@@ -1338,7 +1320,7 @@ h2, h3 {
     line-height: 18px;
     margin-top: 5px; }
   .pricing-table .price-title .value {
-    color: #fff;
+    color: #185b63;
     font-size: 50px;
     padding: 10px 0; }
 
@@ -1353,8 +1335,8 @@ h2, h3 {
       position: absolute;
       top: 12px;
       right: 12px;
-      background: #000;
-      color: #fff;
+      background: #000000;
+      color: #ffffff;
       font-size: 12px;
       padding: 4px 12px;
       font-weight: 300;
@@ -1383,15 +1365,15 @@ h2, h3 {
         display: inline-block; }
         .product-item .product-thumb .preview-meta li a,
         .product-item .product-thumb .preview-meta li span {
-          background: #fff;
+          background: #ffffff;
           padding: 10px 16px;
           cursor: pointer;
           display: inline-block;
           font-size: 18px; }
           .product-item .product-thumb .preview-meta li a:hover,
           .product-item .product-thumb .preview-meta li span:hover {
-            background: #fff;
-            color: #fff; }
+            background: #185b63;
+            color: #ffffff; }
   .product-item:hover .product-thumb:before {
     opacity: 1; }
   .product-item:hover .preview-meta {
@@ -1405,7 +1387,7 @@ h2, h3 {
       margin-top: 15px;
       margin-bottom: 6px; }
       .product-item .product-content h4 a {
-        color: #000; }
+        color: #000000; }
 
 .product-modal {
   background: rgba(255, 255, 255, 0.9);
@@ -1453,7 +1435,7 @@ h2, h3 {
         font-size: 22px;
         font-weight: 400; }
         .product-modal .modal-content .modal-body .product-short-details h2 a {
-          color: #000; }
+          color: #000000; }
         @media (max-width: 480px) {
           .product-modal .modal-content .modal-body .product-short-details h2 {
             margin-top: 15px; } }
@@ -1470,7 +1452,7 @@ h2, h3 {
         margin-top: 20px; }
       .product-modal .modal-content .modal-body .product-short-details .btn-transparent {
         color: #444444;
-        border-bottom: 1px solid #ECECEC; }
+        border-bottom: 1px solid #004753; }
 
 .product-shorting {
   margin-bottom: 30px; }
@@ -1482,19 +1464,19 @@ h2, h3 {
   .product-category ul li {
     margin-bottom: 4px; }
     .product-category ul li a {
-      color: #3f7e77; }
+      color: #626262; }
       .product-category ul li a:hover {
-        color: #000; }
+        color: #000000; }
 
 .single-product {
   padding: 60px 0 40px; }
   .single-product .breadcrumb {
     background: transparent; }
     .single-product .breadcrumb li {
-      color: #000;
+      color: #000000;
       font-weight: 200; }
       .single-product .breadcrumb li a {
-        color: #000;
+        color: #000000;
         font-weight: 200; }
   .single-product .product-pagination li {
     display: inline-block;
@@ -1504,7 +1486,7 @@ h2, h3 {
       color: #ccc;
       content: "/\00a0"; }
     .single-product .product-pagination li a {
-      color: #000;
+      color: #000000;
       font-weight: 200; }
       .single-product .product-pagination li a i {
         vertical-align: middle; }
@@ -1517,7 +1499,7 @@ h2, h3 {
   .single-product-slider .carousel .carousel-inner .carousel-caption h1 {
     font-size: 50px;
     font-weight: 100;
-    color: #000; }
+    color: #000000; }
   .single-product-slider .carousel .carousel-inner .carousel-caption p {
     width: 50%;
     font-weight: 200; }
@@ -1526,7 +1508,7 @@ h2, h3 {
 
 .single-product-slider .carousel .carousel-control {
   bottom: auto;
-  background: #fff;
+  background: #ffffff;
   width: 6%;
   padding: 10px 0; }
   .single-product-slider .carousel .carousel-control i {
@@ -1575,7 +1557,7 @@ h2, h3 {
   align-items: center; }
   .single-product-details .color-swatches span {
     width: 100px;
-    color: #000;
+    color: #000000;
     font-size: 13px;
     font-weight: 600; }
   .single-product-details .color-swatches a {
@@ -1588,7 +1570,7 @@ h2, h3 {
   .single-product-details .color-swatches .swatch-violet {
     background-color: #8da1cd; }
   .single-product-details .color-swatches .swatch-black {
-    background-color: #000; }
+    background-color: #000000; }
   .single-product-details .color-swatches .swatch-cream {
     background-color: #e6e2d6; }
 
@@ -1601,7 +1583,7 @@ h2, h3 {
   align-items: center; }
   .single-product-details .product-size span {
     width: 100px;
-    color: #000;
+    color: #000000;
     font-size: 13px;
     font-weight: 600;
     display: inline-block; }
@@ -1610,9 +1592,9 @@ h2, h3 {
     width: 130px;
     letter-spacing: 2px;
     text-transform: uppercase;
-    color: #000;
+    color: #000000;
     font-size: 12px;
-    border: 1px solid #d2e9e6;
+    border: 1px solid #e1e1e1;
     border-radius: 0px;
     box-shadow: none; }
 
@@ -1620,7 +1602,7 @@ h2, h3 {
   margin-top: 20px; }
   .single-product-details .product-category > span {
     width: 100px;
-    color: #000;
+    color: #000000;
     font-size: 13px;
     font-weight: 600;
     display: inline-block; }
@@ -1640,7 +1622,7 @@ h2, h3 {
   align-items: center; }
   .single-product-details .product-quantity > span {
     width: 100px;
-    color: #000;
+    color: #000000;
     font-size: 13px;
     font-weight: 600;
     display: inline-block; }
@@ -1714,7 +1696,6 @@ h2, h3 {
   font-style: italic;
   font-weight: 400;
   line-height: 1.4;
-  margin-bottom: 1rem;
   color: #222; }
 
 .about .block h3 {
@@ -1753,9 +1734,6 @@ h2, h3 {
   .about .about-img:hover img {
     opacity: 0; }
 
-.about .section-title {
-  margin-bottom: 0px; }
-
 .instagram-feed a {
   margin: 6px;
   margin-right: 10px;
@@ -1776,16 +1754,16 @@ h2, h3 {
     width: 100%; }
 
 .dashboard-menu .active {
-  background: #fff;
-  color: #fff;
-  border: 1px solid #fff; }
+  background: #185b63;
+  color: #ffffff;
+  border: 1px solid #185b63; }
 
 .dashboard-menu li {
   padding: 0;
   margin: 0 3px; }
   .dashboard-menu li a {
     padding: 10px 20px;
-    border: 1px solid #ECECEC; }
+    border: 1px solid #004753; }
     @media (max-width: 768px) {
       .dashboard-menu li a {
         padding: 10px 15px; } }
@@ -1797,7 +1775,7 @@ h2, h3 {
         padding: 10px 5px;
         font-size: 12px; } }
 .dashboard-wrapper {
-  border: 1px solid #ECECEC;
+  border: 1px solid #004753;
   margin-top: 30px;
   padding: 20px; }
   .dashboard-wrapper h2 {
@@ -1837,7 +1815,7 @@ h2, h3 {
     margin-top: 30px; }
 
 .post-sub-heading {
-  border-bottom: 1px solid #ECECEC;
+  border-bottom: 1px solid #004753;
   padding-bottom: 20px;
   letter-spacing: 2px;
   text-transform: uppercase;
@@ -1858,16 +1836,16 @@ h2, h3 {
     margin-bottom: 0px;
     font-weight: 500; }
     .post-comments .comment-author a {
-      color: #fff;
+      color: #185b63;
       font-size: 14px;
       text-transform: uppercase; }
   .post-comments time {
     margin: 0 0 5px;
     display: inline-block;
-    color: #50a198;
+    color: #7c7c7c;
     font-size: 12px; }
   .post-comments .comment-button {
-    color: #fff;
+    color: #185b63;
     display: inline-block;
     margin-left: 5px;
     font-size: 12px; }
@@ -1875,10 +1853,10 @@ h2, h3 {
       margin-right: 5px;
       display: inline-block; }
     .post-comments .comment-button:hover {
-      color: #fff; }
+      color: #185b63; }
 
 .post-excerpt h3 a {
-  color: #000; }
+  color: #000000; }
 
 .post-excerpt p {
   margin: 0 0 30px; }
@@ -1888,7 +1866,7 @@ h2, h3 {
   .post-excerpt blockquote.quote-post p {
     line-height: 30px;
     font-size: 20px;
-    color: #fff; }
+    color: #185b63; }
 
 .single-blog {
   background-color: #fff;
@@ -1898,19 +1876,19 @@ h2, h3 {
 .blog-subtitle {
   font-size: 15px;
   padding-bottom: 10px;
-  border-bottom: 1px solid #ECECEC;
+  border-bottom: 1px solid #004753;
   margin-bottom: 25px;
   text-transform: uppercase; }
 
 .next-prev {
-  border-bottom: 1px solid #ECECEC;
-  border-top: 1px solid #ECECEC;
+  border-bottom: 1px solid #004753;
+  border-top: 1px solid #004753;
   margin: 20px 0;
   padding: 25px 0; }
   .next-prev a {
-    color: #000; }
+    color: #000000; }
     .next-prev a:hover {
-      color: #fff; }
+      color: #185b63; }
   .next-prev .prev-post i {
     margin-right: 10px; }
   .next-prev .next-post i {
@@ -1924,7 +1902,7 @@ h2, h3 {
     display: block;
     font-size: 16px; }
     .social-profile ul li a i:hover {
-      color: #fff; }
+      color: #185b63; }
 
 .comments-section {
   margin-top: 35px; }
@@ -1936,7 +1914,7 @@ h2, h3 {
   margin-right: 20px; }
 
 .post-author > img {
-  border: 1px solid #ECECEC;
+  border: 1px solid #004753;
   max-width: 120px;
   padding: 5px;
   width: 100%; }
@@ -1947,7 +1925,7 @@ h2, h3 {
     margin-bottom: 20px; }
 
 .comment-wrap {
-  border: 1px solid #ECECEC;
+  border: 1px solid #004753;
   border-radius: 1px;
   margin-left: 20px;
   padding: 10px;
@@ -1958,7 +1936,7 @@ h2, h3 {
     font-size: 14px;
     margin-bottom: 8px; }
     .comment-wrap .media .media-heading a {
-      color: #fff;
+      color: #185b63;
       font-size: 13px; }
   .comment-wrap .media .comment-meta {
     font-size: 12px;
@@ -1976,7 +1954,7 @@ h2, h3 {
     .comment-reply-form input:focus,
     .comment-reply-form textarea:focus {
       box-shadow: none;
-      border: 1px solid #fff; }
+      border: 1px solid #185b63; }
   .comment-reply-form textarea,
   .comment-reply-form .btn-main,
   .comment-reply-form .btn-transparent,
@@ -2025,16 +2003,16 @@ h2, h3 {
     font-size: 16px;
     color: #333333;
     font-weight: 500;
-    border-bottom: 1px solid #ECECEC; }
+    border-bottom: 1px solid #004753; }
   .widget.widget-latest-post .media .media-object {
     width: 100px;
     height: auto; }
   .widget.widget-latest-post .media .media-heading a {
-    color: #000;
+    color: #000000;
     font-size: 16px; }
   .widget.widget-latest-post .media p {
     font-size: 12px;
-    color: #50a198; }
+    color: #7c7c7c; }
   @media (max-width: 992px) {
     .widget.widget-latest-post {
       padding-top: 20px; } }
@@ -2054,11 +2032,11 @@ h2, h3 {
       .widget.widget-category ul li a:before {
         padding-right: 10px; }
       .widget.widget-category ul li a:hover {
-        color: #fff;
+        color: #185b63;
         padding-left: 25px; }
       .widget.widget-category ul li a:active {
         padding-left: 24px;
-        border: 1px solid #fff;
+        border: 1px solid #185b63;
         border-radius: 30px;
         -webkit-transition: padding 0s ease-in-out;
         -moz-transition: padding 0s ease-in-out;
@@ -2066,9 +2044,9 @@ h2, h3 {
         -o-transition: padding 0s ease-in-out;
         transition: padding 0s ease-in-out; }
     .widget.widget-category ul li a.current {
-      color: #fff;
-      background: #fff;
-      border: 1px solid #fff;
+      color: #ffffff;
+      background: #185b63;
+      border: 1px solid #185b63;
       border-radius: 30px;
       pointer-events: none;
       cursor: default; }
@@ -2080,7 +2058,7 @@ h2, h3 {
       color: gray;
       display: inline-block;
       padding: 8px 15px;
-      border: 1px solid #ECECEC;
+      border: 1px solid #004753;
       border-radius: 30px;
       font-size: 14px;
       -webkit-transition: background-color 0.3s ease, border 0.3s ease, color 0.1s ease;
@@ -2089,22 +2067,22 @@ h2, h3 {
       -o-transition: background-color 0.3s ease, border 0.3s ease, color 0.1s ease;
       transition: background-color 0.3s ease, border 0.3s ease, color 0.1s ease; }
       .widget.widget-tag ul li a:hover {
-        color: #fff;
-        background: rgba(255, 255, 255, 0.3);
-        border: 1px solid rgba(255, 255, 255, 0.3); }
+        color: #185b63;
+        background: rgba(24, 91, 99, 0.3);
+        border: 1px solid rgba(24, 91, 99, 0.3); }
       .widget.widget-tag ul li a:active {
-        color: #fff;
-        border: 1px solid #fff;
-        background: #fff;
+        color: #185b63;
+        border: 1px solid #185b63;
+        background: #ffffff;
         -webkit-transition: background-color 0.1s ease;
         -moz-transition: background-color 0.1s ease;
         -ms-transition: background-color 0.1s ease;
         -o-transition: background-color 0.1s ease;
         transition: background-color 0.1s ease; }
     .widget.widget-tag ul li a.current {
-      color: #fff;
-      background: #fff;
-      border: 1px solid #fff;
+      color: #ffffff;
+      background: #185b63;
+      border: 1px solid #185b63;
       pointer-events: none;
       cursor: default; }
 
@@ -2112,10 +2090,10 @@ h2, h3 {
   Latest Posts
 ==================================================================*/
 .blog {
-  background: #e9f4f3; }
+  background: #f2f2f2; }
 
 .post {
-  background: #fff;
+  background: #ffffff;
   margin-bottom: 55px; }
   @media (max-width: 768px) {
     .post {
@@ -2129,9 +2107,9 @@ h2, h3 {
     margin-top: 25px;
     text-transform: uppercase; }
     .post .post-title a {
-      color: #fff; }
+      color: #185b63; }
       .post .post-title a:hover {
-        color: #fff; }
+        color: #185b63; }
   .post .post-meta {
     font-size: 13px;
     margin-top: 10px; }
@@ -2144,9 +2122,9 @@ h2, h3 {
       .post .post-meta ul li a {
         color: #909090; }
         .post .post-meta ul li a:hover {
-          color: #fff; }
+          color: #185b63; }
     .post .post-meta .post-author {
-      color: #000; }
+      color: #000000; }
   .post .post-content {
     margin-top: 20px; }
     .post .post-content p {
@@ -2154,19 +2132,19 @@ h2, h3 {
     .post .post-content ul {
       font-size: 15px;
       padding: 10px 20px;
-      font-family: "Lato", sans-serif;
+      font-family: "Open Sans", sans-serif;
       list-style: circle; }
     .post .post-content ol {
       font-size: 15px;
       padding: 10px 20px;
-      font-family: "Lato", sans-serif; }
+      font-family: "Open Sans", sans-serif; }
     .post .post-content blockquote {
       margin-top: 20px;
       font-size: 18px;
-      border-color: #fff;
+      border-color: #185b63;
       padding: 10px 20px;
       text-align: left;
-      color: #4a958c; }
+      color: #737373; }
     .post .post-content .btn-main, .post .post-content .btn-transparent, .post .post-content .btn-small {
       padding: 10px 20px;
       margin: 15px 0;
@@ -2185,19 +2163,19 @@ h2, h3 {
     display: inline-block;
     font-size: 14px; }
     .post-pagination > li > a {
-      color: #000;
+      color: #000000;
       -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
       -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
       transition: all 0.3s ease; }
       .post-pagination > li > a:hover {
-        color: #fff;
-        background: #fff;
-        border: 1px solid #fff; }
+        color: #ffffff;
+        background: #185b63;
+        border: 1px solid #185b63; }
     .post-pagination > li.active > a {
-      background: #fff !important;
-      border: 1px solid #fff !important; }
+      background: #185b63 !important;
+      border: 1px solid #185b63 !important; }
   .post-pagination > li:first-child > a,
   .post-pagination > li:last-child > a {
     border-radius: 0; }
@@ -2206,7 +2184,7 @@ h2, h3 {
   background: url("../images/backgrounds/coming-soon.jpg");
   background-repeat: no-repeat;
   background-size: cover;
-  color: #fff;
+  color: #ffffff;
   display: flex;
   align-items: center;
   height: 100vh; }
@@ -2231,7 +2209,7 @@ h2, h3 {
         font-size: 40px;
         line-height: 50px; } }
   .coming-soon .block p {
-    color: #fff;
+    color: #ffffff;
     margin-top: 10px;
     font-size: 16px; }
   .coming-soon .block .count-down {
@@ -2286,12 +2264,12 @@ h2, h3 {
   .coming-soon .block .copyright-text {
     font-size: 12px; }
     .coming-soon .block .copyright-text a {
-      color: #fff;
+      color: #ffffff;
       font-weight: 600; }
 
 .shopping .widget-title {
   font-weight: 400;
-  border-bottom: 1px solid #ECECEC;
+  border-bottom: 1px solid #004753;
   padding-bottom: 15px;
   margin-bottom: 15px;
   text-transform: uppercase;
@@ -2336,7 +2314,7 @@ h2, h3 {
   width: calc(55% - 2px); }
 
 .shopping.cart .product-list .table .cart-amount th {
-  background: #EDF6F5;
+  background: #f5f5f5;
   padding: 10px;
   text-transform: uppercase; }
 
@@ -2345,7 +2323,7 @@ h2, h3 {
 
 .shopping.cart .product-list .product-info a {
   margin-left: 10px;
-  color: #000;
+  color: #000000;
   font-weight: 600; }
 
 .shopping.cart .product-list .product-remove {
@@ -2379,8 +2357,8 @@ h2, h3 {
   cursor: pointer; }
 
 .product-checkout-details .discount-code {
-  border-top: 1px solid #ECECEC;
-  border-bottom: 1px solid #ECECEC;
+  border-top: 1px solid #004753;
+  border-bottom: 1px solid #004753;
   margin: 20px 0 10px;
   padding: 10px 0; }
   .product-checkout-details .discount-code p {
@@ -2391,7 +2369,7 @@ h2, h3 {
 
 .product-checkout-details .summary-prices {
   border-style: solid;
-  border-color: #ECECEC;
+  border-color: #004753;
   border-width: 0px 0 1px 0;
   padding-bottom: 10px; }
   .product-checkout-details .summary-prices li {
@@ -2414,7 +2392,7 @@ h2, h3 {
 
 .purchase-confirmation .purchase-confirmation-details {
   padding: 20px;
-  border: 1px solid #ECECEC; }
+  border: 1px solid #004753; }
   .purchase-confirmation .purchase-confirmation-details .table {
     margin: 0;
     color: #444444; }
@@ -2428,7 +2406,7 @@ h2, h3 {
 .success-msg .block i {
   font-size: 40px;
   background: #0AA8A7;
-  color: #fff;
+  color: #ffffff;
   width: 60px;
   height: 60px;
   border-radius: 100px;
@@ -2498,7 +2476,7 @@ h2, h3 {
     margin-bottom: 40px; }
 
 .footer {
-  background: #e8f3f2;
+  background: #f1f1f1;
   min-height: 205px;
   text-align: center;
   padding-top: 67px; }
@@ -2520,7 +2498,7 @@ h2, h3 {
           display: inline-block;
           color: #494949; }
           .footer .footer-menu ul li a:hover {
-            color: #000; }
+            color: #000000; }
   .footer .copyright a {
     font-weight: 600; }
 
@@ -2531,8 +2509,8 @@ h2, h3 {
   padding: 0 1rem; }
 
 .hero-title {
-  font-size: clamp(2.5rem, 4vw, 6rem);
-  font-weight: 600;
+  font-size: clamp(2.5rem, 4vw, 4rem);
+  font-weight: 400;
   line-height: 1.2;
   color: #046e6e;
   word-break: normal;
@@ -2591,10 +2569,18 @@ section {
 
 .gif-background {
   background-image: url("/images/BackgroundAnimation.svg");
-  background-size: cover;
-  background-position: center 50%;
   background-repeat: no-repeat;
-  position: relative; }
+  position: relative;
+  background-size: cover;
+  background-position: center 50%; }
+  @media (max-width: 991px) {
+    .gif-background {
+      background-size: 120% auto;
+      background-position: center 40%; } }
+  @media (max-width: 575px) {
+    .gif-background {
+      background-size: 180% auto;
+      background-position: center 50%; } }
   .gif-background::after {
     content: '';
     position: absolute;
@@ -2603,7 +2589,9 @@ section {
     right: 0;
     bottom: 0;
     background-color: rgba(255, 255, 255, 0.8); }
-
+    @media (max-width: 575px) {
+      .gif-background::after {
+        background-color: rgba(255, 255, 255, 0.5); } }
 /* ========== Service-Layout (Kacheln / Pfeile) ========== */
 .service-arrow .block {
   display: flex;
@@ -2864,6 +2852,59 @@ section {
   @media (min-width: 992px) {
     #about-intro .intro-text {
       font-size: 1.35rem; } }
+/* ========== Call-to-Action ========== */
+.call-to-action.cta-animated {
+  position: relative;
+  background-attachment: fixed;
+  background-size: cover;
+  background-position: center;
+  color: #ffffff;
+  padding: 6rem 1rem; }
+  .call-to-action.cta-animated .overlay-dark {
+    position: absolute;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.6);
+    z-index: 0; }
+  .call-to-action.cta-animated .block {
+    position: relative;
+    z-index: 1; }
+  .call-to-action.cta-animated .cta-title {
+    font-size: clamp(1.8rem, 4vw, 2.8rem);
+    font-weight: 600;
+    margin-bottom: 1rem; }
+  .call-to-action.cta-animated .cta-subtitle {
+    font-size: clamp(1rem, 2vw, 1.4rem);
+    max-width: 800px;
+    margin: 0 auto 2rem auto;
+    line-height: 1.6; }
+  .call-to-action.cta-animated .cta-buttons {
+    display: flex;
+    justify-content: center;
+    gap: 1rem;
+    flex-wrap: wrap; }
+  .call-to-action.cta-animated .btn {
+    padding: 0.9rem 2rem;
+    font-size: 1rem;
+    transition: all 0.3s ease; }
+    .call-to-action.cta-animated .btn:hover {
+      transform: scale(1.05); }
+
+.fade-in {
+  opacity: 0;
+  transform: translateY(20px);
+  animation: fadeInUp 1s ease forwards; }
+
+.delay-1 {
+  animation-delay: 0.2s; }
+
+.delay-2 {
+  animation-delay: 0.4s; }
+
+@keyframes fadeInUp {
+  to {
+    opacity: 1;
+    transform: translateY(0); } }
+
 /* 1) Die .logo-container bekommt 80% Breite => 10% links und 10% rechts frei */
 .logo-container {
   width: 80%;
diff --git a/themes/airspace-hugo/assets/scss/_common.scss b/themes/airspace-hugo/assets/scss/_common.scss
index c4e91a3..bbfb90c 100644
--- a/themes/airspace-hugo/assets/scss/_common.scss
+++ b/themes/airspace-hugo/assets/scss/_common.scss
@@ -250,35 +250,8 @@ input[type="tel"] {
 
 .title {
   padding: 20px 0 30px;
-
-  h2 {
-    font-size: 18px;
-    text-align: center;
-    text-transform: uppercase;
-    letter-spacing: 2px;
-  }
 }
 
-.section-title {
-  margin-bottom: 70px;
-
-  @include tablet {
-    margin-bottom: 20px;
-  }
-
-  h2 {
-    text-transform: uppercase;
-    font-weight: 600;
-    margin: 0px;
-    padding: 30px 0px;
-  }
-
-  p {
-    font-style: italic;
-    color: darken( $light, 57.64);
-    font-family: $font-secondary;
-  }
-}
 
 
 .section-subtitle {
@@ -303,13 +276,6 @@ input[type="tel"] {
   .block {
     text-align: center;
 
-    h1 {
-      color: $white;
-      font-weight: 200;
-      letter-spacing: 0.15em;
-      margin-top: 0;
-      text-transform: capitalize;
-    }
 
     p {
       color: $white;
@@ -321,20 +287,6 @@ input[type="tel"] {
 .heading {
   padding-bottom: 60px;
   text-align: center;
-
-  h2 {
-    color: $black;
-    font-size: 30px;
-    line-height: 40px;
-    font-weight: 400;
-  }
-
-  p {
-    font-size: 18px;
-    line-height: 40px;
-    color: lighten( $black, 16.078);
-    font-weight: 300;
-  }
 }
 
 
diff --git a/themes/airspace-hugo/assets/scss/templates/_about.scss b/themes/airspace-hugo/assets/scss/templates/_about.scss
index 2e115fc..23be881 100644
--- a/themes/airspace-hugo/assets/scss/templates/_about.scss
+++ b/themes/airspace-hugo/assets/scss/templates/_about.scss
@@ -1,26 +1,5 @@
 .about{
-  .block{
-    h2 {
-      padding-top: 30px;
-      padding-bottom: 30px;
-      margin:0;
-    }
-    
-    h3 {
-      padding-top: 30px;
-      padding-bottom: 30px;
-      margin:0;
-    }
 
-    p {
-      padding-top: 0px;
-      line-height:28px;
-    }
-
-    img {
-      width: 100%;
-    }
-  }
 
   .about-img {
     overflow:hidden;
@@ -35,7 +14,4 @@
     }
   }
 
-  .section-title {
-    margin-bottom: 0px;
-  }
 }