diff --git a/Pages/Index.razor b/Pages/Index.razor
index 5851de9..7acd1be 100644
--- a/Pages/Index.razor
+++ b/Pages/Index.razor
@@ -1,20 +1,18 @@
 ﻿@page "/"
+@layout Startseite
 
-<PageTitle>Index</PageTitle>
-
-
+<PageTitle>Yummy4Friends</PageTitle>
 
 <header>
-
-
-
 </header>
 
 <body>
-    <div class="container col-md-6" id="content">
-        <h1 class="center">Herzlich Willkommen!</h1>
-            <img src="assets/Logo_new.png" class="center">
-            <br><button type="button" class="btn btn-light center">Zur Speisekarte</button>
+    <div class="container col-md-6 col-sm-12 d-flex flex-column " id="content">
+        <center><h2>Herzlich Willkommen!</h2></center>
+
+            <img src="assets/Logo_new.png" class="img" title="logo image">
+            
+        <button type="button" class=" btn btn-light justify-content-center">Zur Speisekarte</button>
 
     </div>
 </body>
diff --git a/Shared/NavMenu.razor b/Shared/NavMenu.razor
index 8e4f374..ff41750 100644
--- a/Shared/NavMenu.razor
+++ b/Shared/NavMenu.razor
@@ -2,7 +2,7 @@
     <div class="container-fluid">
         @*<a class="navbar-brand" href="">Yummy4Friends</a>*@
        <a class="navbar-brand" href="">
-            <img src="assets/Logo_new.png" alt="Yummy4Friends" width="100" height="100">
+            <img src="assets/Logo_new.png" alt="Yummy4Friends" width="8%" height="auto">
        </a>
 
         <button class="navbar-toggler @NavButtonCssClass" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
diff --git a/Shared/Startseite.razor b/Shared/Startseite.razor
new file mode 100644
index 0000000..ff9944e
--- /dev/null
+++ b/Shared/Startseite.razor
@@ -0,0 +1,11 @@
+﻿@inherits LayoutComponentBase
+
+<div>
+
+    <main class="container">
+
+        <article class="content px-4">
+            @Body
+        </article>
+    </main>
+</div>
\ No newline at end of file
diff --git a/wwwroot/css/Site.css b/wwwroot/css/Site.css
index 76ec147..26e5f07 100644
--- a/wwwroot/css/Site.css
+++ b/wwwroot/css/Site.css
@@ -1,27 +1,20 @@
-﻿#center {
-    
-    margin-left: auto;
-    margin-right: auto;
-    width: 50%;
+﻿@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
+
+body {
+    margin: 0px;
+    padding: 0px;
 }
 
-
-
 #content {
     background-color: #C7FFD1;
-    padding: 10%;
+    padding: 5%;
+    margin-top: 1%;
+    border-radius: 10px;
+
 }
 
-
-img {
+.img {
     height: auto;
-    max-width: 50%;
-    text-align: center;
+    max-width: 100%;
+    margin: 10%;
 }
-
-
-button {
-    text-align: center;
-    position: center;
-}
-
diff --git a/y4f.sln b/y4f.sln
index cd5de42..7814467 100644
--- a/y4f.sln
+++ b/y4f.sln
@@ -3,7 +3,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.4.33205.214
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "y4f", "y4f.csproj", "{1B083D74-9507-4510-A532-8AAAD1FB6035}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "y4f", "y4f.csproj", "{1B083D74-9507-4510-A532-8AAAD1FB6035}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
