diff --git a/Frontend/src/app/app.module.ts b/Frontend/src/app/app.module.ts
index fd204c0..01415bc 100644
--- a/Frontend/src/app/app.module.ts
+++ b/Frontend/src/app/app.module.ts
@@ -13,6 +13,8 @@ import {NgApexchartsModule} from 'ng-apexcharts';
 import { ProductSearchPageComponent } from './pages/product-search-page/product-search-page.component';
 import { HeaderComponent } from './components/header/header.component';
 import { NewestPricesListComponent } from './components/newest-prices-list/newest-prices-list.component';
+import {FormsModule} from '@angular/forms';
+import { PageNotFoundPageComponent } from './pages/page-not-found-page/page-not-found-page.component';
 
 @NgModule({
     declarations: [
@@ -24,13 +26,15 @@ import { NewestPricesListComponent } from './components/newest-prices-list/newes
         ProductDetailsComponent,
         ProductSearchPageComponent,
         HeaderComponent,
-        NewestPricesListComponent
+        NewestPricesListComponent,
+        PageNotFoundPageComponent
     ],
     imports: [
         BrowserModule,
         AppRouting,
         HttpClientModule,
-        NgApexchartsModule
+        NgApexchartsModule,
+        FormsModule
     ],
     providers: [],
     bootstrap: [AppComponent]
diff --git a/Frontend/src/app/app.routing.ts b/Frontend/src/app/app.routing.ts
index e76c894..efb2a36 100644
--- a/Frontend/src/app/app.routing.ts
+++ b/Frontend/src/app/app.routing.ts
@@ -6,11 +6,13 @@ import {ProductListComponent} from './components/product-list/product-list.compo
 import {LandingpageComponent} from './pages/landingpage/landingpage.component';
 import {ProductDetailPageComponent} from './pages/product-detail-page/product-detail-page.component';
 import {ProductSearchPageComponent} from './pages/product-search-page/product-search-page.component';
+import {PageNotFoundPageComponent} from './pages/page-not-found-page/page-not-found-page.component';
 
 const routes: Routes = [
     {path: '', component: LandingpageComponent},
     {path: 'search', component: ProductSearchPageComponent},
-    {path: 'product/:id', component: ProductDetailPageComponent}
+    {path: 'product/:id', component: ProductDetailPageComponent},
+    {path: '**', component: PageNotFoundPageComponent}
 ];
 
 @NgModule({
diff --git a/Frontend/src/app/components/header/header.component.css b/Frontend/src/app/components/header/header.component.css
index e69de29..e3147c8 100644
--- a/Frontend/src/app/components/header/header.component.css
+++ b/Frontend/src/app/components/header/header.component.css
@@ -0,0 +1,42 @@
+.header {
+    width: auto;
+    background-color: dimgrey;
+    color: white;
+    text-align: center;
+    padding: .25em;
+}
+
+#headerContent {
+    display: flex;
+}
+
+.logo {
+    position: relative;
+    margin-left: 50%;
+}
+
+.searchBox {
+    position: relative;
+    margin: auto;
+    margin-left: 25%;
+}
+
+.searchBox input {
+    width: 100%;
+    padding: .25em;
+    display: inline-block;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+}
+
+.profileIcon {
+    position: relative;
+    margin: auto;
+    margin-left: 10%;
+}
+
+.icon-3d {
+    padding: 10px;
+    color: #fff;
+}
diff --git a/Frontend/src/app/components/header/header.component.html b/Frontend/src/app/components/header/header.component.html
index 4f5a95d..38bc6fa 100644
--- a/Frontend/src/app/components/header/header.component.html
+++ b/Frontend/src/app/components/header/header.component.html
@@ -1 +1,14 @@
-<p>header works!</p>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<header class="header">
+    <div id="headerContent" class='wrap'>
+        <div class="logo">
+            <img src="assets/images/Betterzon.svg" alt="Betterzon Logo" width="50px" (click)="clickedLogo()">
+        </div>
+        <div class="searchBox">
+            <input type="text" [(ngModel)]="searchInput" placeholder="Search" (keyup.enter)="startedSearch()">
+        </div>
+        <div class="profileIcon">
+            Profile
+        </div>
+    </div>
+</header>
diff --git a/Frontend/src/app/components/header/header.component.ts b/Frontend/src/app/components/header/header.component.ts
index a093fe7..3a1d6a4 100644
--- a/Frontend/src/app/components/header/header.component.ts
+++ b/Frontend/src/app/components/header/header.component.ts
@@ -1,15 +1,33 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+import {Router} from '@angular/router';
 
 @Component({
-  selector: 'app-header',
-  templateUrl: './header.component.html',
-  styleUrls: ['./header.component.css']
+    selector: 'app-header',
+    templateUrl: './header.component.html',
+    styleUrls: ['./header.component.css']
 })
 export class HeaderComponent implements OnInit {
+    searchInput: string;
 
-  constructor() { }
+    constructor(
+        private router: Router
+    ) {
+    }
 
-  ngOnInit(): void {
-  }
+    ngOnInit(): void {
+    }
+
+    clickedLogo(): void {
+        this.router.navigate([('/')]);
+    }
+
+    startedSearch(): void {
+        this.redirectTo('/search', {queryParams: {q: this.searchInput}});
+    }
+
+    redirectTo(uri: string, queryParams: object): void {
+        this.router.navigateByUrl('/', {skipLocationChange: true}).then(() =>
+            this.router.navigate([uri], queryParams));
+    }
 
 }
diff --git a/Frontend/src/app/components/newest-prices-list/newest-prices-list.component.css b/Frontend/src/app/components/newest-prices-list/newest-prices-list.component.css
index e69de29..0eacd0e 100644
--- a/Frontend/src/app/components/newest-prices-list/newest-prices-list.component.css
+++ b/Frontend/src/app/components/newest-prices-list/newest-prices-list.component.css
@@ -0,0 +1,7 @@
+.priceList {
+    max-width: 50%;
+    margin: auto;
+    margin: auto;
+    align-content: center;
+    text-align: center;
+}
diff --git a/Frontend/src/app/components/newest-prices-list/newest-prices-list.component.html b/Frontend/src/app/components/newest-prices-list/newest-prices-list.component.html
index 780c261..c62745c 100644
--- a/Frontend/src/app/components/newest-prices-list/newest-prices-list.component.html
+++ b/Frontend/src/app/components/newest-prices-list/newest-prices-list.component.html
@@ -1 +1,3 @@
-<p>newest-prices-list works!</p>
+<div class="priceList">
+    PriceList
+</div>
diff --git a/Frontend/src/app/components/product-details/product-details.component.css b/Frontend/src/app/components/product-details/product-details.component.css
index 7f1ac6b..55239cd 100644
--- a/Frontend/src/app/components/product-details/product-details.component.css
+++ b/Frontend/src/app/components/product-details/product-details.component.css
@@ -4,11 +4,11 @@
     margin: auto;
     margin-bottom: .5em;
     display: grid;
-    grid-template-columns: 20% 50% 30%;
+    grid-template-columns: 20% 25% 25% 30%;
     grid-template-areas:
-    'image title priceChart'
-    'image description priceChart'
-    'image priceAlarm bestPrice';
+    'image title title priceChart'
+    'image description description priceChart'
+    'image priceAlarm bestPrice blank';
 }
 
 /* Image div */
@@ -54,6 +54,7 @@
     grid-area: priceAlarm;
     border-style: solid;
     border-color: dimgrey;
+    border-radius: 5px;
     padding: .25em;
     margin: auto;
 }
@@ -63,6 +64,7 @@
     grid-area: bestPrice;
     border-style: solid;
     border-color: dimgrey;
+    border-radius: 5px;
     padding: .25em;
     margin: auto;
 }
