Lightbox überarbeitet

Die folgenden Bilder sind als Einzelbilder eingefügt.

Einbindung der Bilder in FlexCards

Titel

Hier sind 4 Bilder einem speziellem Container zugeordnet (Benutzersyntax-Element; nur Element anlegen - CSS ist vorhanden). Das Containerelement ist als Grid angelegt und platziert die enthaltenen Bilder sehr dynamisch. Die Kindelemente (Bilder) werden einheitlich gestylt und können abweichend von den normalen Thumbs gestaltet werden.

Das Verhalten ist etwa wie bei PhotoSwipe - soll dieses Plugin aber nicht ersetzen. Es geht vielmehr um das einheitliche Styling.

Vorteile dieser Version
-----------------------
- Komplett überarbeitet, kein jQuery mehr (reines Vanilla-JS, leichtgewichtig)
- Barrierearm durch:
  - Fokussteuerung (Focus-Management, Focus-Trap)
  - ESC-Taste schließt die Lightbox
  - Alt-Texte werden automatisch aus Untertitel oder figcaption ergänzt
  - Untertitel (Caption) wird sowohl sichtbar angezeigt als auch als ALT übernommen
  - Close-Button als echter `<button>` mit Screenreader-Beschriftung
- Einmaliges Laden von CSS & JS pro Seite (keine Mehrfach-Includes)
- Responsives Design (max. 90% der Bildschirmhöhe und -breite)
- Unterstützt Thumbnails und Bildunterschriften (figcaption)
- Verbesserte Tastaturbedienung (Enter/Space öffnen, ESC schließen, Tab springt im Dialog)
- Sauberes CSS, das sich leicht an das eigene Theme anpassen lässt
- Rückwärtskompatibel: Bilder ohne Untertitel verhalten sich wie bisher

Aufruf: '{ Lightbox | [ bild | ] | Untertitel }'
Ebenso bildlinks bzw.  bildrechts.