diff --git a/frontend/src/app/shared/components/footer/footer.component.html b/frontend/src/app/shared/components/footer/footer.component.html
index 11aafd8..7b28ec6 100644
--- a/frontend/src/app/shared/components/footer/footer.component.html
+++ b/frontend/src/app/shared/components/footer/footer.component.html
@@ -1,4 +1,4 @@
 <footer>
-  <a routerLink="/privacy-policy" target="_blank">Privacy policy</a>
-  <a routerLink="/imprint" target="_blank">Imprint</a>
+  <a routerLink="/privacy-policy">Privacy policy</a>
+  <a routerLink="/imprint">Imprint</a>
 </footer>
diff --git a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.html b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.html
index db1e96b..2f79b22 100644
--- a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.html
+++ b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.html
@@ -1,6 +1,14 @@
 <section>
+  <div class="header">
+    <div class="logo">
+      <img src="./../../../../../assets/img/logo_full.svg" alt="Logo" />
+    </div>
+    <div class="back-button" (click)="backClicked()">
+      <img src="./../../../../assets/img/back.svg" alt="Back" />
+    </div>
+  </div>
   <div class="content">
-    <div class="header">
+    <div class="headline">
       <h1>Legal Notice (Imprint)</h1>
     </div>
     Information according to §5 TMG
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 743097b..9dd2634 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
@@ -1,15 +1,38 @@
+@import "./../../../../../assets/style/colors.scss";
+
 section {
   display: flex;
-  justify-content: center;
-  padding: 24px;
+  flex-direction: column;
+  align-items: center;
   word-wrap: break-word;
   overflow-wrap: break-word;
   white-space: normal;
-  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
-    url(./../../../../../assets/img/backgrounds/home.png);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
+  background-color: $black;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 88px;
+  padding: 10px 96px;
+  width: calc(100% - 192px);
+}
+
+.back-button {
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  transition: filter 300ms ease-in-out;
+  img {
+    width: 32px;
+    height: 32px;
+    &:hover {
+      filter: brightness(0) saturate(100%) invert(26%) sepia(77%)
+        saturate(2342%) hue-rotate(228deg) brightness(83%) contrast(115%);
+    }
+  }
 }
 
 .content {
@@ -17,7 +40,7 @@ section {
   max-width: 1024px;
 }
 
-.header {
+.headline {
   display: flex;
   justify-content: center;
   margin-bottom: 32px;
diff --git a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.ts b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.ts
index d2e7f3a..6be6887 100644
--- a/frontend/src/app/shared/components/legal-information/imprint/imprint.component.ts
+++ b/frontend/src/app/shared/components/legal-information/imprint/imprint.component.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { CommonModule, Location } from '@angular/common';
 @Component({
   selector: 'app-imprint',
   standalone: true,
@@ -7,4 +7,10 @@ import { CommonModule } from '@angular/common';
   templateUrl: './imprint.component.html',
   styleUrl: './imprint.component.scss',
 })
-export class ImprintComponent {}
+export class ImprintComponent {
+  constructor(private location: Location) {}
+
+  backClicked() {
+    this.location.back();
+  }
+}
diff --git a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html
index 712d87f..6c71040 100644
--- a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html
+++ b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html
@@ -1,6 +1,14 @@
 <section>
+  <div class="header">
+    <div class="logo">
+      <img src="./../../../../../assets/img/logo_full.svg" alt="Logo" />
+    </div>
+    <div class="back-button" (click)="backClicked()">
+      <img src="./../../../../assets/img/back.svg" alt="Back" />
+    </div>
+  </div>
   <div class="content">
-    <div class="header">
+    <div class="headline">
       <h1>Privacy Policy</h1>
     </div>
     <h2 id="content0">Preamble</h2>
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 6e7b61e..6b255cc 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
@@ -1,22 +1,45 @@
+@import "./../../../../../assets/style/colors.scss";
+
 section {
   display: flex;
-  justify-content: center;
-  padding: 24px;
+  flex-direction: column;
+  align-items: center;
   word-wrap: break-word;
   overflow-wrap: break-word;
   white-space: normal;
-  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
-    url(./../../../../../assets/img/backgrounds/home.png);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
+  background-color: $black;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 88px;
+  padding: 10px 96px;
+  width: calc(100% - 192px);
+}
+
+.back-button {
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  transition: filter 300ms ease-in-out;
+  img {
+    width: 32px;
+    height: 32px;
+    &:hover {
+      filter: brightness(0) saturate(100%) invert(26%) sepia(77%)
+        saturate(2342%) hue-rotate(228deg) brightness(83%) contrast(115%);
+    }
+  }
 }
 
 .content {
   max-width: 1024px;
 }
 
-.header {
+.headline {
   display: flex;
   justify-content: center;
   margin-bottom: 32px;
diff --git a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.ts b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.ts
index 56673db..e1b5ce6 100644
--- a/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.ts
+++ b/frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { CommonModule, Location } from '@angular/common';
 
 @Component({
   selector: 'app-privacy-policy',
@@ -8,4 +8,10 @@ import { CommonModule } from '@angular/common';
   templateUrl: './privacy-policy.component.html',
   styleUrl: './privacy-policy.component.scss',
 })
-export class PrivacyPolicyComponent {}
+export class PrivacyPolicyComponent {
+  constructor(private location: Location) {}
+
+  backClicked() {
+    this.location.back();
+  }
+}