diff --git a/.github/assets/screenshots/login-button-only.png b/.github/assets/screenshots/login-button-only.png
new file mode 100644
index 0000000..e76ec1e
Binary files /dev/null and b/.github/assets/screenshots/login-button-only.png differ
diff --git a/.github/assets/screenshots/login.png b/.github/assets/screenshots/login.png
new file mode 100644
index 0000000..1ac4f13
Binary files /dev/null and b/.github/assets/screenshots/login.png differ
diff --git a/.github/assets/screenshots/settings-button.png b/.github/assets/screenshots/settings-button.png
new file mode 100644
index 0000000..a08a5ad
Binary files /dev/null and b/.github/assets/screenshots/settings-button.png differ
diff --git a/.github/assets/screenshots/settings-connection.png b/.github/assets/screenshots/settings-connection.png
new file mode 100644
index 0000000..c5d1fe2
Binary files /dev/null and b/.github/assets/screenshots/settings-connection.png differ
diff --git a/.github/assets/screenshots/settings-security.png b/.github/assets/screenshots/settings-security.png
new file mode 100644
index 0000000..a0afedb
Binary files /dev/null and b/.github/assets/screenshots/settings-security.png differ
diff --git a/README.md b/README.md
index 4628664..a8385fb 100644
--- a/README.md
+++ b/README.md
@@ -21,6 +21,7 @@
 ## Inhalt
 
 - [Auf einen Blick](#auf-einen-blick)
+- [Screenshots](#screenshots)
 - [So funktioniert es](#so-funktioniert-es)
 - [Installation](#installation)
 - [Einrichtung in Microsoft Entra ID](#einrichtung-in-microsoft-entra-id)
@@ -55,6 +56,27 @@
 
 ---
 
+## Screenshots
+
+> Vorschauen, gerendert aus dem echten Plugin-Markup und -CSS in einer nachgebauten WordPress-Oberfläche.
+
+| Login-Seite | Nur-Button-Modus |
+| --- | --- |
+| ![Login-Seite mit Microsoft-Button](.github/assets/screenshots/login.png) | ![Login-Seite im Nur-Button-Modus](.github/assets/screenshots/login-button-only.png) |
+
+| Einstellungen – Verbindung | Einstellungen – Button |
+| --- | --- |
+| ![Tab Verbindung](.github/assets/screenshots/settings-connection.png) | ![Tab Button mit Live-Vorschau](.github/assets/screenshots/settings-button.png) |
+
+<details>
+<summary><strong>Einstellungen – Sicherheit</strong> (Gruppen-Auswahl, Nur-Button-Modus, Fallback-Link)</summary>
+
+![Tab Sicherheit](.github/assets/screenshots/settings-security.png)
+
+</details>
+
+---
+
 ## So funktioniert es
 
 ```mermaid