1. Anpassung des Kopfbereichs mit Logo und Menü

Die Website verfügt über ein horizontales Menü, welches durch Aufklappen Infos und Unterpunkte ein- oder mehrspaltig anzeigt. Dieses Menü verbirgt sich bei kleinen Bildschirmgrößen hinter dem sog. "Burger-Button" oben rechts. Das Logo wird entsprechend der Ausgabegröße in der Größe angepasst.

2. Anpassung des Layouts

Auf dem großen Monitor ist das querformatige Bild oben als Ganzes zu sehen, auf hochformatigen Displays wie dem Smartphone wird das Bild auf einen Ausschnitt reduziert: der bildlastige und dadurch freundliche Eindruck bleibt. Der oben sichtbare Bereich der Startseite ist so angelegt, dass alle Elemente unabhängig von der Bildschirmgröße zu sehen sind. Im weiteren Verlauf der Website werden auf dem Smartphone mehrspaltige Inhalte meist untereinander in einer Spalte dargestellt.

3. Anpassung der Schriftgrößen

Überschriften, die auf dem Desktop eher groß sind, werden auf kleineren Bildschirmen wesentlich kleiner. Wie bei der Vereinfachung des Menüs können auch weitere Elemente in einer bestimmten Bildschirmgröße versteckt werden: hier z. B. die Begriffe bei den thematischen Icons unterhalb des oberen Bildes – auf dem Smartphone sind nur die Symbole sichbar.