Der Magazin Header im neuen Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin tortor purus platea sit eu id nisi litora libero.

Der Magazin Header im alten Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin tortor purus platea sit eu id nisi litora libero.

Intro-Einleitungstext: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Fließtext: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Zwischenüberschrift H1

Zwischenüberschrift H2

Zwischenüberschrift H3

Zwischenüberschrift H4

Überschriften können auch links oder rechts neben dem Text stehen.

Eine animierte Überschrift die eventuell|für die Startseite|reserviert ist?

Ein Bild mit Bildunterschrift in der Breite 12/12

Ein Bild mit Bildunterschrift in der Breite Fullscreen

Ein Bild mit Bildunterschrift in der Breite 8/12

Auch Videos können eingesetzt werden.

Text mit Bild

Ein Bild kann rechts oder links neben einen Text platziert werden. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Das Bild kann auch rechts oder links in einen Text platziert werden. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Das Akkordeon-Element

Akkordeon-Element

Hier folgt der Inhaltstext des Akkordeon-Elements. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Akkordeon-Element mit Bild

Akkordeon-Element

Hier folgt der Inhaltstext des Akkordeon-Elements.

Tabelle

Institut	Finanzanalyst	Empfehlung	Kursziel
ALPHAVALUE Research	Valentin Mory	Kaufen	16,00 €
Drewry Maritime Financial Research	Ankush Kathuria	Attractive	22,20 €
Exane BNP Paribas	Robert Joynson	Neutral	15,80 €
Kepler Cheuvreux	Nikolas Mauder	Halten	13,00 €
Stifel	Marc Zeck	Halten	11,00 €
Warburg Research	Christian Cohrs	Verkaufen	9,40 €

Diese Tabelle ist ein HTML-Modul.

Das Tab Container Modul ist auch ohne die Tab-Navigation oberhalb einsetzbar als einzelner Slider.

Nachhaltigkeit Innovation Shifting Logistics

Nachhaltigkeit

Klimaneutral bis 2040

Ökologische, soziale und wirtschaftliche Interessen zu vereinen – diesen Anspruch unterstreicht unsere Nachhaltigkeitsstrategie unter dem Leitmotiv Balanced Logistics. Für uns heißt das auch, bis 2040 klimaneutral zu sein.

Mehr erfahren

Verantwortung für Umwelt, Soziales und Wirtschaft

In neun Handlungsfeldern haben wir vielfältige Projekte für die nachhaltige Entwicklung der HHLA identifiziert. Damit leisten wir unseren Beitrag, um die 17 Nachhaltigkeitsziele der Vereinten Nationen zu erreichen.

Mehr erfahren

Innovation

Zukunftschance Wasserstoff

Wasserstoff gilt als Schlüsselelement für die Energiewende. Mit dem HHLA Hydrogen Network unterstützen wir diese Transformation. So erproben wir etwa mit einem Innovationscluster wasserstoffbetriebene Geräte in der Hafenlogistik.

Mehr erfahren

Megatrends in der Logistik

Logistische Megatrends zu identifizieren und daraus technologische Innovationen abzuleiten – daran arbeiten wir bei der HHLA täglich. Zukunft ist dabei unser Antrieb, Erneuerung unser ständiger Begleiter.

Mehr erfahren

Unser Innovation Hub HHLA Next

Ob 3D-Druck, Drohnen oder digitale Plattformen für Logistikprozesse – unsere Innovationseinheit HHLA Next sucht nach Zukunftslösungen für einen sicheren und klimaneutralen Transport von Waren und Gütern weltweit.

Mehr erfahren

Shifting Logistics

Digitalisierte Lieferketten

Die Digitalisierung ermöglicht weltumspannende Datennetze, über die Verkehrsträger, Produktionsstätten und Lagerhalter optimal miteinander kommunizieren können. Das Ziel: Transporte nachhaltiger, schneller und störungsfreier zu organisieren.

Mehr erfahren

Automatisierung in der Logistik

Die Automatisierung strukturiert schon seit langem die Arbeit in der Logistik neu. Sie kann den Menschen nicht ersetzen, macht aber viele Prozesse effizienter. So entstehen neue Arbeitsplätze, Berufsfelder und Zukunftschancen.

Mehr erfahren

Animierte Fakten

Transportvolumen

Intermodal

HHLA Weltweit

Unser Team

Ein Zeitstrahl aus einfachen Modulen

2020

2021

2022

2023

Die Infobox

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Infobox

In einer Infobox kann man gut einen anderen internen oder externen Artikel anteasern. Dabei hat man verschiedene Hintergrundfarben zur Auswahl.

Die Infobox kann auch neben dem Text stehen

Infobox

In einer Infobox kann man gut einen anderen internen oder externen Artikel anteasern. Dabei hat man verschiedene Hintergrundfarben zur Auswahl.

Die Infobox funktioniert auch ohne Bild

Infobox

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ein Zitat im alten Layout als herausstechendes Element im Artikel.

Mittlerweile gibt es auch ein neues Zitatmodul, das in zwei Schriftgrößen eingesetzt werden kann.

„In dem neuen Zitatmodul kann man auch ein kleines Bild neben dem Zitat einsetzen.“

Max Mustermann

„Außerdem kann man einen Link auf einen internen oder externen Artikel platzieren.“

Max Mustermann

Weiterlesen

Zwei verschiedene Bild-Zoom-Module

Sind nur als HTML-Element verfügbar. HTML-, CSS- und Javascript-Kenntnisse sind für die Anpassung erforderlich. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Beschränkungen in Geozonen

