Add rendered preview screenshots to the README

Login page (default and button-only mode) and the three settings tabs,
rendered from the plugin's own markup and CSS inside a mock WordPress
admin shell.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JJxAHYdMfKPoN4koRc4Ci2

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