diff --git a/app.py b/app.py
index 3209667..d202524 100644
--- a/app.py
+++ b/app.py
@@ -16,7 +16,6 @@ def download_and_extract(url):
         decompressed_content = bz2.decompress(compressed_content)
         return decompressed_content
     else:
-        print(f"Fehler beim Abrufen der Datei: {response.status_code}")
         return None
 
 # Funktion zum Extrahieren der relevanten Wetterdaten
@@ -50,20 +49,20 @@ def extract_weather_data(messages):
     
     return weather_info
 
-# Flask-Route, die die Wetterdaten bereitstellt
+# API-Route zum Bereitstellen der Wetterdaten
 @app.route('/weather')
 def weather():
     data = download_and_extract(url)
     if data:
-        weather_data_json = json.loads(data)
-        weather_data = extract_weather_data(weather_data_json["messages"])
-        return jsonify(weather_data)
+        weather_data = json.loads(data)
+        extracted_data = extract_weather_data(weather_data['messages'])
+        return jsonify(extracted_data)
     else:
         return jsonify({"error": "Fehler beim Abrufen der Wetterdaten"}), 500
 
-# Route für die Hauptseite
+# Route für die Website
 @app.route('/')
-def home():
+def index():
     return render_template('index.html')
 
 if __name__ == '__main__':
diff --git a/requirements.txt b/requirements.txt
index 3dc103b..e635204 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,5 +1,2 @@
 Flask
 requests
-geojson
-lxml
-beautifulsoup4
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 8e08f16..d0203b2 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -8,61 +8,60 @@
         body {
             font-family: Arial, sans-serif;
             background-color: #f4f4f4;
+            margin: 0;
+            padding: 20px;
             text-align: center;
-            padding: 20px;
-        }
-        .weather-card {
-            background-color: white;
-            border-radius: 8px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-            margin: 10px;
-            padding: 20px;
-            display: inline-block;
-            width: 300px;
         }
         h1 {
             color: #333;
         }
+        .weather-container {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        .station {
+            padding: 10px;
+            border: 1px solid #ddd;
+            margin-bottom: 10px;
+            background-color: white;
+            text-align: left;
+        }
     </style>
 </head>
 <body>
-    <h1>Aktuelle Wetterdaten von DWD</h1>
-    <div id="weather-container">
+    <h1>Aktuelle Wetterdaten</h1>
+    <div id="weather-container" class="weather-container">
         <p>Daten werden geladen...</p>
     </div>
 
     <script>
-        // Funktion zum Abrufen und Anzeigen der Wetterdaten
+        // Funktion zum Abrufen der Wetterdaten von der Flask-API
         async function fetchWeatherData() {
-            try {
-                const response = await fetch('/weather');
-                const data = await response.json();
-
-                const container = document.getElementById('weather-container');
-                container.innerHTML = '';  // Leere den Container
-
-                // Iteriere durch die Wetterdaten und erstelle HTML-Elemente für jede Station
-                data.forEach(station => {
-                    const stationDiv = document.createElement('div');
-                    stationDiv.className = 'weather-card';
-
-                    stationDiv.innerHTML = `
-                        <h2>${station.station}</h2>
-                        <p>Temperatur: ${station.temperature.toFixed(2)}°C</p>
-                        <p>Luftdruck: ${station.pressure} hPa</p>
-                        <p>Windgeschwindigkeit: ${station.wind_speed} m/s</p>
-                        <p>Wolkenbedeckung: ${station.cloud_cover}%</p>
-                    `;
-
-                    container.appendChild(stationDiv);
-                });
-            } catch (error) {
-                console.error('Fehler beim Abrufen der Wetterdaten:', error);
-                document.getElementById('weather-container').innerHTML = '<p>Fehler beim Abrufen der Daten.</p>';
-            }
+            const response = await fetch('/weather');
+            const data = await response.json();
+            displayWeatherData(data);
         }
 
-        // Daten beim Laden der Seite abrufen
+        // Funktion zum Anzeigen der Wetterdaten
+        function displayWeatherData(data) {
+            const container = document.getElementById('weather-container');
+            container.innerHTML = '';  // Lösche den Lade-Text
+
+            data.forEach(station => {
+                const stationDiv = document.createElement('div');
+                stationDiv.className = 'station';
+                stationDiv.innerHTML = `
+                    <h3>${station.station}</h3>
+                    <p>Temperatur: ${station.temperature.toFixed(2)}°C</p>
+                    <p>Luftdruck: ${station.pressure} hPa</p>
+                    <p>Windgeschwindigkeit: ${station.wind_speed} m/s</p>
+                    <p>Wolkenbedeckung: ${station.cloud_cover}%</p>
+                `;
+                container.appendChild(stationDiv);
+            });
+        }
+
+        // Rufe die Wetterdaten ab, wenn die Seite geladen ist
         window.onload = fetchWeatherData;
     </script>
 </body>
