diff --git a/Website/templates/dienstleistungen.html b/Website/templates/dienstleistungen.html
index 14ed18b..f46cca0 100644
--- a/Website/templates/dienstleistungen.html
+++ b/Website/templates/dienstleistungen.html
@@ -151,12 +151,33 @@
                 
                 <li>
                     <strong>Den passenden Scanner-Modus wählen:</strong> Um die Ausleihe effizienter zu gestalten, können Sie das Verhalten des Barcode-Scanners anpassen. Klicken Sie auf das Dropdown-Menü über der Medienliste (Standardmäßig auf "Nur Ausweis erfassen"). Wählen Sie hier beispielsweise den "Schnellmodus: Ausweis + Mediencode" aus. Das System erwartet dann nacheinander den Scan des Schülerausweises und direkt danach den Buchcode, was den Ausleihprozess an der Theke deutlich beschleunigt.
+
+                    <details class="screenshot-toggle">
+                        <summary>🖼️ Screenshot ansehen</summary>
+                        <div class="screenshot-wrapper">
+                            <img src="{{ url_for('static', filename='images/Screenshot 2026-07-13 102200.png') }}" alt="Filter-Menü mit Export-Funktionen" loading="lazy">
+                        </div>
+                    </details>
                 </li>
                 <li>
                     <strong>Neue Bücher anlegen oder gesammelt importieren:</strong> Wenn Sie neue Medien ins System aufnehmen möchten, wechseln Sie in den Bereich zum Hochladen von Büchern. Für große Mengen nutzen Sie ganz oben den "Excel-Import", um eine vorgefertigte Liste direkt einzulesen. Für einzelne Bücher füllen Sie das Formular darunter aus. Besonders praktisch: Scannen oder tippen Sie unten im Formular die ISBN ein und klicken Sie auf "Informationen abrufen", um Buchdaten automatisch ausfüllen zu lassen. Legen Sie abschließend noch fest, ob der Artikel im Voraus reservierbar sein soll.
+
+                    <details class="screenshot-toggle">
+                        <summary>🖼️ Screenshot ansehen</summary>
+                        <div class="screenshot-wrapper">
+                            <img src="{{ url_for('static', filename='images/Screenshot 2026-07-13 102214.png') }}" alt="Neue Bücher anlegen oder gesammelt importieren" loading="lazy">
+                        </div>
+                    </details>
                 </li>
                 <li>
                     <strong>Rückgaben verwalten und Schäden dokumentieren:</strong> Um ausgeliehene Medien zurückzunehmen, öffnen Sie die Ansicht "Bibliotheks-Ausleihen". Hier sehen Sie alle aktuell verliehenen Bücher. Klicken Sie bei Rückgabe einfach auf "Zurücksetzen", um das Buch wieder als "Verfügbar" im System zu vermerken. Sollte ein Medium beschädigt zurückgegeben werden, klicken Sie auf "Schaden melden". Das System markiert das Element dann deutlich mit einem roten Warnhinweis. Sobald das Buch repariert wurde, können Sie es über den neuen Button "Als repariert markieren" wieder regulär für den Verleih freigeben.
+                
+                    <details class="screenshot-toggle">
+                        <summary>🖼️ Screenshot ansehen</summary>
+                        <div class="screenshot-wrapper">
+                            <img src="{{ url_for('static', filename='images/Screenshot 2026-07-13 102223.png') }}" alt="Rückgaben verwalten und Schäden dokumentieren" loading="lazy">
+                        </div>
+                    </details>
                 </li>
             </ol>
 
@@ -164,15 +185,49 @@
             <ol start="7">
                 <li>
                     <strong>Bibliotheksausweise anlegen und verwalten:</strong> In der Ausweisverwaltung können Sie die Ausleihberechtigungen für Ihre Schüler organisieren. Sie können einzelne Ausweise manuell anlegen oder bestehende bearbeiten, indem Sie die Ausweis-ID (Barcode-Nummer), den Namen, die Klasse und die gewünschte Standard-Ausleihdauer eintragen. Alternativ bietet das System oben einen praktischen Excel-Import, um ganze Klassenlisten auf einmal einzulesen. In der Liste unten lassen sich alle Ausweise verwalten oder über den Button "PDF" direkt als druckfertige Dokumente (inklusive scanbarem Barcode) exportieren.