diff --git a/Frontend/src/app/components/product-details/product-details.component.html b/Frontend/src/app/components/product-details/product-details.component.html
index 3e268b8..f4c7667 100644
--- a/Frontend/src/app/components/product-details/product-details.component.html
+++ b/Frontend/src/app/components/product-details/product-details.component.html
@@ -1,4 +1,3 @@
-<meta charset="UTF-8">
 <div class="productItem">
     <div class="productImageContainer">
         <img class="productImage" src="https://www.mueller-patrick.tech/betterzon/images/{{product.image_guid}}.jpg"/>
diff --git a/Frontend/src/app/components/product-list/product-list.component.html b/Frontend/src/app/components/product-list/product-list.component.html
index c35c5b1..6f9a8e5 100644
--- a/Frontend/src/app/components/product-list/product-list.component.html
+++ b/Frontend/src/app/components/product-list/product-list.component.html
@@ -1,4 +1,6 @@
-<meta charset="UTF-8">
+<div *ngIf="products.length==0">
+    No Products found!
+</div>
 <div class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)">
     <div class="productImageContainer" *ngIf="showProductPicture===true">
         <img class="productImage" src="https://www.mueller-patrick.tech/betterzon/images/{{product.image_guid}}.jpg"/>
diff --git a/Frontend/src/app/components/product-list/product-list.component.ts b/Frontend/src/app/components/product-list/product-list.component.ts
index b7a87cb..94bab8a 100644
--- a/Frontend/src/app/components/product-list/product-list.component.ts
+++ b/Frontend/src/app/components/product-list/product-list.component.ts
@@ -1,7 +1,7 @@
 import {Component, Input, OnInit} from '@angular/core';
 import {ApiService} from '../../services/api.service';
 import {Product} from '../../models/product';
