.

assets/seiten/css/design.css

@@ -121,6 +121,7 @@ body{
     */
 }
 /* GPU Freundlicher */
+/* Q: https://www.fourkitchens.com/blog/article/fix-scrolling-performance-css-will-change-property/ */
 .seite::before {
     content: "";
     position: fixed;

assets/seiten/css/index.css

@@ -12,8 +12,10 @@
     color: #232323;
     padding: .5px;
     border-radius: 4px;
+    text-decoration: none;
 }
 
+#down-btn:hover,
 #up-btn:hover {
     background-color: #232323;
     cursor: pointer;
@@ -21,8 +23,21 @@
     transition: all 0.75s;
 }
 
-#down-button {
+#down-btn {
     color: #121212;
+    background-color: #808080;
+    text-align: center;
+    position: absolute;
+    left: 50%;
+    top: 95%;
+    transform: translate(-50%, -50%);
+    max-width: 75px;
+    width: 100%;
+    font-size: 1.3rem;
+    padding: .5px;
+    border-radius: 4px;
+    text-decoration: none;
+   
 }
 
 #content {
@@ -32,12 +47,13 @@
     position: absolute;
     top: 100%;
     left: 0;
-    right: 0;
-    
     background-color: #121212;
 }
 
-#down {
+.headline {
-    z-index: 1;
+    text-align: center;
-    position: relative;
+    position: absolute;
+    left: 50%;
+    top: 8rem;
+    transform: translate(-50%, -50%);
 }

index.html

@@ -36,14 +36,15 @@
                     <span></span>
                 </section>
             </div>
-            <!-- Hauptseite -->
+            <!-- Startseite Content (Kurzes "wer sind wir", Bilder)-->
-            <!-- On Top Knopf -->
-            <a id="up-btn" href="#top">Nach Oben</a>
             <!-- Scroll Down Knopf-->
-            <a id="down-btn" href="#content"><img src="./assets/bilder/arrow_down.png"></a>
+            <a id="down-btn" href="#content">Nach Unten<br>⬇️</a>
+            <!-- On Top Knopf -->
+            <a id="up-btn" href="#top">⬆️<br>Nach Oben</a>
+            
             <!-- Hauptseiten Content (Text, Bilder, Verknüpfungen,...)-->
             <div id="content">
-                <h1>- Überschrift -</h1>
+                <h1 class="headline">- Überschrift -</h1>
             </div>
 
         </div>