Shortcodes
Shortcode-Referenz
Die folgenden Abschnitte zeigen alle verfügbaren Shortcodes in ihren jeweiligen Varianten. Sie dienen als Referenz für die Gestaltung von Inhaltsseiten.
Goals Grid
Das Goals Grid zeigt Ziele oder Features in einem Raster mit Icons. Der Parameter background steuert die Hintergrundfarbe, columns die Spaltenanzahl.
Variante: background="secondary" (Standard)
Drei Säulen der Verkehrswende
Sicherheit
Vision Zero: Kein Mensch soll im Straßenverkehr getötet oder schwer verletzt werden.
→ mehr dazuBarrierefreiheit
Alle Haltestellen, Fahrzeuge und Wege ohne Einschränkungen nutzbar.
CTA-Banner
Ganzseitige Handlungsaufforderungen mit farbigem Hintergrund, Überschrift, optionalem Text und Button.
Variante: background="primary" (Standard)
Bereit für gute Mobilität?
Ein Volksentscheid braucht viele engagierte Menschen. Mit deiner Unterschrift bringst du Bremen in Bewegung.
Jetzt mitmachenVariante: background="secondary"
Sei dabei!
Ob Unterschriften sammeln, Infostände betreuen oder online unterstützen — jede helfende Hand zählt.
MitmachenVariante: background="neutral"
Hast du Fragen?
Schreib uns eine Nachricht oder komm zu einem unserer Treffen. Wir freuen uns auf dich.
Kontakt aufnehmenVariante: align="left"
Nur Überschrift und Button (ohne Inner Content)
Jetzt spenden und Bremen in Bewegung bringen
SpendenStatistiken
Prominente Kennzahlen in einer Reihe. Der äußere Block stats nimmt den Parameter background entgegen, die einzelnen stat-Blöcke jeweils number und label.
Variante: background="neutral" (Standard)
Variante: background="primary"
Variante: background="secondary"
Variante: background="none" (transparent)
Testimonials
Zitate mit optionalem Foto und Quellenangabe. Der Parameter background steuert die Darstellung.
Variante: background="light" (Standard)
Seit die Linie 1 häufiger fährt, komme ich morgens pünktlich zur Arbeit. Vorher war das jeden Tag ein Glücksspiel.
Variante: background="accent"
Dieses Gesetz gibt Bremen und Bremerhaven verbindliche Ziele für gute Mobilität.
Variante: background="none" (Randlinie)
Mein Schulweg dauert mit dem Bus 45 Minuten für vier Kilometer. Mit dem Fahrrad wäre es schneller, aber die Straße ist zu gefährlich.
Split (Zwei Spalten)
Zweispaltiges Layout mit Bild und Text. Der Parameter imagePosition steuert die Bildseite, background den Hintergrund.
Variante: imagePosition="right" (Standard)
Eine lebenswerte Region
Bremen und Bremerhaven verdienen eine Mobilität, die alle mitnimmt. Die Weser verbindet beide Städte — gute Verkehrsverbindungen sollten das auch tun. Unser Volksentscheid sorgt dafür, dass aus Plänen Taten werden.
Variante: imagePosition="left"
Gemeinsam handeln
Über 160 Organisationen haben den Hamburger Zukunftsentscheid unterstützt. In Bremen und Bremerhaven wächst ein ähnlich breites Bündnis. Jede Stimme zählt.
Variante: background="light"
Klimaschutz beginnt vor der Haustür
Der Verkehrssektor ist in Bremen für einen erheblichen Anteil der CO₂-Emissionen verantwortlich. Eine Verlagerung auf den Umweltverbund ist der wirksamste Hebel, den Kommunen haben.
Variante: background="accent"
Die Zeit drängt
Das Bremische Klimaschutzgesetz schreibt Klimaneutralität bis 2038 vor. Im Verkehrssektor ist davon bisher wenig zu spüren. Unser Gesetz setzt den verbindlichen Rahmen für die notwendige Transformation.
Section
Visuell abgesetzte Inhaltsbereiche mit farbigem Hintergrund. Innerhalb eines section-Blocks kann reguläres Markdown verwendet werden.
Variante: background="light" (Standard)
Wusstest du?
Jeder investierte Euro in den Nahverkehr bringt einen dreifachen wirtschaftlichen Nutzen. Der ÖPNV spart aktuell jährlich bundesweit 9 Milliarden Euro Folgekosten des Autoverkehrs ein — Klimafolgen, Lärmbelastung und Unfälle eingerechnet.
Variante: background="primary"
Warum ein Volksentscheid?
Weil sich die Politik ihrer Verantwortung entzieht, nehmen wir die Verkehrswende selbst in die Hand. Ein klares Signal der Bevölkerung sorgt für den nötigen Druck, um blockierte Prozesse in der Verwaltung aufzulösen.
Variante: background="secondary"
Unser Anspruch
Mobilität in Bremen und Bremerhaven soll unabhängig von Alter, Geschlecht, Einkommen und persönlichen Mobilitätsbeeinträchtigungen gewährleistet werden. Je höher die Qualität und je besser die Zugänglichkeit vielfältiger Bewegungsmöglichkeiten, desto nachhaltiger sind wir alle unterwegs.
Variante: background="none" und padding="small"
Mit Anker-Link: id="beispiel-anker"
#beispiel-anker direkt verlinkbar. Das ist nützlich für Spendenformulare, FAQ-Bereiche oder Navigation innerhalb langer Seiten.
Kombinationsbeispiel
So können die Shortcodes auf einer realen Seite zusammenspielen:
Einfach Unterwegs
Bremen und Bremerhaven haben ein Verkehrsproblem. Baustellen bremsen den Verkehrsfluss, Brücken sind marode, Radfahren ist an vielen Stellen gefährlich und der ÖPNV-Ausbau stockt seit Jahren.
Was wir fordern
Lebenswerte Region
Öffentlichen Raum effizienter nutzen und Alternativen zum Auto ausbauen.
Mobilität für alle
Sicher, bezahlbar und barrierefrei — unabhängig von Einkommen oder Alter.
Klimaneutralität 2038
Verbindliche Ziele gemäß Bremischem Klimaschutzgesetz.
Ich würde gerne auf das Auto verzichten, aber mit dem Bus brauche ich doppelt so lang wie mit dem Auto. Das kann doch nicht sein.
Gute Mobilität entsteht nicht von allein
Einfach Unterwegs wird ausschließlich durch Spenden getragen. Jede Spende hilft, Bremen und Bremerhaven in Bewegung zu bringen.
Jetzt spenden