formatted styles correctly

css/styles.css

@@ -599,3 +599,24 @@ body {
         font-size: 1.8rem;
     }
 }
+
+.download-button {
+    padding: 12px 24px;
+    font-size: 16px;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s ease, transform 0.3s ease;
+}
+
+.download-button:hover {
+    background-color: #0056b3;
+    transform: translateY(-2px);
+}
+
+.download-button:active {
+    transform: translateY(1px);
+}
+

index.html

@@ -16,9 +16,8 @@
             </a>
 
             <button class="burger-menu" onclick="toggleMenu()">&#9776;</button>
-
             <div class="menu" id="navLinks">
-                <div class="hidemenu" id="toggleMenu">
+                <div class="hidemenu">
                     <a href="index.html" class="active">Home</a>
                     <a href="./html/About_us.html">About us</a>
                     <a href="./html/Projektinformationen.html">Projektinformationen</a>
@@ -40,32 +39,11 @@
             <div class="hero-text">
                 <h1>Coora<br>Die App für Fussballvereine</h1> <br>
                 <a href="./html/Download.html">
-                    <button class="download-button" style="
-                        padding: 12px 24px;
-                        font-size: 16px;
-                        background-color: #007bff;
-                        color: white;
-                        border: none;
-                        border-radius: 5px;
-                        cursor: pointer;
-                        transition: background-color 0.3s ease, transform 0.3s ease;
-                    ">Download</button>
+                    <button class="download-button">Download</button>
                 </a>
             </div>
         </section>
         
-        <style>
-            .download-button:hover {
-                background-color: #0056b3;
-                transform: translateY(-2px);
-            }
-        
-            .download-button:active {
-                transform: translateY(1px);
-            }
-        </style>
-             
-        
         <br><br>
 
         <div class="spacer">

js/script.js

@@ -14,18 +14,21 @@ window.addEventListener('scroll', () => {
     }
 });
 
-const observer = new IntersectionObserver((entries) => {
-    entries.forEach(entry => {
-        if (entry.isIntersecting) {
-            entry.target.classList.add('visible');
-        }
+// Überprüfe, ob `observer` bereits deklariert wurde
+if (typeof observer === 'undefined') {
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                entry.target.classList.add('visible');
+            }
+        });
     });
-});
 
-document.querySelectorAll('.slide-in').forEach((element) => {
-    observer.observe(element);
-});
+    document.querySelectorAll('.slide-in').forEach((element) => {
+        observer.observe(element);
+    });
+}
 
 function toggleMenu() {
     document.getElementById("navLinks").classList.toggle("show");
-}
+}
\ No newline at end of file