diff --git a/ui/src/app/home/home.component.css b/ui/src/app/home/home.component.css
index 5696663..ae6ce50 100644
--- a/ui/src/app/home/home.component.css
+++ b/ui/src/app/home/home.component.css
@@ -10,12 +10,20 @@
 .section-heading-page {
     background: #228fb8;
     color: white;
+    height: 150px;
+    position: relative;
+    top:250px;
     
 }
 
-.container {
-    
-    text-align: center;
+.section-name {
+    position: relative;
+    top: 50px;
+}
+
+.section-countdown {
+    position:relative;
+    top: -170px;
 }
 
 
@@ -23,3 +31,4 @@
 
 
 
+
diff --git a/ui/src/app/home/home.component.html b/ui/src/app/home/home.component.html
index eb7f37f..d87d1f0 100644
--- a/ui/src/app/home/home.component.html
+++ b/ui/src/app/home/home.component.html
@@ -1,58 +1,9 @@
-<br />
-<br />
-<br />
-<br />
-<br />
-<br />
-<br />
-<br />
-<br />
-<br />
-<br />
-<br />
-
-<div class="container">
-    <div class="row align-items-start">
-        <div class="col">
-            <div class="container">
-                <div class="row">
-                    <div class="col align-self-center">
-                        <app-countdown></app-countdown>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col">
-                        <div class="section-heading-page">
-                            <h1 class="heading-page">Annika &amp; Damian</h1>
-                            <div class="text-center mt-10">20.08.2022</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
+<div class="section-heading-page">
+    <div class="section-name">
+        <h1 class="heading-page">Annika &amp; Damian</h1>
+        <div class="text-center mt-10">20.08.2022</div>
+    </div>
+    <div class="section-countdown">
+        <app-countdown></app-countdown>
     </div>
 </div>
-
-<!--
-
-
-
-<div class="wrapper-table">
-    <div class="wrapper-table-cell">
-        
-    </div>
-    <div class="section-heading-page">
-        <div class="container">
-            <div class="row">
-                <div class="col-xs-12">
-                    <div class="heading-page"><app-countdown></app-countdown></div>
-                    <h1 class="heading-page">Annika &amp; Damian</h1>
-                    <div class="subtitle-page text-center mt-10">20.08.2022</div>
-                </div>
-            </div>
-        </div>
-  </div>
-</div>
-
-  
--->
\ No newline at end of file
diff --git a/ui/src/app/navbar/navbar.component.html b/ui/src/app/navbar/navbar.component.html
index bcdccb5..734531a 100644
--- a/ui/src/app/navbar/navbar.component.html
+++ b/ui/src/app/navbar/navbar.component.html
@@ -1,25 +1,19 @@
-
-<!-- NAVBAR -->
-    <!--===============================================================-->
-    <nav class="navbar fixed-top navbar-expand-sm justify-content-center navbar-light bg-light">
-        
-        <ul class="navbar-nav">
-            <li class="nav-item">
-                <a class="nav-link" routerLink="/home">Home</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="#">Unser Fest</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="#">Bilder</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="#">Wunschbüechli</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" routerLink="/besucher">Anmeldung zum Fest</a>
-              </li>
-        </ul>
-    </nav>
-    
-      <!-- NAVBAR END -->
+<nav class="navbar fixed-top navbar-expand-sm justify-content-center navbar-light bg-light">
+  <ul class="navbar-nav">
+    <li class="nav-item">
+        <a class="nav-link" routerLink="/home">Home</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Unser Fest</a>
+      </li>
+      <!--<li class="nav-item">
+        <a class="nav-link" href="#">Bilder</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Wunschbüechli</a>
+      </li>-->
+      <li class="nav-item">
+        <a class="nav-link" routerLink="/besucher">Anmeldung zum Fest</a>
+      </li>
+  </ul>
+</nav>
\ No newline at end of file
diff --git a/ui/src/styles.css b/ui/src/styles.css
index 1396826..ad0547d 100644
--- a/ui/src/styles.css
+++ b/ui/src/styles.css
@@ -2,7 +2,9 @@
 * {
     font-size: 15px;
 }
-
+html {
+    width: 100%;
+}
 body {
     
     font-family: Roboto, "Helvetica Neue", sans-serif;