diff --git a/packages/base/Resources/Private/PageView/Layouts/Default.html b/packages/base/Resources/Private/PageView/Layouts/Default.html
index 498f28c..a5e474b 100644
--- a/packages/base/Resources/Private/PageView/Layouts/Default.html
+++ b/packages/base/Resources/Private/PageView/Layouts/Default.html
@@ -9,25 +9,26 @@
 </main>
 
 <footer class="site-footer">
-  <div class="site-footer__top">
-    <div class="container site-footer__grid">
-      <div class="site-footer__left">
-        <f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '90'}" />
-      </div>
-      <div class="site-footer__right">
-        <f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '91'}" />
-      </div>
-    </div>
-  </div>
+    <div class="container">
+        <div class="site-footer__top">
+            <div class="site-footer__grid">
+                <div class="site-footer__left">
+                    <f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '90'}" />
+                </div>
+                <div class="site-footer__right">
+                    <f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '91'}" />
+                </div>
+            </div>
+        </div>
 
-  <hr class="site-footer__divider" />
+        <hr class="site-footer__divider" />
 
-  <div class="site-footer__bottom">
-    <div class="container site-footer__bottom-grid">
-      <ul class="site-footer__legal">
-        <f:cObject typoscriptObjectPath="lib.footerMenu" />
-      </ul>
-      <p class="site-footer__copyright">© All Right Reserved</p>
-    </div>
-  </div>
+        <div class="site-footer__bottom">
+            <div class="site-footer__bottom-grid">
+                <ul class="site-footer__legal">
+                    <f:cObject typoscriptObjectPath="lib.footerMenu" />
+                </ul>
+                <p class="site-footer__copyright">© All Right Reserved</p>
+            </div>
+        </div>
 </footer>
diff --git a/packages/base/Resources/Public/Scss/abstracts/_variables.scss b/packages/base/Resources/Public/Scss/abstracts/_variables.scss
index fea4340..4e8f74c 100644
--- a/packages/base/Resources/Public/Scss/abstracts/_variables.scss
+++ b/packages/base/Resources/Public/Scss/abstracts/_variables.scss
@@ -25,7 +25,9 @@ $xl: 1200px;
 
   --bs-primary: #233600;
   --bs-yellow: #F5AE07;
+  --bs-light-green: #F4F6EC;
   --cl-primary: #233600;
+
 }
 
 // Additional global variables can be added here
diff --git a/packages/base/Resources/Public/Scss/components/_footer.scss b/packages/base/Resources/Public/Scss/components/_footer.scss
index 8dd89a4..94cb020 100644
--- a/packages/base/Resources/Public/Scss/components/_footer.scss
+++ b/packages/base/Resources/Public/Scss/components/_footer.scss
@@ -1,8 +1,11 @@
 .site-footer {
-  background: #f8f8ea;
-  color: #4b4b4b;
   font-size: 0.9rem;
-  padding: 2rem 0;
+
+  .container {
+    background: var(--bs-light-green);
+    border-top-left-radius: 2rem;
+    border-top-right-radius: 2rem;
+  }
 
   &__top {
     padding-bottom: 2rem;