some style changes

html/index.html

@@ -137,8 +137,8 @@
                 Austausch, Zusammenarbeit und gemeinsame Entdeckungen erwarten dich.
             </p>
             <div class="demo-buttons">
-               <a href="#" class="demo-button">Forum / Nextcloud</a>
-               <a href="#" class="demo-button">Archiv / Gitea</a>
+               <a href="https://cloud.gzl.lan64.de" class="demo-button">Forum / Nextcloud</a>
+               <a href="https://git.gzl.lan64.de" class="demo-button">Archiv / Gitea</a>
                <!--  <a href="#" class="demo-button">Events</a> -->
             </div>
         </div>

html/style.css

@@ -12,11 +12,11 @@ html {
 }
 
 body {
-    /* Wir entfernen den Gradienten vom Body, damit er nicht durchblitzt */
-    background: #667eea; 
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     line-height: 1.6;
     color: #333;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    overflow-x: hidden;
 }
 
 .container {
@@ -68,6 +68,7 @@ nav {
     color: #667eea;
 }
 
+/* Hamburger Icon (Standard versteckt) */
 .hamburger {
     display: none;
     flex-direction: column;
@@ -89,16 +90,13 @@ nav {
    3. HERO SECTION
    ========================================== */
 .hero {
-    /* Der lila Verlauf gehört nur in den ersten Sichtbereich */
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
-    color: white;
+    color: rgb(38, 38, 38);
     padding-top: 80px;
-    padding-bottom: 80px; /* Innenabstand unten */
 }
 
 .hero-content {
@@ -108,17 +106,16 @@ nav {
 .hero h1 {
     font-size: 3.5rem;
     margin-bottom: 1rem;
-    background: linear-gradient(45deg, #010c3c, #0f216e);
+    background: linear-gradient(45deg, #091e7a, #667eea);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     line-height: 1.2;
 }
 
-
 .hero p {
     font-size: 1.5rem;
-    margin-bottom: 2rem;
+    margin-bottom: 1.5rem;
     opacity: 0.9;
 }