+                
+                    <details class="screenshot-toggle">
+                        <summary>🖼️ Screenshot ansehen</summary>
+                        <div class="screenshot-wrapper">
+                            <img src="{{ url_for('static', filename='images/Screenshot 2026-07-13 102331.png') }}" alt="Bibliotheksausweise anlegen und verwalten 1" loading="lazy">
+                        </div>
+                    </details>
+                    <details class="screenshot-toggle">
+                        <summary>🖼️ Screenshot ansehen</summary>
+                        <div class="screenshot-wrapper">
+                            <img src="{{ url_for('static', filename='images/Screenshot 2026-07-13 102335.png') }}" alt="Bibliotheksausweise anlegen und verwalten 2" loading="lazy">
+                        </div>
+                    </details>
                 </li>
                 <li>
                     <strong>Schulstammdaten für offizielle Dokumente hinterlegen:</strong> Damit alle Berichte, PDFs und exportierten Ausweise direkt richtig zugeordnet werden können, rufen Sie die "Schulstammdaten" auf. Hier tragen Sie zentrale Basisdaten wie den Schulnamen, die Adresse und einen Ansprechpartner ein. Zudem können Sie hier Ihr Schullogo hochladen. Das System zeigt Ihnen in der "Aktuellen Vorschau" auf der rechten Seite sofort an, wie diese Angaben später auf amtlichen Dokumenten oder Ausweisen erscheinen werden.
+                
+                    <details class="screenshot-toggle">
+                        <summary>🖼️ Screenshot ansehen</summary>
+                        <div class="screenshot-wrapper">
+                            <img src="{{ url_for('static', filename='images/Screenshot 2026-07-13 102343.png') }}" alt="Schulstammdaten für offizielle Dokumente hinterlegen" loading="lazy">
+                        </div>
+                    </details>
                 </li>
                 <li>
                     <strong>Benutzermenü und Kontoeinstellungen öffnen:</strong> Klicken Sie in der dunklen Hauptleiste ganz rechts auf Ihren Benutzernamen (z. B. "admin"), um das Dropdown-Menü zu öffnen. Dieses kleine Menü dient als Schnellzugriff für Ihre Kontoverwaltung. Von hier aus können Sie mit nur einem Klick Ihr Passwort ändern, das System über "Logout" sicher verlassen oder direkt in die Übersicht Ihrer ungelesenen Systemmeldungen ("Benachrichtigungen") springen.
+                
+                    <details class="screenshot-toggle">
+                        <summary>🖼️ Screenshot ansehen</summary>
+                        <div class="screenshot-wrapper">
+                            <img src="{{ url_for('static', filename='images/Screenshot 2026-07-13 102424.png') }}" alt="Benutzermenü und Kontoeinstellungen" loading="lazy">
+                        </div>
+                    </details>
                 </li>
                 <li>
                     <strong>Benachrichtigungen und System-Hinweise prüfen:</strong> Das Benachrichtigungs-Modul ist Ihre zentrale Anlaufstelle für wichtige Ereignisse im laufenden Betrieb. Hier informiert Sie die Software proaktiv über Handlungsbedarf – zum Beispiel, wenn ein Nutzer ein beschädigtes Buch gemeldet hat oder Rückgabe-Erinnerungen anstehen. Sobald Sie eine Meldung geprüft und das Problem gelöst haben, klicken Sie einfach auf "Als gelesen", um den Hinweis zu archivieren und Ihre Übersicht stets aufgeräumt zu halten.
+
+                    <details class="screenshot-toggle">
+                        <summary>🖼️ Screenshot ansehen</summary>
+                        <div class="screenshot-wrapper">
+                            <img src="{{ url_for('static', filename='images/Screenshot 2026-07-13 102428.png') }}" alt="Benachrichtigungen und System-Hinweise" loading="lazy">
+                        </div>
+                    </details>
                 </li>
             </ol>
         </article>