feat: change footer design

packages/base/Resources/Private/PageView/Layouts/Default.html

@@ -9,8 +9,9 @@
 </main>
 
 <footer class="site-footer">
+    <div class="container">
         <div class="site-footer__top">
-    <div class="container site-footer__grid">
+            <div class="site-footer__grid">
                 <div class="site-footer__left">
                     <f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '90'}" />
                 </div>
@@ -23,7 +24,7 @@
         <hr class="site-footer__divider" />
 
         <div class="site-footer__bottom">
-    <div class="container site-footer__bottom-grid">
+            <div class="site-footer__bottom-grid">
                 <ul class="site-footer__legal">
                     <f:cObject typoscriptObjectPath="lib.footerMenu" />
                 </ul>

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

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;