# Overlays

Um Inhalte im Overlay zu öffnen, werden Standard `a`-Tags mit der Klasse `open-overlay` ausgezeichnet. Über `open-overlay.js` wird der Inhalt aus dem `main`-Tag der Zielseite in das Overlay geladen.

Benutzt auf 04.dashboard.html. Benötigt jQuery-Plugin 'open-overlay.js' & 'overlay.js'.

Die Hintergrundfarbe wird auf grau gesetzt, wenn der öffnende Link die Klasse `overlay-gray` enthält.

Info-Overlay öffnen

                        <a href="../pages/06.01.info-gutschein.html" class="button button-brand bg-color-event bg-color-event-darker-hover open-overlay"><span>Info-Overlay öffnen</span></a>

Formular-Auswahl öffnen

                        <a href="../pages/09.ticket-erstellen-auswahl.html" class="button button-brand bg-color-event bg-color-event-darker-hover open-overlay overlay-gray"><span>Formular-Auswahl öffnen</span></a>

Formular öffnen

                        <a href="../pages/09.01.ticket-erstellen.html" class="button button-brand bg-color-event bg-color-event-darker-hover open-overlay overlay-gray"><span>Formular öffnen</span></a>