diff --git a/Website/static/images/Einladung_Elternsprechtag.pdf b/Website/static/downloads/Einladung_Elternsprechtag.pdf
similarity index 100%
rename from Website/static/images/Einladung_Elternsprechtag.pdf
rename to Website/static/downloads/Einladung_Elternsprechtag.pdf
diff --git a/Website/static/images/audit-official-report-20260730-100236.pdf b/Website/static/downloads/audit-official-report-20260730-100236.pdf
similarity index 100%
rename from Website/static/images/audit-official-report-20260730-100236.pdf
rename to Website/static/downloads/audit-official-report-20260730-100236.pdf
diff --git a/Website/static/images/rechnung_INV-20260730-100002-577983.pdf b/Website/static/downloads/rechnung_INV-20260730-100002-577983.pdf
similarity index 100%
rename from Website/static/images/rechnung_INV-20260730-100002-577983.pdf
rename to Website/static/downloads/rechnung_INV-20260730-100002-577983.pdf
diff --git a/Website/templates/dienstleistungen.html b/Website/templates/dienstleistungen.html
index ca1424e..d04b9f9 100644
--- a/Website/templates/dienstleistungen.html
+++ b/Website/templates/dienstleistungen.html
@@ -135,9 +135,9 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshots ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-11.jpg') }}" alt="Suchmaske Dropdowns" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-13.jpg') }}" alt="Status Filter" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-15.jpg') }}" alt="Erweiterte Such-Einstellungen" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-11.png') }}" alt="Suchmaske Dropdowns" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-13.png') }}" alt="Status Filter" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-15.png') }}" alt="Erweiterte Such-Einstellungen" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -148,9 +148,9 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshots ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-06.jpg') }}" alt="Kachelansicht Inventar" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-29.jpg') }}" alt="Objekt in der Kachelansicht fokussiert" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-39.jpg') }}" alt="Kompaktes Listenformat" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-06.png') }}" alt="Kachelansicht Inventar" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-29.png') }}" alt="Objekt in der Kachelansicht fokussiert" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-39.png') }}" alt="Kompaktes Listenformat" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -164,8 +164,8 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshots ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-37.jpg') }}" alt="Visuelle Hervorhebung eines Objekts" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-41_2.jpg') }}" alt="Detail-Informationen aufrufen" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-37.png') }}" alt="Visuelle Hervorhebung eines Objekts" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-41_2.png') }}" alt="Detail-Informationen aufrufen" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -176,7 +176,7 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshot ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-41.jpg') }}" alt="Vollbild der Objektdetails" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-41.png') }}" alt="Vollbild der Objektdetails" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -187,9 +187,9 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshots ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-46.jpg') }}" alt="Defekthistorie einsehen" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-58.jpg') }}" alt="Verfügbarkeit über Kalender prüfen" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-03.jpg') }}" alt="Aktions-Buttons" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-46.png') }}" alt="Defekthistorie einsehen" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-58.png') }}" alt="Verfügbarkeit über Kalender prüfen" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-08-03.png') }}" alt="Aktions-Buttons" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -203,7 +203,7 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshot ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-33.jpg') }}" alt="Dashboard für defekte Items" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 12-07-33.png') }}" alt="Dashboard für defekte Items" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -368,7 +368,7 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshot ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-29-35.jpg') }}" alt="Terminplaner-Dashboard" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-29-35.png') }}" alt="Terminplaner-Dashboard" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -379,12 +379,12 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshots ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-29-40.jpg') }}" alt="Terminplan erstellen 1" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-29-42.jpg') }}" alt="Terminplan erstellen 2" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-07.jpg') }}" alt="Zeitfenster Definition" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-13.jpg') }}" alt="Benutzerdefinierte Felder" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-30.jpg') }}" alt="Datenschutz-Einwilligung" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-35.jpg') }}" alt="Aktiver Buchungs-Link" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-29-40.png') }}" alt="Terminplan erstellen 1" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-29-42.png') }}" alt="Terminplan erstellen 2" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-07.png') }}" alt="Zeitfenster Definition" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-13.png') }}" alt="Benutzerdefinierte Felder" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-30.png') }}" alt="Datenschutz-Einwilligung" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-35.png') }}" alt="Aktiver Buchungs-Link" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -398,8 +398,8 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshots ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-39.jpg') }}" alt="Buchungsübersicht und Tabelle" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-32-11.jpg') }}" alt="Export und Filter" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-30-39.png') }}" alt="Buchungsübersicht und Tabelle" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-32-11.png') }}" alt="Export und Filter" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -410,7 +410,7 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshot ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-32-27.jpg') }}" alt="Kalender-Anzeige Admin" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-32-27.png') }}" alt="Kalender-Anzeige Admin" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -424,11 +424,11 @@
                     <details class="screenshot-toggle">
                         <summary>🖼️ Screenshots ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-10.jpg') }}" alt="Buchungsansicht Dark Mode" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-18.jpg') }}" alt="Zeitslot auswählen" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-38.jpg') }}" alt="Formular Kontaktdaten" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-43.jpg') }}" alt="Reservierung abschicken" loading="lazy" style="margin-bottom: 1rem;">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-32-02.jpg') }}" alt="Bestätigungs-Overlay" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-10.png') }}" alt="Buchungsansicht Dark Mode" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-18.png') }}" alt="Zeitslot auswählen" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-38.png') }}" alt="Formular Kontaktdaten" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-43.png') }}" alt="Reservierung abschicken" loading="lazy" style="margin-bottom: 1rem;">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-32-02.png') }}" alt="Bestätigungs-Overlay" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -444,7 +444,7 @@
                     <details class="screenshot-toggle" style="margin-top: 0.75rem;">
                         <summary>🖼️ Screenshot ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-50.jpg') }}" alt="Buchungsbestätigung und iCal-Export" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-31-50.png') }}" alt="Buchungsbestätigung und iCal-Export" loading="lazy">
                         </div>
                     </details>
                 </li>
@@ -460,7 +460,7 @@
                     <details class="screenshot-toggle" style="margin-top: 0.75rem;">
                         <summary>🖼️ Screenshot ansehen</summary>
                         <div class="screenshot-wrapper">
-                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-33-02.jpg') }}" alt="Einladungsschreiben mit QR-Code" loading="lazy">
+                            <img src="{{ url_for('static', filename='images/Bildschirmfoto zu 2026-07-30 13-33-02.png') }}" alt="Einladungsschreiben mit QR-Code" loading="lazy">
                         </div>
                     </details>
                 </li>