ImageText
Full-bleed Bild mit Text im Content-Grid. Das Bild reicht bis zum Bildschirmrand, während der Text innerhalb des Content-Grids bleibt. Ideal für Marketing- und Landingpages, die visuellen Impact mit lesbarem Inhalt verbinden sollen.
Bild links (Standard)
Energie für die Zukunft
Als kommunale Klima- und Mobilitäts-Stelle treiben wir den Wandel voran. Mit Förderprogrammen, ÖPNV-Angeboten und regionaler Verwurzelung schaffen wir die Grundlage für eine lebenswerte Zukunft in unserer Region.
Seit über 75 Jahren begleiten wir Musterstadt zuverlässig — und investieren konsequent in erneuerbare Energien und Mobilitätswende.
Bild rechts
Unser Engagement für Nachhaltigkeit
Mit dem Ausbau erneuerbarer Energien übernehmen wir Verantwortung für kommende Generationen. Unser Solarpark am Nordring produziert jährlich 4,2 GWh grünen Strom.
Bis 2030 wollen wir 80 Prozent unseres Stroms aus regenerativen Quellen erzeugen.
Benutzerdefiniertes Seitenverhältnis
Windkraft in der Region
Unsere drei Windparks erzeugen zusammen genug Strom für über 12.000 Haushalte. Mit dem breiteren Bildformat laesst sich die Landschaft besonders eindrucksvoll darstellen.
Redakteur-Hinweise
Empfehlungen für wirkungsvolle Bild-Text-Kombinationen.
| Element | Empfehlung |
|---|---|
| Headline | 3–6 Wörter. Emotional oder plakativ. „Klimaschutz für die Zukunft“ statt „Über unsere Klimaschutzkonzepte“. |
| Fließtext | 2–3 Absätze, insgesamt 60–120 Wörter. Laengere Texte wirken im 50/50-Layout zu gedrungen. |
| Bild | Min. 800×600px, Hochformat oder Querformat möglich. Das Bild wird per object-fit: cover beschnitten — wichtige Motive mittig platzieren. |
| Alt-Text | Beschreibt das Bildmotiv konkret (5–15 Wörter). Nicht den Titel wiederholen. |
| Bildposition | Bei mehreren ImageText-Blöcken untereinander: Bild abwechselnd links/rechts setzen für visuellen Rhythmus. |
| Seitenverhältnis | Standard: automatisch. Bei Panoramabildern aspectRatio="2/1" oder 16/9 verwenden. |
Installation
cp-components add imagetext