Unzählige Elemente
Unbegrenzte Möglichkeiten
Ob Entwickler, Marketing Manager, SEO Spezialist oder fürs eigene Projekt – auch ohne HTML Kenntnisse können alle Elemente ganz einfach angepasst und kombiniert werden.
Typografie
H1 - Überschrift 1
Standard Fließtext: Geeignet für beschreibende Texte. Hyperlinks sind unterstrichen. 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.
H1 - Überschrift 1
H2 - Überschrift 2
Hervorgehobener Text: Geeignet für die Einleitung eines Textes, oder eine hervorgehobene Passage innerhalb eines Paragraphen. 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.
Standard Fließtext: Geeignet für beschreibende Texte. Hyperlinks sind unterstrichen. 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.
Standard Aufzählung
H2 - Überschrift 2
- Standard Aufzählungen
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum Links
- Standard Aufzählung
- Standard Aufzählung
Buttons Invertiert
Bilder
mit Untertitel-Varianten
Bilduntertitel Hervorgehoben
als Text Element
Bilduntertitel
als Text Element
Bilduntertitel
als Text Element
Bilduntertitel
als Text Element
Bilduntertitel
als Text Element
MP4, Youtube, Vimeo
Videos
Farben
Farbpalette
$color-white
$color-brand-light
$color-brand
$color-brand-dark
$color-success
$color-error
$color-silv-light
$color-silv-mid
$color-silv-dark
$color-grey-light
$color-grey-mid
$color-grey-dark
News
News Variante 1
News
MALA Teambuilding
- Allgemein
Gemeinsam unterwegs in Heidelberg 💛
Nach vielen Jahren der Zusammenarbeit und des kollegialen Austauschs haben wir uns eine gemeinsame Auszeit gegönnt und einen tollen Teambuilding-Tag in Heidelberg verbracht. Mit insgesamt acht Frauen und einem Hund ging es in die wunderschöne Stadt am Neckar.
Angekommen starteten wir den Tag mit einem reichhaltigen Frühstück in einem gemütlichen Café. Bei Kaffee, Chai Latte und den unterschiedlichsten Leckereien stärkten wir uns für das abwechslungsreiche Programm.
Anschließend ging es mit einer Stadtrallye weiter – dafür waren nicht nur Köpfchen, sondern auch ein bisschen Fitness gefragt. Dabei konnten wir Heidelberg auf besondere Weise entdecken, gemeinsam knifflige Aufgaben lösen und gleichzeitig mehr über die Stadt und ihre Geschichte erfahren.
Zum Abschluss liefen wir gemeinsam zum Bahnhof und ließen den Tag bei guten Gesprächen noch einmal Revue passieren.
Wir freuen uns schon auf unser nächstes gemeinsames Event: den Mädchen-Aktionstag am 10.10.2026!
Hierzu folgen schon bald weitere Infos. Seid gespannt!
Summer Games 2026
- Allgemein
🌞 Summer Games 2026 der AGJF Landkreis Karlsruhe 🌞
Auch wenn das Wetter heute eher nach Herbst als nach Sommer aussah 🍃🌥️ – unsere Summer Games waren trotzdem ein voller Erfolg! 💪
Rund 50 Kinder, Jugendliche und Betreuer*innen aus den Jugendhäusern im Landkreis Karlsruhe haben gemeinsam einen richtig coolen Tag in der Günther-Klotz-Anlage verbracht. 🎉
Es wurde gespielt, gechillt, gelacht, neue Leute kennengelernt, Boot gefahren 🚣 und natürlich durften die 🍟 Pommes auch nicht fehlen.
Ein riesiges Dankeschön an alle Jugendhäuser, die Kids und Jugendlichen – ihr habt den Tag mit eurer guten Laune zu etwas Besonderem gemacht! 🫶
Danke auch an das Jugendreferat des Landratsamts Karlsruhe für die Unterstützung sowie an den Bootsverleih und den Kühlen Krug. ❤️
Wir freuen uns schon aufs nächste Mal – dann hoffentlich mit etwas mehr ☀️😎
News
News Variante 2
MALA Teambuilding
- Allgemein
Gemeinsam unterwegs in Heidelberg 💛
Nach vielen Jahren der Zusammenarbeit und des kollegialen Austauschs haben wir uns eine gemeinsame Auszeit gegönnt und einen tollen Teambuilding-Tag in Heidelberg verbracht. Mit insgesamt acht Frauen und einem Hund ging es in die wunderschöne Stadt am Neckar.
Angekommen starteten wir den Tag mit einem reichhaltigen Frühstück in einem gemütlichen Café. Bei Kaffee, Chai Latte und den unterschiedlichsten Leckereien stärkten wir uns für das abwechslungsreiche Programm.
Anschließend ging es mit einer Stadtrallye weiter – dafür waren nicht nur Köpfchen, sondern auch ein bisschen Fitness gefragt. Dabei konnten wir Heidelberg auf besondere Weise entdecken, gemeinsam knifflige Aufgaben lösen und gleichzeitig mehr über die Stadt und ihre Geschichte erfahren.
Zum Abschluss liefen wir gemeinsam zum Bahnhof und ließen den Tag bei guten Gesprächen noch einmal Revue passieren.
Wir freuen uns schon auf unser nächstes gemeinsames Event: den Mädchen-Aktionstag am 10.10.2026!
Hierzu folgen schon bald weitere Infos. Seid gespannt!
Summer Games 2026
- Allgemein
🌞 Summer Games 2026 der AGJF Landkreis Karlsruhe 🌞
Auch wenn das Wetter heute eher nach Herbst als nach Sommer aussah 🍃🌥️ – unsere Summer Games waren trotzdem ein voller Erfolg! 💪
Rund 50 Kinder, Jugendliche und Betreuer*innen aus den Jugendhäusern im Landkreis Karlsruhe haben gemeinsam einen richtig coolen Tag in der Günther-Klotz-Anlage verbracht. 🎉
Es wurde gespielt, gechillt, gelacht, neue Leute kennengelernt, Boot gefahren 🚣 und natürlich durften die 🍟 Pommes auch nicht fehlen.
Ein riesiges Dankeschön an alle Jugendhäuser, die Kids und Jugendlichen – ihr habt den Tag mit eurer guten Laune zu etwas Besonderem gemacht! 🫶
Danke auch an das Jugendreferat des Landratsamts Karlsruhe für die Unterstützung sowie an den Bootsverleih und den Kühlen Krug. ❤️
Wir freuen uns schon aufs nächste Mal – dann hoffentlich mit etwas mehr ☀️😎
News
News Variante 3
Hero
Hero Inline & Hero Fullwidth
Hero Inline
Text mittig ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt
Typografie
Text unten zentriert
Abgedunkelter Hintergrund: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Hero Fullwidth
Text unten ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig links
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig zentriert
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig rechts
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Slider Inline
Hero Inline & Hero Fullwidth
Typografie
Text Mittig
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text unten ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig links
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig zentriert
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig rechts
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Slider Fullwidth
Text Mittig
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text unten ausgerichtet
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Primäre Aktion Sekundäre Aktion
Typografie
Text mittig links
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig zentriert
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Typografie
Text mittig rechts
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Grid Variante 1
Überschrift 2
Verfügbare Optionen: Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift 2
Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift 2
Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift 2
Text links ausgerichtet, Text rechts ausgerichtet, Text zentriert, Text farblich invertiert, Text farblich hinterlegt, Hintergrund abgedunkelt. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift 3
Verlinktes Bild mit Überschrift und Untertitel
Überschrift 3
Lorem ipsum dolor sit amet ut labore et dolore magna aliquyam erat
Überschrift 3
Lorem ipsum dolor sit amet ut labore et dolore magna aliquyam erat
Grid Variante 2
mit erweiterter Breite
Grid Variante 3
ohne Spalten Abstand
Bildunterschrift
als Text Element
Bildunterschrift
als Text Element
Bildunterschrift
als Text Element
Bild Grid
H1 - Überschrift 1
Standard Fließtext: Geeignet für beschreibende Texte. Hyperlinks sind unterstrichen. 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.
Grid Slider
Normale und erweiterte Breite
Cards
Varianten: Default, Icon, Background
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3 zweizeilig
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3 zweizeilig
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Fakten
Überschrift 2
Fakten
Überschrift 2
Fakten
Überschrift 2
Features
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Features Hintergrund
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
H3 - Überschrift 3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam.
Maps
Maps mit Standort
Formular
Formular mit Bestätigung
Logo Galerie
Akkordeon
Akkordeon / FAQ
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Headline 1
Headline 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Login Formular
Mitglieder Login
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Unbegrenzte Möglichkeiten
Unzählige weitere Elemente
Diese und unzählige weitere Elemente gibt's in der Element Übersicht. Ob Entwickler, Marketing Manager, SEO Spezialist oder fürs eigene Projekt – auch ohne HTML Kenntnisse können alle Elemente ganz einfach angepasst und kombiniert werden.