Drohnenflüge sind ... 🔴 grundsätzlich untersagt 🟡 mit besonderer Genehmigung erlaubt

Fahren Sie über das Bild für die Details.

Tor zur Zukunft

Dieses Modul ist hauptsächlich für das Teasen des Magazins entwickelt. Es sollte nur mit großem Teaser-Element am Anfang eingesetzt werden.

In unserem Online-Magazin dreht sich alles um die Logistik von morgen – und um die Menschen, die sie gestalten.

HHLA Talk

Nicht nur reden, sondern tun!

Schnell und umfassend hat sich Metrans zu einem der nachhaltigsten Bahnoperateure gewandelt. Robert Groiss verrät, wie das gelang.

Interview lesen

Güterbahn Asien - Europa

Spurwechsel auf der Seidenstraße

Neue Schienenwege führen von Europa über Kaukasus und Zentralasien nach China. Die HHLA ist dabei, wenn wichtige Weichen gestellt werden.

Digitalisierter Straßenverkehr

„Transparenz ist ein wichtiger Erfolgsfaktor!“

Digitale Lösungen für den Straßenverkehr, auch im Hamburger Hafen

Wasserstoff für die Schiene

Rückkehr der dampfenden Loks

Die weltweit ersten Wasserstoff-Züge rollen emissionsfrei durch Norddeutschland. Das HHLA-Magazin wirft einen Blick in die Bahn-Zukunft.

Teaser Slider

News Slider

Zum Newsroom

Teaser- und News-Grid. Großes Element ist optional.

Dachzeile

Platzhalter 1

Dachzeile

Platzhalter 2

Dachzeile

Platzhalter 3

Dachzeile

Platzhalter 4

Dachzeile

Platzhalter 5

Dachzeile

Platzhalter 6

Magazin Teaser Weitere Themen. Auch für andere Zwecke als Magazin verwendbar.

Platzhalter 1

Untertitel lorem ipsum solor sit.

Platzhalter 2

Untertitel lorem ipsum solor sit.

Platzhalter 3

Untertitel lorem ipsum solor sit.

Veröffentlicht am XX.XX.XXXX

Hintergrundfarben

Blau hell

Blau

Blau dunkel

Petrol hell

Petrol

Petrol dunkel

Aquamarin hell

Aquamarin

Aquamarin dunkel

Orange hell

Orange

Orange dunkel

Weiß

Hellgrau

Dunkelgrau

Grün hell

Grün

Grün dunkel

Rot hell

Rot

Rot dunkel

Weitere Magazinartikel zum Thema

Den Datenhebel ansetzen

Daten machen weltweite Warenverkehre nachhaltig. Doch oft sind sie nicht verfügbar und sehr harmoniebedürftig. Wie setzen wir sie optimal ein?

Neue Technologien, neues Arbeiten

Wir können Arbeit aktiv und vorausschauend gestalten - bevor die Technologie das erledigt! Mehr im HHLA Talk.

Nachhaltigkeit global betrachtet

Wird grüne Logistik positive Klimaeffekte schaffen? Gastbeitrag von Nuno Nunes (HPC) über globale Schwerpunkte bei der Nachhaltigkeit.

Zur Magazin-Startseite

Melden Sie sich für HHLA Update an und erkunden den Wandel in der Logistikwelt!

Schließen

Der Magazin Header im neuen Layout

Der Magazin Header im alten Layout

Eine animierte Überschrift die eventuell|für die Startseite​|reserviert ist?

Das Akkordeon-Element

Akkordeon-Element

Akkordeon-Element mit Bild

Akkordeon-Element

Klimaneutral bis 2040

Verantwortung für Umwelt, Soziales und Wirtschaft

Zukunftschance Wasserstoff

Megatrends in der Logistik

Unser Innovation Hub HHLA Next

Digitalisierte Lieferketten

Automatisierung in der Logistik

Transportvolumen

HHLA Weltweit

Tor zur Zukunft

Nicht nur reden, sondern tun!

Spurwechsel auf der Seidenstraße

„Transparenz ist ein wichtiger Erfolgsfaktor!“

Rückkehr der dampfenden Loks

Teaser Slider

Neugierig auf uns?

Die Frau für die Prozesse

„Vieles zum Positiven verändert!“

Chefin auf dem Bagger

Wir sind ein Match!

Theorie und Praxis im optimalen Mix

Kochbücher für das IT-System

Der Zukunftsforscher

News Slider

HHLA verzeichnet Umsatzsteigerung und profitiert von europäischem Netzwerkausbau

HHLA heißt 33 neue Auszubildende und Studierende willkommen

HHLA TK Estonia startet mit neuen, nachhaltigen Lösungen in die Getreidesaison

HHLA TK Estonia begrüßt erstes Methanol-Containerschiff in Estland

HHLA eröffnet Wasserstoff-Testfeld im Hamburger Hafen

Maritime Allianz in Ningbo: HHLA tritt globalem Netzwerk bei

Solarpark liefert Ökostrom für Metrans-Loks

HHLA Sky Technologie unterstützt automatisierte Drohnenflüge am dronePORT

Teaser- und News-Grid. Großes Element ist optional.

Platzhalter 1

Platzhalter 2

Platzhalter 3

Platzhalter 4

Platzhalter 5

Platzhalter 6

Platzhalter 1

Platzhalter 2

Platzhalter 3

Den Datenhebel ansetzen

Neue Technologien, neues Arbeiten

Nachhaltigkeit global betrachtet

Eine animierte Überschrift die eventuell|für die Startseite|reserviert ist?