# Seiten

# Seiten erstellen

In der Seitenleiste im Admin-Backend den Reiter "Webspaces" auswählen.

[![seitenerstellen.jpg](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen.jpg)](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen.jpg)

Der Webspace "ND Häfen" ist standardmäßig ausgewählt.

Dort in der Seitenstruktur die Maus über die gewünschte Spalte bewegen und den + Button klicken.  
In der darauffolgenden Ansicht ist der Seitentyp "Seite" automatisch ausgewählt. Jetzt einen Titel für die neue Seite festlegen.

Auf den Button "Speichern" klicken und "Als Entwurf speichern" wählen.  
Die Ansicht wechselt nun zum Preview-Modus der neu angelegten Seite.

[![seitenerstellen2.jpg](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen2.jpg)](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen2.jpg)

Im Abschnitt "Seiten-Inhalt" können jetzt Inhalte in die neue Seite eingefügt werden. Dazu auf den Button "Block hinzufügen" klicken und die Art des Inhalts wählen und befüllen.

Eine Übersicht der Blöcke und Beispiele finden Sie hier: [Übersicht der Blöcke](https://rc-docs.jaf-systems.de/books/seiten/page/blocke "Blöcke")

Nach dem Einfügen des Contents und [Überprüfung im Preview-Fenster](https://rc-docs.jaf-systems.de/books/sulu-grundlagen/page/preview-modus-richtig-benutzen "Preview-Modus richtig benutzen") kann die Seite nun [veröffentlicht werden](https://rc-docs.jaf-systems.de/books/sulu-grundlagen/page/seiten-entwurfe-veroffentlichung "Seiten Entwürfe & Veröffentlichung").  
Dazu im Header auf "Speichern" und "Entwurf speichern" klicken.

Anschließend kann ein weiterer Redakteur bzw. Instanz die Änderungen prüfen und über die Option "Speichern" -&gt; "Veröffentlichen" live stellen.

# Seiten bearbeiten

In der Seitenleiste im Admin-Backend den Reiter "Webspaces" auswählen.

[![seitenerstellen.jpg](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen.jpg)](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen.jpg)

Der Webspace "ND Häfen" ist standardmäßig ausgewählt.

Dort in der Seitenstruktur die gewünschte Seite auswählen und auf den erscheinenden grünen Button mit dem Stift-Icon klicken.

Die Ansicht wechselt zur zu bearbeitenden Seite. Dort die gewünschten Änderungen vornehmen.

[![seitenerstellen2.jpg](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen2.jpg)](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen2.jpg)

Nach dem Ändern des Contents und [Überprüfung im Preview-Fenster](https://rc-docs.jaf-systems.de/books/sulu-grundlagen/page/preview-modus-richtig-benutzen "Preview-Modus richtig benutzen") kann die Seite nun [veröffentlicht werden](https://rc-docs.jaf-systems.de/books/sulu-grundlagen/page/seiten-entwurfe-veroffentlichung "Seiten Entwürfe & Veröffentlichung").

Dazu im Header auf "Speichern" und "Entwurf speichern" klicken.

Anschließend kann ein weiterer Redakteur bzw. Instanz die Änderungen prüfen und über die Option "Speichern" -&gt; "Veröffentlichen" live stellen.

# Seiten unveröffentlichen

[![seitenerstellen2.jpg](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen2.jpg)](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seitenerstellen2.jpg)

Die Seite kann unveröffentlicht werden, indem man im Header "Editieren" und "Nicht mehr veröffentlichen" auswählt. Dies entfernt die von der Website und jeder Navigation, in der die Site angezeigt wird.

# Seiten-Einstellungen

[![einstellungen.jpg](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/einstellungen.jpg)](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/einstellungen.jpg)

Hier können verschiedene Einstellungen für die jeweilige Seite vorgenommen werden.

<table border="1" id="bkmrk-zeige-seite-in-mehrf" style="border-collapse: collapse; width: 100%; height: 1057.94px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 80.1875px;"><td style="height: 80.1875px;">Zeige Seite in</td><td style="height: 80.1875px;">Mehrfach-Auswahlfeld  
Stellt die Seite in den ausgewählten Menüs dar. Die  
Menüstruktur orientiert sich dabei am Aufbau der Seiten  
im Webspace selbst.</td></tr><tr style="height: 854.766px;"><td style="height: 854.766px;">Seitentyp </td><td style="height: 854.766px;">Auswahlfeld  
Ändert den Typen der Seite.

<table border="1" style="border-collapse: collapse; width: 100.388%;"><colgroup><col style="width: 25.7085%;"></col><col style="width: 74.1621%;"></col></colgroup><tbody><tr><td>Inhalt</td><td>Der editoriale Inhalt der Seite  
unter dem Tab "Details" wird  
ganz normal angezeigt wenn die  
Seite aufgerufen wird.</td></tr><tr><td>Interner Link</td><td>Beim Aufruf der Seite wird der  
User zur Zielseite weitergeleitet.

<table border="1" style="border-collapse: collapse; width: 100.366%;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td>Link Titel</td><td>Freitextfeld  
Der Titel, der in  
der unter  
"Zeige Seite in"  
gewählten  
Navigation  
angezeigt  
werden soll</td></tr><tr><td>Verlinkter  
Inhalt</td><td>Seitenauswahlfeld  
Die Seite, zu  
der der User  
weitergeleitet  
werden soll</td></tr></tbody></table>

</td></tr><tr><td>Externer Link</td><td> <table border="1" style="border-collapse: collapse; width: 100.366%; height: 59.5938px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Link Titel</td><td style="height: 29.7969px;">Freitextfeld  
Der Titel, der in  
der unter  
"Zeige Seite in"  
gewählten  
Navigation  
angezeigt  
werden soll</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">URL</td><td style="height: 29.7969px;">URL-Feld  
Die URL, zu der  
der User  
weitergeleitet  
werden soll. In  
der Regel das  
Protokoll  
"https://"  
verwenden.</td></tr></tbody></table>

</td></tr></tbody></table>

</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Verfasst am</td><td style="height: 63.3906px;">Datumsfeld  
Das Erstellungsdatum der Seite kann hier geändert  
werden.</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Autor</td><td style="height: 29.7969px;">Personenauswahlfeld  
Mit Klick auf das Person-Symbol kann hier der Autor der  
Seite geändert werden.</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Änderungshistorie</td><td style="height: 29.7969px;"> Zeigt Informationen an, zu welchem Zeitpunkt welcher  
Benutzer Änderungen vorgenommen hat.</td></tr></tbody></table>

# SEO

[![seo.jpg](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seo.jpg)](https://ndh-docs.jaf-systems.de/uploads/images/gallery/2025-05/seo.jpg)

Über den Reiter "SEO" beim Bearbeiten einer Seite können Informationen hinterlegt werden, die Suchmaschinen betreffen.

<table border="1" cellpadding="0" cellspacing="0" class="align-left" id="bkmrk-suchergebnis-vorscha" style="border-collapse: collapse; width: 112.84%; height: 683px;"><tbody><tr style="height: 64.5938px;"><td style="width: 50.0618%; border-style: solid; border-image: initial; height: 64.5938px;" valign="top" width="351"><span lang="EN-US">Suchergebnis Vorschau (SERP)</span></td><td style="width: 50.0618%; border-style: solid solid solid none; border-image: initial; height: 64.5938px;" valign="top" width="351"><span lang="EN-US">Stellt eine SERP (Search Engine Result Preview) der Seite dar, wie sie in einer Suchmaschine angezeigt werden </span><span lang="EN-US">würde.</span></td></tr><tr style="height: 93.1875px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 93.1875px;" valign="top" width="351"><span lang="EN-US">Titel (Meta title)</span></td><td style="width: 50.0618%; border-style: none solid solid none; height: 93.1875px;" valign="top" width="351"><span lang="EN-US">Freitextfeld  
Der SER Titel</span><span lang="EN-US">SEO Guidelines empfehlen einen Meta-Titel mit einer Länge von maximal 55 Zeichen.</span></td></tr><tr style="height: 93.1875px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 93.1875px;" valign="top" width="351"><span lang="EN-US">Beschreibung (Meta description)</span></td><td style="width: 50.0618%; border-style: none solid solid none; height: 93.1875px;" valign="top" width="351"><span lang="EN-US">Mehrzeiliges Textfeld  
Die SER Beschreibung</span><span lang="EN-US">SEO Guidelines empfehlen eine Meta-Beschreibung mit </span><span lang="EN-US">einer Länge von maximal 160 Zeichen.</span></td></tr><tr style="height: 99.0625px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 99.0625px;" valign="top" width="351"><span lang="EN-US">Keywords (Meta keywords)</span></td><td style="width: 50.0618%; border-style: none solid solid none; height: 99.0625px;" valign="top" width="351"><span lang="EN-US">Freitextfeld  
</span><span lang="EN-US">Keywords werden durch Kommas getrennt und sollten den den Inhalt der Seite beschreiben. SEO Guidelines empfehlen die Zuweisung von maximal 5 Keywords pro Seite.</span></td></tr><tr style="height: 93.3281px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 93.3281px;" valign="top" width="351"><span lang="EN-US">Canonical URL (Canonical tag)</span></td><td style="width: 50.0618%; border-style: none solid solid none; height: 93.3281px;" valign="top" width="351"><span lang="EN-US">Freitextfeld  
</span><span lang="EN-US">Die Canonical URL der Site (siehe </span>[<span lang="EN-US">https://support.google.com/webmasters/answer/10347851</span><span lang="EN-US">?hl=de</span>](https://support.google.com/webmasters/answer/10347851?hl=de)<span lang="EN-US">)</span></td></tr><tr style="height: 70.7969px;"><td style="width: 50.0618%; border-style: solid; border-image: initial; height: 70.7969px;" valign="top" width="351"><span lang="EN-US"> </span>no-index

</td><td style="width: 50.0618%; border-style: solid solid solid none; border-image: initial; height: 70.7969px;" valign="top" width="351"><span lang="EN-US">Schalterfeld</span>

<span lang="EN-US">Seite wird nicht von Suchmaschinen indiziert</span>

</td></tr><tr style="height: 80.1719px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 80.1719px;" valign="top" width="351"><span lang="EN-US"> </span>no-follow

</td><td style="width: 50.0618%; border-style: none solid solid none; height: 80.1719px;" valign="top" width="351"><span lang="EN-US">Schalterfeld</span>

<span lang="EN-US">Links auf der Seite wird von Suchmaschinen nicht gefolgt</span>

</td></tr><tr style="height: 80.1719px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 80.1719px;" valign="top" width="351"><span lang="EN-US"> </span>In Sitemap ausblenden

</td><td style="width: 50.0618%; border-style: none solid solid none; height: 80.1719px;" valign="top" width="351">Schalterfeld  
<span lang="EN-US">Zeigt die Seite nicht in der Übersicht auf </span><span lang="EN-US">[https://ndh.de/sitemap](https://ndh.de/sitemap) </span><span lang="EN-US">an.</span>

</td></tr></tbody></table>

# Blöcke

Auf jeder Seite gibt es eine Anzahl an Inhaltsblöcken. Hier werden diese im Detail erklärt.

<table border="1" id="bkmrk-block-beschreibung-%C3%9C" style="border-collapse: collapse; width: 100%; height: 4046.03px;"><colgroup><col style="width: 30.4119%;"></col><col style="width: 69.5881%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">**Block**</td><td style="height: 29.7969px;">**Beschreibung**</td></tr><tr style="height: 289.188px;"><td style="height: 289.188px;">Seiten-Überschrift mit optionaler Subline</td><td style="height: 289.188px;">Eine Überschrift mit wechselnden Suffixen + Subline, die idR. prominent am Seitenanfang angezeigt wird

<table border="1" style="border-collapse: collapse; width: 100.388%;"><colgroup><col style="width: 49.7423%;"></col><col style="width: 49.7423%;"></col></colgroup><tbody><tr><td>Überschrift:</td><td>Freitextfeld  
Die zu anzeigende Überschrift  
</td></tr><tr><td>Subline:</td><td>Freitextfeld  
Die zu anzeigende Subline  
</td></tr><tr><td>Suffix(e):</td><td>Segmentfeld  
Der Teil der Überschrift, der dynamisch wechseln soll. Suffixe mit Komma trennen. Leer lassen für gar keinen Suffix, ein Suffix für die farbliche Abhebung dessen ohne Wechsel.  
</td></tr></tbody></table>

</td></tr><tr style="height: 397.359px;"><td style="height: 397.359px;">Unterseiten Header</td><td style="height: 397.359px;">Dasselbe wie Seiten-Überschrift, aber mit separatem Bild

<table border="1" style="border-collapse: collapse; width: 100.388%; height: 169.578px;"><colgroup><col style="width: 49.7423%;"></col><col style="width: 49.7423%;"></col></colgroup><tbody><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Überschrift:</td><td style="height: 63.3906px;">Freitextfeld  
Die zu anzeigende Überschrift  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Subline:</td><td style="height: 46.5938px;">Freitextfeld  
Die zu anzeigende Subline  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Bild:</td><td style="height: 29.7969px;">Bildauswahlfeld  
Das zu anzeigende Bild. Im rechten Dropdown kann der Bildfokus ausgewählt werden. Wird das Bild zugeschnitten, ist dieser Teil im sichtbaren Bereich.  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Suffix(e):</td><td style="height: 29.7969px;">Segmentfeld  
Der Teil der Überschrift, der dynamisch wechseln soll. Suffixe mit Komma trennen. Leer lassen für gar keinen Suffix, ein Suffix für die farbliche Abhebung dessen ohne Wechsel.  
</td></tr></tbody></table>

</td></tr><tr style="height: 106.422px;"><td style="height: 106.422px;">Fließtext</td><td style="height: 106.422px;">Frei formatierbarer Text

<table border="1" style="border-collapse: collapse; width: 100.388%; height: 139.781px;"><colgroup><col style="width: 49.7423%;"></col><col style="width: 49.7423%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Fließtext:</td><td style="height: 29.7969px;">Text-Editor  
Der zu anzeigende Text  
</td></tr></tbody></table>

</td></tr><tr style="height: 406.766px;"><td style="height: 406.766px;">Abschnitt mit zwei Spalten</td><td style="height: 406.766px;">Ein Bereich, der den Inhalt in zwei horizontale Spalten aufteilt. In jeder Spalte kann beliebiger Inhalt hinzugefügt werden.

<table border="1" style="border-collapse: collapse; width: 100.388%;"><colgroup><col style="width: 49.7423%;"></col><col style="width: 49.7423%;"></col></colgroup><tbody><tr><td>Spalten-Reihenfolge auf Mobile umkehren:</td><td>Wenn aktiviert, wird die rechte Spalte auf einer mobile Ansicht über der linken Spalte dargestellt.</td></tr><tr><td>Vertikale Ausrichtung linke Spalte:</td><td>Auswahlfeld  
Bestimmt, wie der Inhalt der Spalte vertikal ausgerichtet werden soll, falls die entsprechend andere Spalte höher ausfällt.  
Optionen: Mittig, Anfang, Ende, Gestreckt</td></tr><tr><td>Vertikale Ausrichtung rechte Spalte:</td><td>Auswahlfeld  
Bestimmt, wie der Inhalt der Spalte vertikal ausgerichtet werden soll, falls die entsprechend andere Spalte höher ausfällt.  
Optionen: Mittig, Anfang, Ende, Gestreckt</td></tr></tbody></table>

</td></tr><tr style="height: 237px;"><td style="height: 237px;">Mitarbeiter</td><td style="height: 237px;">Zeigt die ausgewählten Mitarbeiter inklusive Adresse und Kontaktmöglichkeit an.

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr><td>Mitarbeiter-Bilder anzeigen</td><td>Schalterfeld  
Legt fest, ob in der Auflistung der Mitarbeitenden deren Bilder mit angezeigt werden sollen  
</td></tr><tr><td>Mitarbeiter</td><td>Mitarbeiterauswahlfeld  
Beim linken Feld (+) klicken und "Personen" auswählen.  
Anschließend per Mehrfachauswahl die zu anzeigenden Mitarbeiter auswählen</td></tr></tbody></table>

</td></tr><tr style="height: 123.219px;"><td style="height: 123.219px;">Download-Liste</td><td style="height: 123.219px;">Eine Liste an zum Download bereitgestellten Dateien

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 772.078px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Download-Liste</td><td style="height: 63.3906px;">Dokumentauswahlfeld  
Die zum Download verfügbaren Dokumente selektieren  
</td></tr></tbody></table>

</td></tr><tr style="height: 310.344px;"><td style="height: 310.344px;">Galerie</td><td style="height: 310.344px;">Stellt eine Auswahl an Bildern als interaktive Galerie dar.

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr><td>Bilder</td><td>Bildauswahlfeld  
Die in der Galerie zu anzeigenden Bilder. Zeigt in der Detailansicht eines angeklickten Galerie-Bildes dessen Titel am unteren Bildschirmrand fest.  
Dies kann im Bild selbst unter "Informationen und Taxonomien" individuell geändert werden.  
</td></tr><tr><td>Spezielle CSS-Klasse</td><td>Freitextfeld  
Hier können zusätzliche CSS- Klassen angegeben werden, die beeinflussen, wie die Galerie angezeigt werden soll.

</td></tr></tbody></table>

</td></tr><tr style="height: 701.297px;"><td style="height: 701.297px;">Teaser</td><td style="height: 701.297px;">Stellt eine Liste an Teaserblöcken dar, die zu beliebigen Seiten &amp; Medien auf NDH oder externe Websites verlinken können.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 501.516px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 80.1875px;"><td style="height: 80.1875px;">Teaser-Darstellung:</td><td style="height: 80.1875px;">Auswahlfeld  
Legt fest, in welchem Farbschema bzw. Style die Teaser angezeigt werden sollen.  
Optionen: weiß,blau</td></tr><tr style="height: 53.9844px;"><td style="height: 53.9844px;">Bild:</td><td style="height: 53.9844px;">Bildauswahlfeld  
Das zu anzeigende Icon oder Bild.  
</td></tr><tr style="height: 147.375px;"><td style="height: 147.375px;">Bild-Format:</td><td style="height: 147.375px;">Auswahlfeld  
"Icon" fixiert die Größe auf 88x88px. Die anderen Optionen betreffen das Seitenverhältnis, füllen aber immer 100% der Breite aus.  
Optionen: Landschaft, Landschaft volles Bild, Porträt, Quadrat, Quadrat halbe Größe, Icon</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Überschrift:</td><td style="height: 46.5938px;">Freitextfeld  
Die Hauptüberschrift des Teasers  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Zweite Überschrift:</td><td style="height: 46.5938px;">Freitextfeld  
Die kleinere Überschrift über der Hauptüberschrift des Teasers</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Fließtext:</td><td style="height: 63.3906px;">Freitextfeld  
Der Hauptinhalt des Teasers  
</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Link:</td><td style="height: 63.3906px;">Linkfeld  
Kann angegeben werden, um den Teaser verlinkbar zu machen. Als Ziel gelten Seiten, Medien oder externe Links. Über das Feld "Alternativer Titel" im Link Popup kann die Button-Beschriftung geändert werden. Für das Öffnen im neuen Fenster bei "Link Ziel" die Option "\_blank" wählen.</td></tr></tbody></table>

</td></tr><tr style="height: 317.188px;"><td style="height: 317.188px;">Vertikaler Abstand</td><td style="height: 317.188px;">Fügt zusätzlichen vertikalen Abstand ein

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.9111%;"></col><col style="width: 49.9111%;"></col></colgroup><tbody><tr><td>Vorgegebene Höhe</td><td>Auswahlfeld  
Vorgaben der Höhe des Abstands für Desktop und Mobile  
Optionen: Winzig, Klein, Mittel, Groß, Riesig, Individuell</td></tr><tr><td>Höhe des Abstands in px (Desktop):</td><td>Freitextfeld  
Falls Individuell ausgewählt, kann hier die Höhe manuell festgelegt werden. Fällt auf 150px zurück.</td></tr><tr><td>Höhe des Abstands in px (Mobile):</td><td>Freitextfeld  
Falls Individuell ausgewählt, kann hier die Höhe manuell festgelegt werden. Fällt auf 50px zurück.</td></tr></tbody></table>

</td></tr><tr style="height: 747.922px;"><td style="height: 747.922px;">Zitate</td><td style="height: 747.922px;">Stellt einen zweispaltigen Abschnitt mit Bild rechts und 2 Zitaten links dar.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 637.703px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 113.781px;"><td style="height: 113.781px;">Bild</td><td style="height: 113.781px;">Bildauswahlfeld  
Das zu anzeigende Bild. Im rechten Dropdown kann der Bildfokus ausgewählt werden. Wird das Bild zugeschnitten, ist dieser Teil im sichtbaren Bereich.  
</td></tr><tr style="height: 80.1875px;"><td style="height: 80.1875px;">Bild nicht zuschneiden</td><td style="height: 80.1875px;">Schalterfeld  
Wenn aktiviert, wird das Bild im Original-Seitenverhältnis dargestellt, füllt die volle Breite aus  
</td></tr><tr style="height: 113.781px;"><td style="height: 113.781px;">Bild-Format</td><td style="height: 113.781px;">Schalterfeld  
Legt fest, in welchem Format das Bild angezeigt werden soll. Für Landschafts-Format bitte "Bild nicht zuschneiden" aktivieren  
Optionen: Porträt Quadrat  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Zitat 1</td><td style="height: 46.5938px;">Freitextfeld  
Das zu anzeigende Zitat  
</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Zitat 1 Text</td><td style="height: 63.3906px;">Text-Editor  
Text, der unterhalb des Zitats angezeigt werden soll  
</td></tr><tr style="height: 80.1875px;"><td style="height: 80.1875px;">Zitat 1 Links</td><td style="height: 80.1875px;">Block-Auswahl  
Eine zusätzliche Auswahl an Blöcken, die unterhalb des Texts angezeigt werden können. Siehe "Links" oder "Buttons".  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Zitat 2</td><td style="height: 46.5938px;">Freitextfeld  
Das zu anzeigende Zitat  
</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Zitat 2 Text</td><td style="height: 63.3906px;">Text-Editor  
Text, der unterhalb des Zitats angezeigt werden soll  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Zitat 2 Links</td><td style="height: 29.7969px;">Block-Auswahl  
Eine zusätzliche Auswahl an Blöcken, die unterhalb des Texts angezeigt werden können. Siehe "Links" oder "Buttons".</td></tr></tbody></table>

</td></tr><tr style="height: 169.812px;"><td style="height: 169.812px;">Formular</td><td style="height: 169.812px;">Stellt ein Formular dar, das unter "Formulare" im Backend erstellt werden kann.

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr><td>Text</td><td>Freitextfeld  
Der zu anzeigende Text oberhalb des Formulars.  
</td></tr><tr><td>Formular  
</td><td>Formularauswahlfeld  
Das zu anzeigende Formular.  
</td></tr></tbody></table>

</td></tr><tr style="height: 209.719px;"><td style="height: 209.719px;">Button</td><td style="height: 209.719px;">Fügt einen Button ein, der auf ein Ziel verlinkt.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 218.125px;"><colgroup><col style="width: 50.0943%;"></col><col style="width: 49.9115%;"></col></colgroup><tbody><tr style="height: 147.344px;"><td style="height: 147.344px;">Link</td><td style="height: 147.344px;">Linkfeld  
Kann angegeben werden, um den Teaser verlinkbar zu machen. Als Ziel gelten Seiten, Medien oder externe Links. Über das Feld "Alternativer Titel" im Link Popup kann die Button-Beschriftung geändert werden. Für das Öffnen im neuen Fenster bei "Link Ziel" die Option "\_blank" wählen.

</td></tr></tbody></table>

</td></tr><tr><td>Video</td><td><table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 50.0957%;"></col><col style="width: 49.9101%;"></col></colgroup><tbody><tr><td>Video-Datei</td><td>Videoauswahlfeld

Das Video, das eingebettet werden soll.

</td></tr><tr><td>Vorschaubild:</td><td>Bildauswahlfeld

Das Bild, welches als Vorschau / Platzhalter / Thumbnail angezeigt werden soll, bevor der Besucher das Video abspielt. Wenn keins angegeben, fällt auf das Standard-Vorschaubild des Videos zurück.

</td></tr></tbody></table>

</td></tr></tbody></table>