diff --git a/Pages/Index.razor b/Pages/Index.razor
index 5669d30..d31070c 100644
--- a/Pages/Index.razor
+++ b/Pages/Index.razor
@@ -11,8 +11,11 @@
 </header>
 
 <body>
-    <div class="mt-4 p-5 bg-primary text-white rounded" >
-        <h1>Herzlich Willkommen!</h1>
+    <div class="container col-md-6" id="content">
+            <h1>Herzlich Willkommen!</h1>
+            <img src="assets/Logo_new.png">
+            <br><button type="button" class="btn btn-light">Zur Speisekarte</button>
+
     </div>
 </body>
 
diff --git a/wwwroot/css/Site.css b/wwwroot/css/Site.css
new file mode 100644
index 0000000..274d8e7
--- /dev/null
+++ b/wwwroot/css/Site.css
@@ -0,0 +1,18 @@
+﻿#content {
+    background-color: #C7FFD5;
+    padding: 10%;
+}
+
+
+img {
+    height: 50%;
+    max-width: 50%;
+    text-align: center;
+}
+
+
+button {
+    text-align: center;
+    position: center;
+}
+
diff --git a/wwwroot/index.html b/wwwroot/index.html
index 238c777..ad1f5f8 100644
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -7,6 +7,7 @@
     <title>y4f</title>
     <base href="/" />
     <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
+    <link href="css/Site.css" rel="stylesheet" />
     <link href="css/app.css" rel="stylesheet" />
     <link rel="icon" type="image/png" href="favicon.png" />
     <link href="y4f.styles.css" rel="stylesheet" />
