From f9b8b3b32ae1ea97950d0514f9de958be718abbe Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Mon, 9 Sep 2024 09:33:40 +0200
Subject: [PATCH] Design: Header fixed at imprint and privacy policy

---
 .../imprint/imprint.component.scss              | 17 +++++++++++++----
 .../privacy-policy.component.scss               | 17 +++++++++++++----
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss
index 6b181b8..69347ca 100644
--- a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss
+++ b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss
@@ -14,9 +14,12 @@ header {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  position: fixed;
   height: 88px;
-  padding: 10px 96px;
-  width: calc(100% - 192px);
+  padding: 10px 48px;
+  width: calc(100% - 96px);
+  z-index: 2;
+  background-color: $black;
 }
 
 .logo-mobile {
@@ -42,7 +45,9 @@ header {
 .content {
   text-align: center;
   max-width: 1024px;
-  padding: 24px;
+  padding: 48px;
+  margin-top: 88px;
+  z-index: 1;
 }
 
 .headline {
@@ -90,12 +95,16 @@ a {
   }
 }
 
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 600px) {
   header {
     padding: 10px 24px;
     width: calc(100% - 48px);
   }
 
+  .content {
+    padding: 24px;
+  }
+
   .logo-full {
     display: none;
   }
diff --git a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss
index 8dc860d..fb6296c 100644
--- a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss
+++ b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss
@@ -14,9 +14,12 @@ header {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  position: fixed;
   height: 88px;
-  padding: 10px 96px;
-  width: calc(100% - 192px);
+  padding: 10px 48px;
+  width: calc(100% - 96px);
+  z-index: 2;
+  background-color: $black;
 }
 
 .logo-mobile {
@@ -41,7 +44,9 @@ header {
 
 .content {
   max-width: 1024px;
-  padding: 24px;
+  padding: 48px;
+  margin-top: 88px;
+  z-index: 1;
 }
 
 .headline {
@@ -97,12 +102,16 @@ a {
   }
 }
 
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 600px) {
   header {
     padding: 10px 24px;
     width: calc(100% - 48px);
   }
 
+  .content {
+    padding: 24px;
+  }
+
   .logo-full {
     display: none;
   }