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; }