-import {Router} from '@angular/router';
+import {ActivatedRoute, Router} from '@angular/router';
 
 @Component({
     selector: 'app-product-list',
@@ -9,33 +9,57 @@ import {Router} from '@angular/router';
     styleUrls: ['./product-list.component.css']
 })
 export class ProductListComponent implements OnInit {
-    products: Product[];
+    products: Product[] = [];
     @Input() numberOfProducts: number;
     @Input() showProductPicture: boolean;
-    type: string;
+    @Input() searchQuery: string;
+    @Input() type: string;
 
     constructor(
         private apiService: ApiService,
-        private router: Router
+        private router: Router,
+        private route: ActivatedRoute
     ) {
     }
 
     ngOnInit(): void {
-        this.getProducts();
+        this.loadParams();
+    }
 
+    loadParams(): void {
         if (!this.numberOfProducts) {
             this.numberOfProducts = 10;
         }
         if (!this.showProductPicture) {
             this.showProductPicture = false;
         }
-        this.type = 'PLP';
+        if (!this.searchQuery) {
+            this.searchQuery = '';
+        }
+        if (!this.type) {
+            this.type = '';
+        }
+
+        switch (this.type) {
+            case 'search': {
+                this.getSearchedProducts();
+                break;
+            }
+            default: {
+                this.getProducts();
+                break;
+            }
+        }
     }
 
     getProducts(): void {
         this.apiService.getProducts().subscribe(products => this.products = products);
     }
 
+    getSearchedProducts(): void {
+        this.apiService.getProductsByQuery(this.searchQuery).subscribe(products => this.products = products);
+    }
+
     clickedProduct(product: Product): void {
         this.router.navigate([('/product/' + product.product_id)]);
     }
diff --git a/Frontend/src/app/pages/landingpage/landingpage.component.css b/Frontend/src/app/pages/landingpage/landingpage.component.css
index e69de29..653b875 100644
--- a/Frontend/src/app/pages/landingpage/landingpage.component.css
+++ b/Frontend/src/app/pages/landingpage/landingpage.component.css
@@ -0,0 +1,5 @@
+#mainComponents {
+    margin: 5em;
+    margin-top: .5em;
+    margin-bottom: .5em;
+}
diff --git a/Frontend/src/app/pages/landingpage/landingpage.component.html b/Frontend/src/app/pages/landingpage/landingpage.component.html
index 810a156..e724bd0 100644
--- a/Frontend/src/app/pages/landingpage/landingpage.component.html
+++ b/Frontend/src/app/pages/landingpage/landingpage.component.html
@@ -1,3 +1,5 @@
 <app-header></app-header>
-<app-product-list numberOfProducts="20" [showProductPicture]="true"></app-product-list>
+<div id="mainComponents">
+    <app-product-list numberOfProducts="20" [showProductPicture]="true"></app-product-list>
+</div>
 <app-footer></app-footer>
diff --git a/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.css b/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.html b/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.html
new file mode 100644
index 0000000..8e032b3
--- /dev/null
+++ b/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.html
@@ -0,0 +1,2 @@
+<h1>404</h1>
+<p>Page not found!</p>
diff --git a/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.spec.ts b/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.spec.ts
new file mode 100644
index 0000000..67193bb
--- /dev/null
+++ b/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageNotFoundPageComponent } from './page-not-found-page.component';
+
+describe('PageNotFoundPageComponent', () => {
+  let component: PageNotFoundPageComponent;
+  let fixture: ComponentFixture<PageNotFoundPageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PageNotFoundPageComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PageNotFoundPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.ts b/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.ts
new file mode 100644
index 0000000..9de002b
--- /dev/null
+++ b/Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-page-not-found-page',
+  templateUrl: './page-not-found-page.component.html',
+  styleUrls: ['./page-not-found-page.component.css']
+})
+export class PageNotFoundPageComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/Frontend/src/app/pages/product-detail-page/product-detail-page.component.css b/Frontend/src/app/pages/product-detail-page/product-detail-page.component.css
index e69de29..e4095ed 100644
--- a/Frontend/src/app/pages/product-detail-page/product-detail-page.component.css
+++ b/Frontend/src/app/pages/product-detail-page/product-detail-page.component.css
@@ -0,0 +1,3 @@
+#mainComponents {
+    padding: 5em;
+}
diff --git a/Frontend/src/app/pages/product-detail-page/product-detail-page.component.html b/Frontend/src/app/pages/product-detail-page/product-detail-page.component.html
index 1b9ce73..e919a51 100644
--- a/Frontend/src/app/pages/product-detail-page/product-detail-page.component.html
+++ b/Frontend/src/app/pages/product-detail-page/product-detail-page.component.html
@@ -1,3 +1,6 @@
 <app-header></app-header>
-<app-product-details [productId]="productId"></app-product-details>
+<div id="mainComponents">
+    <app-product-details [productId]="productId"></app-product-details>
+    <app-newest-prices-list></app-newest-prices-list>
+</div>
 <app-footer></app-footer>
diff --git a/Frontend/src/app/pages/product-search-page/product-search-page.component.css b/Frontend/src/app/pages/product-search-page/product-search-page.component.css
index e69de29..653b875 100644
--- a/Frontend/src/app/pages/product-search-page/product-search-page.component.css
+++ b/Frontend/src/app/pages/product-search-page/product-search-page.component.css
@@ -0,0 +1,5 @@
+#mainComponents {
+    margin: 5em;
+    margin-top: .5em;
+    margin-bottom: .5em;
+}
diff --git a/Frontend/src/app/pages/product-search-page/product-search-page.component.html b/Frontend/src/app/pages/product-search-page/product-search-page.component.html
index 810a156..6bd08c7 100644
--- a/Frontend/src/app/pages/product-search-page/product-search-page.component.html
+++ b/Frontend/src/app/pages/product-search-page/product-search-page.component.html
@@ -1,3 +1,6 @@
 <app-header></app-header>
-<app-product-list numberOfProducts="20" [showProductPicture]="true"></app-product-list>
+<div id="mainComponents">
+    <app-product-list numberOfProducts="20" [showProductPicture]="true" searchQuery="{{searchTerm}}"
+                      type="search"></app-product-list>
+</div>
 <app-footer></app-footer>
