So funktioniert Ihre Website

Diese Seite zeigt alle verfügbaren Inhaltselemente Ihrer Website. Jedes Element wird mit einer kurzen Erklärung und einem Beispiel gezeigt – so können Sie schnell nachschlagen, welche Möglichkeiten Ihnen zur Verfügung stehen.

Im Redaktionsbereich pflegen Sie jede Seite als Folge einzelner Bausteine. Sie entscheiden, welcher Baustein an welcher Stelle steht – und können die Reihenfolge jederzeit ändern.

Layout-Hinweis: Eine einzelne Textbox im Stil „Standard H1/H2“ steht zentriert auf der Seite. Folgen mehrere Textboxen dieses Stils direkt aufeinander, werden sie zu einer Gruppe zusammengefasst und linksbündig dargestellt.

Hero-Box

Die Hero-Box ist das große Titelbild ganz oben auf einer Seite. Sie besteht aus einem Hintergrundbild und einer Überschrift und sorgt für den ersten Eindruck.

Hinweis zur Überschrift: Die Hero-Headline zählt technisch nicht als Hauptüberschrift (H1) der Seite. Die erste normale Überschrift darunter wird automatisch zur Hauptüberschrift und sollte deshalb das Thema/die wichtigsten Schlagworte für die Seite beinhalten. Alle weiteren Überschriften werden zu Zwischenüberschriften.

Felder: Überschrift und Bild

Textbox Standard

Der Standard-Textbaustein für längere Inhalte. Im Textfeld stehen Ihnen die üblichen Auszeichnungen zur Verfügung: fett, kursiv, hochgestellt (zum Beispiel m²) und tiefgestellt (zum Beispiel H₂O).

Auch Verlinkungen sind möglich – sowohl interne Links auf andere Seiten dieser Website (öffnen im selben Fenster) als auch externe Links auf fremde Websites (öffnen automatisch in einem neuen Tab und sind mit einem kleinen Pfeil-Symbol gekennzeichnet).

Auch Listen sind möglich – als unsortierte Aufzählung:

Elektroinstallation in Neubau und Sanierung
Photovoltaik und Speicherlösungen
Smart-Home und Gebäudetechnik
Reparatur- und Notdienst

… oder als nummerierte Reihenfolge:

Beratung vor Ort
Angebot und Planung
Ausführung durch unser Team
Übergabe und Nachbetreuung

Felder: Überschrift und Text

Beispiel einer Text-Gruppe

Wenn mehrere Textbausteine direkt aufeinander folgen, bilden sie eine Gruppe. In dieser Gruppe wird der Text linksbündig ausgerichtet – ideal für längere redaktionelle Inhalte mit mehreren Zwischenüberschriften.

Zweiter Abschnitt

So sieht der zweite Abschnitt einer Text-Gruppe aus. Die Abstände zwischen den Bausteinen werden automatisch gesetzt, sodass ein einheitlicher Lesefluss entsteht.

Kleine Zwischenüberschrift (Textbox Standard H3)

Ein eigener Baustein für eine kleinere Zwischenüberschrift mit kurzem Fließtext darunter. Eignet sich, um längere Inhalte zusätzlich zu strukturieren – ohne dass eine neue Hauptsektion beginnt. Die Überschrift ist optisch dezent gegenüber den großen Section-Überschriften und gut geeignet, um Unterthemen zu kennzeichnen.

Felder: Überschrift und Text

Highlight-Box

Die Highlight-Box kombiniert Text und Bild in einem zweispaltigen Layout. Auf dem Smartphone wird das Bild über dem Text gestapelt. Ideal, um ein einzelnes Thema visuell hervorzuheben – etwa ein Angebot, eine Leistung oder ein Projekt.

Praktischer Tipp: Zeilen, die komplett in Fettung stehen, werden automatisch zu kleinen Zwischenüberschriften innerhalb des Textes. Einzelne fette Wörter bleiben normale Fettung.

Felder: Überschrift, Text, Bild und Link

Beispiel-Highlight

Was ist eine Highlight-Box?

Die Highlight-Box eignet sich perfekt, um ein einzelnes Angebot, eine Leistung oder ein Projekt prominent darzustellen. Das Bild wird im Hochformat angezeigt und kann angeklickt werden – es öffnet sich dann groß in einer Lightbox.

Wann einsetzen?

Immer dann, wenn ein Thema mehr Aufmerksamkeit verdient als ein normaler Textblock, aber (noch) keinen eigenen Teaser bekommen soll.

Mehr erfahren

Teaser-Karten

Die Teaser-Karte ist die auffälligste Möglichkeit, auf andere Seiten zu verlinken. Sie besteht aus einem Bild mit rotem Textbalken am unteren Rand. Mehrere Teaser werden automatisch nebeneinander als Kacheln dargestellt.

Felder: Überschrift, Bild und Link

Beispiel-Teaser 1

Beispiel-Teaser 2

Beispiel-Teaser 3

Akkordeon (FAQ)

Aufklappbare Frage-Antwort-Blöcke. Ideal für häufig gestellte Fragen. Mehrere Einträge werden automatisch zu einer Gruppe zusammengefasst. Optional kann pro Eintrag ein „Mehr erfahren"-Link hinterlegt werden.

Felder pro Eintrag: Frage (Überschrift), Antwort (Text) und optionaler Link

Neue Seiten werden über das TIMM4-CMS angelegt. Klicken Sie auf „Neue Seite" und wählen Sie die gewünschte Position in der Navigation.

Bilder werden über die Medienverwaltung hochgeladen und können dann in jeder Box als Bild-Feld hinterlegt werden. Achten Sie auf ausreichende Auflösung (mindestens 1200px Breite).

Ja! Die Reihenfolge der Boxen kann per Drag & Drop im CMS geändert werden. Die Boxen werden dann in der neuen Reihenfolge auf der Website angezeigt.

Zum CMS-Handbuch

Zahlen & Fakten

Große Kennzahlen mit kurzem Beschriftungstext und optionalem Button. Mehrere Einträge werden automatisch nebeneinander angeordnet. Ideal für Unternehmensdaten, Statistiken oder Highlights.

Felder pro Eintrag: Zahl (Überschrift), Label (Text) und optionaler Link

Bildergalerie

Die Bildergalerie zeigt mehrere Fotos in einem randabfallenden Raster mit großen und kleinen Kacheln im Wechsel. Ein Klick öffnet das Bild groß in einer Lightbox.

Ideal für Projektfotos, Referenzbilder oder Eindrücke aus dem Arbeitsalltag.

Felder: Überschrift und beliebig viele Bilder

Download

Der Download-Baustein stellt Dateien (PDF, ZIP, Office-Dokumente) als Button zum Herunterladen bereit. Bei größeren Dateien wird die Dateigröße neben dem Button mit eingeblendet.

Felder: Überschrift, Button-Text und Datei

Beispiel-Download

Datenblatt herunterladen

Kontaktformular

Das Kontaktformular wird als eigener Baustein eingebunden. Die Felder (Name, E-Mail, Telefon, Nachricht etc.) werden automatisch erzeugt. Eingaben werden gespeichert und zusätzlich per E-Mail an Sie weitergeleitet.