diff --git a/assets/bilder/Logo.png b/assets/bilder/Logo.png
index 22b23e7..19d3565 100644
Binary files a/assets/bilder/Logo.png and b/assets/bilder/Logo.png differ
diff --git a/assets/design.css b/assets/design.css
index a33194a..105d80e 100644
--- a/assets/design.css
+++ b/assets/design.css
@@ -1,3 +1,7 @@
+html {
+    scroll-behavior: smooth;
+}
+
 *,
 *::before,
 *::after {
@@ -46,25 +50,7 @@ body{
     color: #f2f2f2;
 }
 
-#top {
-    position: fixed;
-    bottom: 1.2rem;
-    float: right;
-    right: 18.5%;
-    left: 95%;
-    max-width: 75px;
-    width: 100%;
-    font-size: 1.3rem;
-    border: rgb(138,43,226);
-    background-color: #808080;
-    padding: .5px;
-    border-radius: 4px;
-}
 
-#top:hover {
-    background-color: #f2f200;
-    cursor: pointer;
-}
 
 .neon-button {
     font-size: 1rem;
diff --git a/assets/seiten/css/startseite.css b/assets/seiten/css/startseite.css
new file mode 100644
index 0000000..439a97b
--- /dev/null
+++ b/assets/seiten/css/startseite.css
@@ -0,0 +1,28 @@
+#top {
+    position: fixed;
+    bottom: 1.2rem;
+    float: right;
+    right: 18.5%;
+    left: 95%;
+    max-width: 75px;
+    width: 100%;
+    font-size: 1.3rem;
+    border: rgb(138,43,226);
+    background-color: #808080;
+    padding: .5px;
+    border-radius: 4px;
+}
+
+#top:hover {
+    background-color: #f2f200;
+    cursor: pointer;
+}
+
+#scroll-down {
+    margin-top: 95%;
+}
+
+#content {
+    margin-top: 100%;
+    background-color: #121212;
+}
diff --git a/index.html b/index.html
index a38867b..2cb03bf 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
         <meta name="viewport" content="with=device-width, initial-scale=1.0">
         <title>Startseite</title>
         <link rel="stylesheet" type="text/css" href="assets/design.css"/>
+        <link rel="stylesheet" type="text/css" href="assets/seiten/css/startseite.css"/>
         <link rel="icon" type="image/png" href="assets/bilder/Logo.png">
     </head>
     <body>
@@ -33,10 +34,17 @@
             </section>
 
             <!-- Hauptseite -->
-            <p> - Startseite -</p>
+
             <!-- On Top Knopf -->
             <button id="top"><a href="#top" style="color:white">Nach Oben</a></button>
 
+            <!-- Scroll Down Knopf-->
+            <button id="scroll-down"><a href="#content">^</a></button>
+
+            <div class="content">
+                <h1>- Übershrift -</h1>
+            </div>
+
         </div>
     </body>
 </html>