diff --git a/Frontend/src/app/services/api.service.ts b/Frontend/src/app/services/api.service.ts
index bb54404..c53ff9e 100644
--- a/Frontend/src/app/services/api.service.ts
+++ b/Frontend/src/app/services/api.service.ts
@@ -19,17 +19,24 @@ export class ApiService {
     getProduct(id): Observable<Product> {
         try {
             const prod = this.http.get<Product>((this.apiUrl + '/products/' + id));
-            console.log(prod);
             return prod;
         } catch (exception) {
             process.stderr.write(`ERROR received from ${this.apiUrl}: ${exception}\n`);
         }
     }
 
+    getProductsByQuery(query): Observable<Product[]> {
+        try {
+            const prods = this.http.get<Product[]>((this.apiUrl + '/products/search/' + query));
+            return prods;
+        } catch (exception) {
+            process.stderr.write(`ERROR received from ${this.apiUrl}: ${exception}\n`);
+        }
+    }
+
     getProducts(): Observable<Product[]> {
         try {
             const prods = this.http.get<Product[]>((this.apiUrl + '/products'));
-            console.log(prods);
             return prods;
         } catch (exception) {
             process.stderr.write(`ERROR received from ${this.apiUrl}: ${exception}\n`);
diff --git a/Frontend/src/assets/images/Betterzon.svg b/Frontend/src/assets/images/Betterzon.svg
new file mode 100644
index 0000000..406b3fa
--- /dev/null
+++ b/Frontend/src/assets/images/Betterzon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454.14 358"><defs><style>.cls-1{fill:#d63031;}.cls-2,.cls-8,.cls-9{fill:#fff;}.cls-3,.cls-7,.cls-8{opacity:0.2;}.cls-4{opacity:0.4;}.cls-5{fill:#e6e6e6;}.cls-6{fill:#f2f2f2;}.cls-9{opacity:0.3;}.cls-10{fill:#092ce3;}.cls-11{fill:#81ecec;}</style></defs><g id="Ebene_1" data-name="Ebene 1"><path class="cls-1" d="M642.6,590.49a178,178,0,0,1-140-69.45,178.5,178.5,0,0,1,140-287.53h2.31c.59,0,1.18,0,1.77,0h.37c1,0,2.07,0,3.1.08l1.22,0,1.91.09c1,0,2,.12,3.07.19a178.52,178.52,0,0,1,17,354.15l-.1,0,.13,0c-1.26.21-2.44.39-3.64.55s-2.42.34-3.62.49-2.43.3-3.65.42-2.45.24-3.68.34c-2.32.2-4.62.34-6.83.44l-.63,0-.49,0c-1,0-2,.07-3,.08h-.27l-.9,0c-.59,0-1.16,0-1.75,0Z" transform="translate(-403.93 -233)"/><path d="M644.94,234c.58,0,1.15,0,1.76,0H647c.92,0,1.94,0,3.1.08l.6,0,.59,0,.88,0,.9,0h.12c1,0,2.06.12,3.08.19a178,178,0,0,1,17,353.15l-.11,0c-1.06.18-2.21.35-3.53.54-1,.16-2.18.31-3.61.49-1.21.16-2.43.3-3.64.42s-2.29.22-3.66.33c-2.33.2-4.63.35-6.82.44h-.27l-.32,0-.56,0c-1.12,0-2.06.07-2.95.08h-1.17c-.59,0-1.17,0-1.76,0h-2.3a178,178,0,0,1,0-356h2.34m0-1H642.6a179,179,0,0,0,0,358h2.31c.6,0,1.19,0,1.79,0l.84,0h.31c1,0,2,0,3-.08l.55,0,.61,0q3.45-.15,6.85-.44c1.23-.1,2.46-.21,3.69-.34s2.44-.26,3.66-.42,2.43-.31,3.63-.49,2.39-.35,3.57-.55h.05a179,179,0,0,0-17.06-355.14c-1-.07-2.06-.14-3.1-.19h-.16l-1.74-.08-1.21,0c-1,0-2.08-.07-3.12-.08h-.35c-.6,0-1.19,0-1.79,0Z" transform="translate(-403.93 -233)"/><ellipse class="cls-2" cx="237.97" cy="181" rx="107.13" ry="106.5"/><path d="M641.91,308c58.79,0,106.62,47.55,106.62,106S700.7,520,641.91,520,535.28,472.45,535.28,414s47.83-106,106.63-106m0-1c-59.44,0-107.63,47.91-107.63,107s48.19,107,107.63,107,107.62-47.91,107.62-107S701.35,307,641.91,307Z" transform="translate(-403.93 -233)"/><g class="cls-3"><path class="cls-2" d="M673.44,588.57h-.05c-1.17.2-2.36.38-3.55.55s-2.41.34-3.61.49-2.43.3-3.64.42-2.45.24-3.67.34q-3.39.29-6.82.44l-.54,0h-.06l-.55,0c-1,0-2,.07-3,.08h-.3c-1.11,0-2.21,0-3.33,0h-1.59A178,178,0,0,1,466,412c0-98.42,79-178.29,176.76-179h1.8c.88,0,1.75,0,2.63,0s2.07,0,3.1.08c.38,0,.76,0,1.13,0,.6,0,1.21,0,1.81.07h.16c1,0,2.05.12,3.08.19a176.84,176.84,0,0,0-82.57,37.36,13.8,13.8,0,0,0-8.33-2.79A14,14,0,0,0,554,289.73q-3.35,3.7-6.47,7.58-5.41,6.7-10.17,13.93a179.6,179.6,0,0,0,71,260A176.13,176.13,0,0,0,673.44,588.57Z" transform="translate(-403.93 -233)"/></g><g class="cls-4"><path class="cls-2" d="M651.44,590.85l.47,0c-1.74.06-3.49.1-5.24.11-.6,0-1.19,0-1.79,0h-2.33a181.36,181.36,0,0,1-46.45-6.63C520.45,563.26,465,494.31,465,412.5c0-97.82,79.28-177.25,177.55-178.49h2.33c.6,0,1.19,0,1.79,0,1.75,0,3.5,0,5.24.11l-.53,0h-.08c-95.8,4-172.23,82.3-172.23,178.34,0,77.58,49.86,143.6,119.53,168.21a180.7,180.7,0,0,0,52.78,10.14Z" transform="translate(-403.93 -233)"/></g><g id="Ebene_3" data-name="Ebene 3"><path class="cls-5" d="M736,466c16.42,18.66,36.86,29.82,62,34-12.09,25-32.82,45.66-58,62-25.76-4.22-40.72-24.1-52-51C708,501.51,725.42,486.64,736,466Z" transform="translate(-403.93 -233)"/><path class="cls-5" d="M599.51,511.26c-16.6,17.16-25.27,38.66-27,62.62-25.39-9-46.8-25-65-47,1.74-24.55,18.62-41.85,43.69-55C562.24,489.72,578.52,503.29,599.51,511.26Z" transform="translate(-403.93 -233)"/><path class="cls-6" d="M563.76,340.32c-11.73-20.93-29.42-37.78-52.45-47,16.71-20.85,40-37.43,67.36-47.38,23.61,9.39,37.44,35.81,42.57,63.36C600.24,313.93,578.12,323.25,563.76,340.32Z" transform="translate(-403.93 -233)"/><path d="M450,399" transform="translate(-403.93 -233)"/><path class="cls-5" d="M690.5,318.5c19.56-16.7,30.09-38.91,34.5-64.5,26.2,12.34,48.41,31.85,65.5,57.5-4.45,26.22-24.32,43-52.5,54.5C728.09,345.62,712.11,329.29,690.5,318.5Z" transform="translate(-403.93 -233)"/></g><path class="cls-7" d="M822.91,412A179,179,0,0,1,673.44,588.57h-.05c-1.18.2-2.37.38-3.57.55s-2.42.34-3.63.49-2.44.3-3.66.42-2.46.24-3.69.34q-3.4.29-6.85.44l-.55,0,.47,0c-1.73.06-3.47.1-5.21.11-.6,0-1.19,0-1.79,0H642.6a179,179,0,0,1-46.37-6.41l.14-.24a41.43,41.43,0,0,1,2.49-3.66,60.28,60.28,0,0,1,9.17-9.47,80.29,80.29,0,0,1,14.47-9.71c14.63-7.56,19.55-3.08,42-10,15.22-4.69,25.09-10.49,43-21,23.09-13.56,34.64-20.34,47-33,11.14-11.41,28.77-29.47,33-56,2.87-18-3.24-22.35,1-45,3.84-20.5,12-33.85,14-37,.87-1.38,4-6.31,8.46-11.92A178.43,178.43,0,0,1,822.91,412Z" transform="translate(-403.93 -233)"/><ellipse class="cls-8" cx="138.12" cy="71.5" rx="8.94" ry="8.5"/><ellipse class="cls-8" cx="133.07" cy="51.5" rx="5" ry="5.5"/><path class="cls-9" d="M579,282a14,14,0,1,1-5.62-11.21A14,14,0,0,1,579,282Z" transform="translate(-403.93 -233)"/></g><g id="Ebene_2" data-name="Ebene 2"><path class="cls-10" d="M708.37,477.38c-9.8,0-17.19-6.53-17.19-15.19,0-9.56,6.09-15,15.88-19.39a8.54,8.54,0,0,1-1.93-3.64c-5.39,5.86-11.62,10.1-19,10.1-9.44,0-16-7.07-16-17.19,0-.34,0-.67,0-1-9,11.33-21.45,18.19-33.5,18.19-7.89,0-14.06-2.53-17.94-7.09-4.33,3.95-9.66,7.09-16,7.09-5.71,0-10.31-2.17-13.31-6-4,3.38-8.95,6-14.71,6-6.39,0-11.4-2.72-14.33-7.4-6.93,4.78-14.58,7.4-22,7.4-9.21,0-16.14-3.56-19.75-9.74a47.94,47.94,0,0,1-15.76,4.86C496.08,451.77,487,456.1,478,456.1c-14.05,0-25.19-7.78-28.31-18.92-1.07,2.44-2,4.66-2.86,6.58l-.06.12c-3.11,6.85-7.92,7.59-9.85,7.59a9.5,9.5,0,0,1-9.71-9.71c0-5,3-11.88,10.35-23.74,1.91-3.67,7.36-15.82,11.29-25.79q1-2.5,1.69-4.57c-7.38,10.83-18,19.25-28.57,19.25-10.79,0-18-7.29-18-18.14,0-16.31,18.3-31.3,35.82-35.31a8.67,8.67,0,0,1-.22-1.87,9.09,9.09,0,0,1,9.19-9c4.85,0,9.79,3.87,11.21,12.39a21.67,21.67,0,0,1,10.16,10.85c11.64-10.92,21.84-13.55,29-13.55,14.38,0,24,9.45,24,23.51,0,10.59-6,21.94-15.81,30.4a28.83,28.83,0,0,1,4.64,15.95c0,.29,0,.58,0,.88a19.75,19.75,0,0,0,5.32-4.79c3.9-13.17,16.87-26.87,32-26.87A17.79,17.79,0,0,1,560.59,395a9.21,9.21,0,0,1,7.79-3.65h2.82c1.53-3.06,2.93-5.73,3.94-7.63,3.59-6.95,6.45-12.49,12.41-12.49a9.14,9.14,0,0,1,9.5,9.18c0,2.92-1.21,6.06-4.56,11.62a11,11,0,0,1,3.91-.68h2.82c1.53-3.06,2.93-5.73,3.94-7.63,3.59-6.95,6.45-12.49,12.41-12.49a9.14,9.14,0,0,1,9.5,9.18c0,3-1.26,6.17-4.74,11.91a8.32,8.32,0,0,1,4.85,7.58,9.45,9.45,0,0,1-.28,2.29c6-6.34,13.91-10.84,22.59-10.84,10,0,16.66,6.19,16.66,15.4,0,.38,0,.76,0,1.15,1.48-2.72,2.95-5.63,4.53-9,0-10.12,5.8-18.34,12.87-18.34,5.78,0,10.13,4.18,10.13,9.72a17.62,17.62,0,0,1-1.3,6.11c3.6,2.1,8,5.47,8,11.79,0,5.09-2.63,9.75-5.17,14.25a46.09,46.09,0,0,0-3.68,7.5c2.09-1.83,5.49-5.55,10.41-13.15,8-12.32,17.65-25.47,31.29-25.47,10.15,0,17,6.36,17,15.82,0,8.68-5.62,16.7-11.29,22.59.17.21.33.42.49.64a52.36,52.36,0,0,0,11.21-12c4.23-15,18.34-27,32-27,12.11,0,20.24,8.22,20.24,20.45a35.32,35.32,0,0,1-1.39,9.6,48.14,48.14,0,0,0,3-4.08c2.23-5.82,4.74-12.09,7.67-19.13,1.76-4.28,5.32-6.84,9.52-6.84a9.15,9.15,0,0,1,7.14,3.2,23.58,23.58,0,0,1,11.08-3.2c8.9,0,15.61,6.48,15.61,15.08,0,6.11-3,11.63-5.57,16.5-.44.81-.87,1.62-1.28,2.41a8,8,0,0,1,3-.6,8.4,8.4,0,0,1,8.34,8.45c0,3.33-1.92,7.24-5.13,10.48a17.48,17.48,0,0,1-12.27,5.55c-9.26,0-15.72-6.73-15.72-16.35,0-6.64,3.29-12.76,6.19-18.16.64-1.19,1.34-2.5,2-3.75A42.17,42.17,0,0,0,823,419.68c-2.89,3.52-6.41,11.46-9.62,21.75-2.09,6.81-6.86,7.83-9.51,7.83a8.68,8.68,0,0,1-8.19-5.57,24.34,24.34,0,0,1-4.46.41,22.13,22.13,0,0,1-6.41-.94,27.27,27.27,0,0,1-16.55,6.1c-7.12,0-12.95-2.81-16.63-7.64a52.25,52.25,0,0,1-11.48,7.6C736.51,463.74,721.59,477.38,708.37,477.38ZM780.52,409c-4.34,0-13.88,9.11-13.88,18.83,0,1.68.32,3.67,1.87,3.67a9.14,9.14,0,0,0,5.61-2.67,9.55,9.55,0,0,1,4.77-6.27,24,24,0,0,0,3-10.95,4.6,4.6,0,0,0-.46-2.49h0A2.42,2.42,0,0,0,780.52,409ZM633.93,430.56c.49.52,1.43.85,3.23.85,4.47,0,11-3,16.45-8.29A53,53,0,0,1,633.93,430.56Zm-98.28,0c.5.52,1.44.85,3.24.85,4.47,0,11-3,16.44-8.29A52.91,52.91,0,0,1,535.65,430.56Zm48.47-21.75c-5.9,13-7.39,19.32-7.5,22.37,2.19-1.38,6.41-5.42,11.44-13.62q1.37-4.29,3.41-9.37a10.42,10.42,0,0,1-3.6.62Zm28,0c-5.9,13-7.39,19.32-7.5,22.36,2.09-1.32,6-5.06,10.77-12.54a39.39,39.39,0,0,1,5.12-10.9,10.11,10.11,0,0,1-4.64,1.08Zm-152.68,8.91c3.81,0,6.84,2,9.05,3.4l.15.09c5.46,3.5,13.75,5.65,23.07,6a14.56,14.56,0,0,0,1-5.18,13.4,13.4,0,0,0-1.38-6.2,42.55,42.55,0,0,1-14.93,2.85c-8.05,0-12.87-3.64-14.86-8-1.06,2.29-2.15,4.69-3.25,7.12A11.22,11.22,0,0,1,459.46,417.72Zm268.9-7.57c-2.42,1.53-6.41,5.28-12.44,14.33C721.38,420.14,726.41,414.24,728.36,410.15Zm-249-17.71a37.52,37.52,0,0,1,13.12,2.28c6.59-5.32,11-12.77,11-19,0-4.94-1.94-5.35-4.3-5.35-10.65,0-22.59,12.63-29.36,23.6A27.64,27.64,0,0,1,479.37,392.44Zm-41.29-19.87c-8.3,3.64-15.09,10.89-15.25,16.43C427.35,388.24,434,381.05,438.08,372.57Z" transform="translate(-403.93 -233)"/><path class="cls-11" d="M849.73,431.44A2,2,0,0,0,848,432.7c-1.79,2.95-4.11,5.69-6.74,5.69s-4.11-1.69-4.11-4.74c0-9.27,9.69-18.23,9.69-27.18,0-5.05-3.79-8.43-9-8.43-6.11,0-13.8,5.59-19.7,12l1.48-3.58c1.58-2.74,2.52-4.84,2.52-6.11a2.27,2.27,0,0,0-2.52-2.32c-1.48,0-2.64.95-3.37,2.74-2.42,5.82-5.19,12.62-7.87,19.65l0,.05c-5.68,8.64-11.06,12.85-16.43,12.85a7.5,7.5,0,0,1-5-1.68c4.42-5.69,7.26-13,7.26-19.81,0-8.74-5.16-13.8-13.58-13.8-10.63,0-22.74,10.27-25.87,23.16-6,9-13.2,15.59-20.59,18.87-.73-5.47-3.68-8.42-8.21-9.27,8.85-7.16,15.59-16,15.59-23.59,0-5.79-4-9.17-10.32-9.17-9.48,0-17.17,9.27-25.71,22.44-6,9.27-12.95,17.91-18.53,17.91-2.85,0-4.64-2-4.64-5.59,0-8.74,9.38-17.48,9.38-24.54,0-4.95-6.53-6.42-10-9.16,2.21-3.9,3.26-7,3.26-8.74s-1.26-3.06-3.47-3.06c-2.63,0-6.22,4.74-6.22,11.8v1.37a151.33,151.33,0,0,1-10.95,20c-6.85,10.64-18.54,17.59-27.18,17.59-6.21,0-10.42-3.26-10.42-9.69,0-1.16.1-2.42.21-3.58,17.06-1.58,30.54-9.48,30.54-18,0-5.59-3.68-8.75-10-8.75-9.71,0-22.52,9.53-25.9,23.27-5.71,9.23-12.71,17.08-18.13,17.08-3.16,0-5.48-2-5.48-6.85,0-6.74,4.63-18.22,9.9-29.39h8c1.57,0,2.63-.73,2.63-2.21,0-1.05-.95-1.9-2.63-1.9h-6l4-7.9c3-4.74,4.53-7.9,4.53-9.69a2.52,2.52,0,0,0-2.84-2.52c-1.58,0-3.27,2.63-6.53,8.95-1.79,3.37-3.79,7.27-5.69,11.16h-7c-1.69,0-2.74.64-2.74,2s1.05,2.1,2.74,2.1h5a150.43,150.43,0,0,0-7.19,18.22.76.76,0,0,1-.08.11c-5.79,9.59-13.06,17.91-18.64,17.91-3.16,0-5.48-2-5.48-6.85,0-6.74,4.63-18.22,9.9-29.39h8c1.58,0,2.63-.73,2.63-2.21,0-1.05-1-1.9-2.63-1.9h-6l4-7.9c2.94-4.74,4.53-7.9,4.53-9.69,0-1.47-1.06-2.52-2.85-2.52-1.58,0-3.26,2.63-6.53,8.95-1.79,3.37-3.79,7.27-5.69,11.16h-7c-1.69,0-2.74.64-2.74,2s1.05,2.1,2.74,2.1h5a148.55,148.55,0,0,0-7.18,18.21l-.09.12c-6.84,10.64-18.53,17.59-27.17,17.59-6.22,0-10.43-3.26-10.43-9.69,0-1.16.11-2.42.21-3.58,17.06-1.58,30.55-9.48,30.55-18,0-5.59-3.69-8.75-10-8.75-9.67,0-22.44,9.47-25.87,23.14-4.87,7.12-12.54,10.83-21,12.26a25.33,25.33,0,0,0,2.95-11.27,21.85,21.85,0,0,0-7.69-17c10.75-6.95,18.86-18.33,18.86-29.39,0-10.75-6.85-16.85-17.38-16.85-13.27,0-25.7,11.58-34.13,22.64.21-2.21.42-4.32.42-6.11,0-8-4.63-13.9-11.69-15.8-.11-6.84-2.53-10.42-4.95-10.42a2.46,2.46,0,0,0-2.53,2.31,3.38,3.38,0,0,0,.63,1.69,11.33,11.33,0,0,1,1.37,5.79c-17.27.21-37.6,15.38-37.6,29.7,0,7.27,4.32,11.49,11.38,11.49,13.48,0,28.75-20,31.28-35.82,4,1.58,6.32,5.16,6.32,11,0,5-.95,10.21-4.53,19.27-4.11,10.43-9.8,23.07-11.69,26.65-6.22,10-9.48,16.75-9.48,20.44a2.87,2.87,0,0,0,3.05,3.05c1.37,0,2.74-1.37,3.79-3.68,4.85-11.27,15.07-34.24,20.65-45.72,6.32-12.43,21.7-31.7,37.81-31.7,6.64,0,11,4,11,12,0,9.69-7.16,20.33-16.86,26.65a29.18,29.18,0,0,0-13.9-3.26c-7.06,0-12.22,2.63-12.22,6.63,0,3.37,3.06,6.32,9.27,6.32a37.85,37.85,0,0,0,16.85-4.31c3.9,3.37,6.11,8.32,6.11,14.32A22.74,22.74,0,0,1,495.8,434h-1.05c-12.43,0-23-2.84-29.7-7.16-1.79-1.16-3.69-2.42-5.59-2.42-2.42,0-4,1.89-4,6.32,0,11.06,9.69,18.75,22.54,18.75,8.22,0,16.22-4.74,21.49-11.38,9.37-.88,17.21-4,23-9.36.18,9,5.84,13.89,15.89,13.89,9.43,0,18.72-5.14,25.85-12.85,0,.36,0,.72,0,1.05,0,7.8,4.1,11.8,10.53,11.8s12.11-5,17.5-12.06a2.35,2.35,0,0,0,0,.26c0,7.8,4.1,11.8,10.53,11.8,6.6,0,12.51-5.37,18.07-12.83.59,8.31,6.2,12.83,15.85,12.83,12,0,23.8-8.32,31.18-19.7a3.52,3.52,0,0,0,.17-.39c4.35-6.84,8.09-13.28,11.31-19.62,2.53,1.58,6.63,2.74,6.63,5.58,0,5.8-9.16,15.17-9.16,23.6,0,6.63,3.68,10.53,9.37,10.53,8.64,0,16.33-9.59,22.86-19.7,7.58-11.79,15.06-20.43,22-20.43,3.15,0,4.84,1.68,4.84,4.74,0,7.48-9.8,18-17,23.38-5.37,4.11-7.37,4.74-7.37,6.43a2,2,0,0,0,2.1,2c2.22,0,5.69-4.42,9.38-4.42,3.37,0,5.48,2.31,5.69,7.47-20.12,6.53-30.86,10.22-30.86,20.12,0,5.16,4.84,8.53,10.53,8.53,10.74,0,24.54-13.37,25.91-26.12a47.59,47.59,0,0,0,19.78-15.18c.72,8.67,6.47,13.18,14.24,13.18,5.48,0,11-2.84,15.38-7.27a13.62,13.62,0,0,0,7.58,2.11,19,19,0,0,0,12.9-5.22q-1,2.89-1.94,5.75a7.6,7.6,0,0,0-.42,2.52,2,2,0,0,0,2.11,2.11c2.1,0,2.74-1.79,3.16-3.16,2.63-8.43,6.53-18.75,10.85-24,5.16-6.21,14.32-13.06,19.9-13.06a3.38,3.38,0,0,1,3.69,3.69c0,7.37-9.9,17.49-9.9,26.86,0,6.11,3.58,9.69,9.06,9.69,5.79,0,10.74-6.43,10.74-9.37A1.75,1.75,0,0,0,849.73,431.44ZM647.38,402.36c2.63,0,4.42,1.48,4.42,3.79,0,6.32-10.21,12.64-23.8,14.33C631.37,410,641,402.36,647.38,402.36Zm-98.28,0c2.64,0,4.43,1.48,4.43,3.79,0,6.32-10.22,12.64-23.81,14.33C533.09,410,542.68,402.36,549.1,402.36Zm-127-6.63c-3.69,0-5.9-2.43-5.9-6.53,0-12.33,17.06-25.39,31.71-25.6C445.77,377.29,433.13,395.73,422.07,395.73Zm54,12c-2.74,0-3.9-.85-3.9-2,0-1.58,2.21-2.52,7.48-2.52a23.77,23.77,0,0,1,8.85,1.68A30.63,30.63,0,0,1,476.11,407.74Zm1.68,37.39c-9.48,0-16.85-6-16.85-14.33a1.57,1.57,0,0,1,.31-1.05c6.85,4.74,18.44,8.32,31.29,8.53C488.54,442.39,483.27,445.13,477.79,445.13Zm230.47,21.49c-2.74,0-5-1.48-5-4.43,0-6.53,9.06-10.53,25-15.48C725.85,456.5,715.64,466.62,708.26,466.62Zm75.1-38.56a3,3,0,0,0-2.84,3.06,1.28,1.28,0,0,0,.11.63c-3.48,3.9-7.8,6.43-12.12,6.43-4.63,0-8.53-3.48-8.53-10.33,0-12.85,11.9-25.49,20.54-25.49,4.85,0,8,3.06,8,9.27A31,31,0,0,1,783.36,428.06Z" transform="translate(-403.93 -233)"/></g></svg>
\ No newline at end of file
diff --git a/Frontend/src/styles.css b/Frontend/src/styles.css
index 90d4ee0..e6cbeed 100644
--- a/Frontend/src/styles.css
+++ b/Frontend/src/styles.css
@@ -1 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
+body {
+    margin: 0;
+    font-family: sans-serif;
+}