Blocktest — jeder Block in jeder Variante. Vor jeder Variante steht ihre Nummer und die Einstellungen, die sie ausmachen. Jeder Block hat zusätzlich eine eigene Seite.
Hero Unit (24) — einzeln
Basic Content (27) — einzeln
CTA Section (14) — einzeln
Accordion (7) — einzeln
Fakten (9) — einzeln
Info-Kacheln (15) — einzeln
Block-Intro (5) — einzeln
Siegel (8) — einzeln
Prozessschritte (5) — einzeln
Projekt-Fakten (3) — einzeln
Media (15) — einzeln
Teaser (10) — einzeln
Post List (7) — einzeln
Testimonials (6) — einzeln
Zitat (4) — einzeln
Logo-Leiste (4) — einzeln
Förderrechner (4) — einzeln
Formular (4) — einzeln

Hero Unit — 24 Varianten · acf/hero-unit
Layouts × Medienart, dazu Punktraster und Buttons untereinander als Zusatz zu jedem Layout. Der Verlauf zeigt kein Medium und kein Punktraster; das Badge erscheint nur auf Case Studies.
Nur diesen Block · Zur Übersicht

Hero Unit 1/24 · Nebeneinander, Galerie
layout: split · kind_of_media: gallery

Hero Unit 2/24 · Nebeneinander, Bild
layout: split · kind_of_media: image

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Hero Unit 3/24 · Nebeneinander, eingebettetes Video
layout: split · kind_of_media: embed_video

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Video abspielen

Hero Unit 4/24 · Nebeneinander, hochgeladenes Video
layout: split · kind_of_media: self_hosted_video

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Video abspielen

Hero Unit 5/24 · Nebeneinander auf Grau
layout: split · kind_of_media: image · background_color: sand

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Hero Unit 6/24 · Zentriert, Icon, drei Links, Galerie
layout: centered · kind_of_media: gallery

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Erster Schritt

Zweiter Schritt

Mehr erfahren

• 
• 
• 

Hero Unit 7/24 · Zentriert, Bild
layout: centered · kind_of_media: image

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Hero Unit 8/24 · Zentriert, eingebettetes Video
layout: centered · kind_of_media: embed_video

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Video abspielen

Hero Unit 9/24 · Zentriert, Display-Überschrift, ohne Medium
layout: centered · kind_of_media: gallery · headline_tag: display

Hero Unit 10/24 · Zentriert auf Navy
layout: centered · kind_of_media: image · background_color: primary

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Erster Schritt

Zweiter Schritt

Hero Unit 11/24 · Titel mit Bild darunter, Link auf dem Bild
layout: statement · kind_of_media: image

Projektname

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Website besuchen

Hero Unit 12/24 · Titel mit Galerie darunter
layout: statement · kind_of_media: gallery

Hero Unit 13/24 · Titel ohne Medium
layout: statement · kind_of_media: gallery

Hero Unit 14/24 · Nur Text, linksbündig
layout: text

Hero Unit 15/24 · Binär-Raster, nur Text
layout: text · dot_grid: binary

Hero Unit 16/24 · Binär-Raster auf Navy
layout: centered · kind_of_media: image · dot_grid: binary · background_color: primary

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Erster Schritt

Zweiter Schritt

Hero Unit 17/24 · Nur Text, Punktraster, Buttons untereinander
layout: text · dot_grid: 1 · links_arrangement: stack

Hero Unit 18/24 · Punktraster, nebeneinander
layout: split · kind_of_media: image · dot_grid: 1

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Erster Schritt

Zweiter Schritt

Hero Unit 19/24 · Punktraster, zentriert, Buttons untereinander
layout: centered · kind_of_media: image · dot_grid: 1 · links_arrangement: stack

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Erster Schritt

Zweiter Schritt

Mehr erfahren

Hero Unit 20/24 · Punktraster, Titel mit Bild darunter
layout: statement · kind_of_media: image · dot_grid: 1

Projektname

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Hero Unit 21/24 · Punktraster auf Navy
layout: centered · kind_of_media: image · dot_grid: 1 · background_color: primary

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Erster Schritt

Zweiter Schritt

Hero Unit 22/24 · Nebeneinander, Buttons untereinander
layout: split · kind_of_media: image · links_arrangement: stack

Willkommen

Eine Überschrift, die das Thema setzt

Ein einleitender Absatz in ein bis zwei Sätzen. Er sagt, worum es auf dieser Seite geht.

Erster Schritt

Zweiter Schritt

Mehr erfahren

Hero Unit 23/24 · Verlauf, Links, Anker-Pfeil
layout: gradient

Hero Unit 24/24 · Verlauf, externer Link
layout: gradient

Basic Content — 27 Varianten · acf/basic-content
Spalten, Ausrichtung, Füllung und jedes Inhalts-Layout der Spalten (Text, Link, Bild, Medium, Slider, Accordion, Formular, Punkte, CTA).
Nur diesen Block · Zur Übersicht

Basic Content 1/27 · Einspaltig, links
columns: one

Basic Content 2/27 · Einspaltig, zentriert
columns: one

Basic Content 3/27 · Einspaltig, rechts
columns: one

Basic Content 4/27 · Zwei Spalten, oben bündig
columns: two · vertical_alignment: top

Subheadline

Text neben einem Bild

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.

Mehr erfahren

Basic Content 5/27 · Zwei Spalten, mittig
columns: two · vertical_alignment: center

Subheadline

Vertikal mittig

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.

Mehr erfahren

Basic Content 6/27 · Zwei Spalten, unten bündig
columns: two · vertical_alignment: bottom

Subheadline

Vertikal unten

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.

Mehr erfahren

Basic Content 7/27 · Zwei Spalten, getauscht
columns: two · swap_columns: 1 · vertical_alignment: center

Subheadline

Spalten getauscht

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.

Mehr erfahren

Basic Content 8/27 · Zwei Spalten, eingefärbt
columns: two · columns_filled: 1

Basic Content 9/27 · Drei Spalten
columns: three

Basic Content 10/27 · Drei Spalten, eingefärbt, zentriert
columns: three · columns_filled: 1

Basic Content 11/27 · Label links mit Trennlinie
columns: label · top_rule: 1

Basic Content 12/27 · Label links, Liste und nummeriertes Accordion
columns: label · top_rule: 1

Basic Content 13/27 · Label links, Punkte und CTA
columns: label · top_rule: 1

Basic Content 14/27 · Label links, nummerierte Karten
columns: label · top_rule: 1

Basic Content 15/27 · Nummerierte Karten auf Navy
columns: label · background_color: primary

Basic Content 16/27 · Alle Link- und Button-Stile
columns: two

Basic Content 17/27 · Medium: Bild
columns: one

Basic Content 18/27 · Medium: Bildstreifen
columns: one

Basic Content 19/27 · Medium: Bildpaar schmal–breit
columns: one

Basic Content 20/27 · Medium: eingebettetes Video
columns: one

Video über die volle Breite

Video abspielen

Basic Content 21/27 · Medium: hochgeladenes Video
columns: one

Video abspielen

Basic Content 22/27 · Medium: iFrame
columns: one

Inhalt laden

Basic Content 23/27 · Slider neben Text
columns: two · vertical_alignment: center

Basic Content 24/27 · Formular neben Text
columns: two

Basic Content 25/27 · Auf Grau
columns: two · vertical_alignment: center · background_color: sand

Subheadline

Auf grauem Grund

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.

Mehr erfahren

Basic Content 26/27 · Auf Navy
columns: two · vertical_alignment: center · background_color: primary

Subheadline

Helle Schrift auf Navy

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Mit fett und einem Link im Text.

Mehr erfahren

Basic Content 27/27 · Label links auf Navy
columns: label · top_rule: 1 · background_color: primary

CTA Section — 14 Varianten · acf/call-to-action
Small, Medium und Large teilen Rahmen, Ecken und Raster ohne eigene Fläche; Bildstil und Hintergrund. Auf Navy kehrt sich der CTA um. Large hat immer den Pfeil nach unten und kein Bild.
Nur diesen Block · Zur Übersicht

CTA Section 1/14 · Small, Bild als Schmuck
layout: boxed · image_style: decor

Kontakt

Bereit für den nächsten Schritt?

Ein kurzer Satz, der zur Handlung auffordert.

Kontakt aufnehmen

CTA Section 2/14 · Small, Foto im Panel
layout: boxed · image_style: overlap

Kontakt

Bereit für den nächsten Schritt?

Ein kurzer Satz, der zur Handlung auffordert.

Kontakt aufnehmen

CTA Section 3/14 · Small ohne Bild, drei Aktionen
layout: boxed

CTA Section 4/14 · Small auf Navy
layout: boxed · background_color: primary

CTA Section 5/14 · Small, Primary
layout: boxed · variant: primary

CTA Section 6/14 · Small, Primary, drei Aktionen
layout: boxed · variant: primary

CTA Section 7/14 · Medium, Primary
layout: fullwidth · variant: primary

CTA Section 8/14 · Medium, Foto im Panel
layout: fullwidth · image_style: overlap

Kontakt

Bereit für den nächsten Schritt?

Ein kurzer Satz, der zur Handlung auffordert.

Kontakt aufnehmen

CTA Section 9/14 · Medium, Bild als Schmuck
layout: fullwidth · image_style: decor

Kontakt

Bereit für den nächsten Schritt?

Ein kurzer Satz, der zur Handlung auffordert.

Kontakt aufnehmen

CTA Section 10/14 · Medium ohne Bild
layout: fullwidth

CTA Section 11/14 · Medium auf Navy
layout: fullwidth · background_color: primary

CTA Section 12/14 · Large
layout: statement

CTA Section 13/14 · Large auf Grau
layout: statement · background_color: sand

CTA Section 14/14 · Large auf Navy
layout: statement · background_color: primary

Accordion — 7 Varianten · acf/accordion
Einspaltig oder zweispaltig (Intro links), mit oder ohne Nummern.
Nur diesen Block · Zur Übersicht

Accordion 1/7 · Einspaltig mit Links
layout: no-columns

Accordion 2/7 · Einspaltig, nummeriert
layout: no-columns · numbered: 1

Accordion 3/7 · Sublines, erster offen
layout: no-columns

Accordion 4/7 · Zweispaltig
layout: two-columns

Accordion 5/7 · Zweispaltig, nummeriert
layout: two-columns · numbered: 1

Accordion 6/7 · Auf Grau
layout: two-columns · background_color: sand

Accordion 7/7 · Auf Navy
layout: no-columns · numbered: 1 · background_color: primary

Fakten — 9 Varianten · acf/facts
Große Zahl, Aussage und Karten. Icon, Bildunterschrift und abgeschnittene Ecke gibt es nur bei Karten.
Nur diesen Block · Zur Übersicht

Fakten 1/9 · Große Zahl
variant: number

Fakten 2/9 · Große Zahl, Trennlinie, auf Navy
variant: number · top_rule: 1 · background_color: primary

Fakten 3/9 · Aussage
variant: statement

Fakten 4/9 · Aussage auf Grau
variant: statement · background_color: sand

Fakten 5/9 · Karten mit Icon, Trennlinie
variant: cards · top_rule: 1

Fakten 6/9 · Karten, Ecke abgeschnitten, vier
variant: cards · notched: 1

Fakten 7/9 · Karten, zwei
variant: cards

Fakten 8/9 · Eine Karte ohne Zusatzfelder
variant: cards

Fakten 9/9 · Karten auf Navy
variant: cards · notched: 1 · background_color: primary

Info-Kacheln — 15 Varianten · acf/info-cards
Eine bis sechs Spalten, Badge über oder neben der Überschrift in vier Tönen, Kachelfarbe, Icon, Checkliste und Link.
Nur diesen Block · Zur Übersicht

Info-Kacheln 1/15 · Eine Spalte
columns: one

Info-Kacheln 2/15 · Zwei Spalten, Icon, Weiß und Grau
columns: two

Info-Kacheln 3/15 · Drei Spalten, nummeriert
columns: three · numbered: 1

Info-Kacheln 4/15 · Drei Spalten, nur Rahmen
columns: three · numbered: 1

Info-Kacheln 5/15 · Nur Rahmen auf Navy
columns: two · background_color: primary

Info-Kacheln 6/15 · Drei Spalten, Badge darüber, Checkliste
columns: three · badge_position: stacked · intro: centered

Info-Kacheln 7/15 · Drei Spalten, Badge daneben, vier Töne
columns: three · badge_position: inline · intro: centered

Info-Kacheln 8/15 · Vier Spalten mit Links
columns: four

Info-Kacheln 9/15 · Fünf Spalten mit Icons
columns: five · numbered: 1

Info-Kacheln 10/15 · Sechs Spalten
columns: six

Info-Kacheln 11/15 · Mit Abschluss
columns: three

Info-Kacheln 12/15 · Raster
columns: four

Info-Kacheln 13/15 · Auf Weiß, Weiß und Grau
columns: two · background_color: paper

Info-Kacheln 14/15 · Auf Grau
columns: three · background_color: sand

Info-Kacheln 15/15 · Auf Navy
columns: three · background_color: primary

Block-Intro — 5 Varianten · acf/info-cards
Das Intro (Subheadline, Überschrift, Text, Link) teilen sich elf Blöcke; hier an den Info-Kacheln gezeigt.
Nur diesen Block · Zur Übersicht

Block-Intro 1/5 · Links
columns: three

Block-Intro 2/5 · Zentriert
columns: three · intro: centered

Block-Intro 3/5 · Rechts
columns: three · intro: right

Block-Intro 4/5 · Button rechts daneben
columns: three · link_right: 1

Block-Intro 5/5 · Display-Überschrift
columns: three · intro headline_tag: display

Siegel — 8 Varianten · acf/seals
Eins bis fünf Siegel pro Reihe, mit oder ohne Icon und Text, Abschluss darunter.
Nur diesen Block · Zur Übersicht

Siegel 1/8 · Fünf mit Abschluss

Siegel 2/8 · Fünf mit CTA

Siegel 3/8 · Vier mit CTA, nur Linktext

Siegel 4/8 · Vier ohne Icons, Trennlinie
top_rule: 1

Siegel 5/8 · Drei, eines ohne Icon und Text

Siegel 6/8 · Eines
intro: centered

Siegel 7/8 · Auf Grau
background_color: sand

Siegel 8/8 · Auf Navy
background_color: primary

Prozessschritte — 5 Varianten · acf/process-steps
Anzahl der Schritte, Dauer und Förderung je Schritt optional.
Nur diesen Block · Zur Übersicht

Prozessschritte 1/5 · Vier Schritte
intro: centered

Prozessschritte 2/5 · Drei Schritte nur mit Dauer

Prozessschritte 3/5 · Ein Schritt ohne Angaben

Prozessschritte 4/5 · Auf Grau
background_color: sand

Prozessschritte 5/5 · Auf Navy
background_color: primary

Projekt-Fakten — 3 Varianten · acf/project-facts
Ein Layout: die Fakten links, die Einleitung rechts; das Label ist nur für Screenreader. Bis zu fünf Spalten, leere fallen weg. Hintergrund keiner oder Navy.
Nur diesen Block · Zur Übersicht

Projekt-Fakten 1/3 · Einleitung und Label

Projekt-Fakten 2/3 · Vier Spalten, eine leere fällt weg

Projekt-Fakten 3/3 · Auf Navy
background_color: primary

Media — 15 Varianten · acf/media
Medienart × Layout × Breite. Bildstreifen und Bildpaar haben kein Layout und keine Breite; volle Breite hat keine Breite.
Nur diesen Block · Zur Übersicht

Media 1/15 · Bild, Standard, voll
layout: default · kind_of_media: image · width: full · intro: centered

Einblick

Ein großes Bild

Media 2/15 · Bild, Standard, 70 %
layout: default · kind_of_media: image · width: w70

Media 3/15 · Bild, Standard, 45 %
layout: default · kind_of_media: image · width: w45

Media 4/15 · Bild, Boxed, voll
layout: boxed · kind_of_media: image · width: full

Media 5/15 · Bild, Boxed, 70 %
layout: boxed · kind_of_media: image · width: w70

Media 6/15 · Bild, volle Breite
layout: full-width · kind_of_media: image

Media 7/15 · Bildstreifen
kind_of_media: strip

Media 8/15 · Bildpaar schmal–breit
kind_of_media: pair · order: narrow-wide

Media 9/15 · Bildpaar breit–schmal
kind_of_media: pair · order: wide-narrow

Media 10/15 · Eingebettetes Video mit Vorschaubild
layout: default · kind_of_media: embed_video · width: w70

Video abspielen

Media 11/15 · Eingebettetes Video ohne Vorschaubild
layout: boxed · kind_of_media: embed_video · width: full

Media 12/15 · Hochgeladenes Video
layout: default · kind_of_media: self_hosted_video · width: full

Video abspielen

Media 13/15 · iFrame
layout: default · kind_of_media: iframe · width: w70

Inhalt laden

Media 14/15 · Auf Grau
layout: default · kind_of_media: image · width: w70 · background_color: sand

Bild auf Grau

Media 15/15 · Auf Navy
kind_of_media: pair · background_color: primary · order: narrow-wide

Bildpaar auf Navy

Teaser — 10 Varianten · acf/post-teaser
Case Studies oder Beiträge (ausgewählt oder verwandt) als Raster, Slider oder Liste.
Nur diesen Block · Zur Übersicht

Teaser 1/10 · Case Studies, Raster
layout: grid · content_type: case_study · show_image: 1 · show_excerpt: 1

Projekte

Case Studies im Raster

Beispielprojekt Eins

Website und Portal für ein Beispielunternehmen.

Beispielprojekt Zwei

Ein Onlineshop mit angebundenem Warenwirtschaftssystem.

Beispielprojekt Drei

Eine Web-App für interne Abläufe.

Teaser 2/10 · Case Studies, Slider
layout: slider · content_type: case_study · show_image: 1 · show_excerpt: 1

Teaser 3/10 · Case Studies, Liste
layout: list · content_type: case_study · show_image: 1 · show_excerpt: 1

Case Studies als Liste

Beispielprojekt Eins

Website und Portal für ein Beispielunternehmen.

Beispielprojekt Zwei

Ein Onlineshop mit angebundenem Warenwirtschaftssystem.

Beispielprojekt Drei

Eine Web-App für interne Abläufe.

Teaser 4/10 · Beiträge ausgewählt, Raster
layout: grid · content_type: post · source: picked · show_image: 1 · show_excerpt: 1

Blog

Ausgewählte Beiträge

Webentwicklung 1 min Lesezeit

Warum modulare Komponenten Pflege leichter machen

Ein Beispielartikel: wie ein Baukasten aus Blöcken Redaktion und Entwicklung entlastet.

Barrierefreiheit 1 min Lesezeit

Barrierefreiheit von Anfang an mitdenken

Ein Beispielartikel über Kontraste, Tastaturbedienung und klare Strukturen.

Förderung 1 min Lesezeit

Digitalisierung mit Förderung planen

Ein Beispielartikel: in welchen Schritten ein gefördertes Projekt abläuft.

Teaser 5/10 · Beiträge verwandt, Raster, zentriert
layout: grid · source: related · show_image: 1 · show_excerpt: 1 · intro: centered

Blog

Aus dem Blog

Webentwicklung 1 min Lesezeit

Warum modulare Komponenten Pflege leichter machen

Ein Beispielartikel: wie ein Baukasten aus Blöcken Redaktion und Entwicklung entlastet.

Barrierefreiheit 1 min Lesezeit

Barrierefreiheit von Anfang an mitdenken

Ein Beispielartikel über Kontraste, Tastaturbedienung und klare Strukturen.

Förderung 1 min Lesezeit

Digitalisierung mit Förderung planen

Ein Beispielartikel: in welchen Schritten ein gefördertes Projekt abläuft.

Teaser 6/10 · Beiträge verwandt, Slider, ohne Auszug
layout: slider · source: related · show_image: 1 · show_excerpt: 0

Teaser 7/10 · Beiträge, Liste ohne Bild und Auszug
layout: list · source: related · show_image: 0 · show_excerpt: 0

Teaser 8/10 · Raster ohne Bild
layout: grid · source: related · show_image: 0 · show_excerpt: 1

Teaser 9/10 · Auf Grau
layout: grid · source: related · show_image: 1 · show_excerpt: 1 · background_color: sand

Blog

Auf Grau

Webentwicklung 1 min Lesezeit

Warum modulare Komponenten Pflege leichter machen

Ein Beispielartikel: wie ein Baukasten aus Blöcken Redaktion und Entwicklung entlastet.

Barrierefreiheit 1 min Lesezeit

Barrierefreiheit von Anfang an mitdenken

Ein Beispielartikel über Kontraste, Tastaturbedienung und klare Strukturen.

Förderung 1 min Lesezeit

Digitalisierung mit Förderung planen

Ein Beispielartikel: in welchen Schritten ein gefördertes Projekt abläuft.

Teaser 10/10 · Auf Navy
layout: slider · content_type: case_study · show_image: 1 · show_excerpt: 1 · background_color: primary

Post List — 7 Varianten · acf/post-list
Automatisch (mit Filter, Seiten oder Mehr laden) oder manuell; Beiträge oder Case Studies.
Nur diesen Block · Zur Übersicht

Post List 1/7 · Beiträge automatisch, Filter, Seiten
source: auto · pagination_style: pagination · show_image: 1 · show_filter: 1

Aktuelles

Beiträge mit Kategorie-Filter

Kategorie wählen

Barrierefreiheit Förderung Webentwicklung

Filtern Filter zurücksetzen

5 Beiträge gefunden — Seite 1 von 2

Webentwicklung 1 min Lesezeit

Warum modulare Komponenten Pflege leichter machen

Ein Beispielartikel: wie ein Baukasten aus Blöcken Redaktion und Entwicklung entlastet.

Barrierefreiheit 1 min Lesezeit

Barrierefreiheit von Anfang an mitdenken

Ein Beispielartikel über Kontraste, Tastaturbedienung und klare Strukturen.

Förderung 1 min Lesezeit

Digitalisierung mit Förderung planen

Ein Beispielartikel: in welchen Schritten ein gefördertes Projekt abläuft.

Post List 2/7 · Beiträge automatisch, Mehr laden, ohne Bild
source: auto · pagination_style: load_more · show_image: 0 · show_filter: 0

Post List 3/7 · Beiträge manuell
content_type: post · source: manual · show_image: 1

Blog

Von Hand ausgewählt

Webentwicklung 1 min Lesezeit

Warum modulare Komponenten Pflege leichter machen

Ein Beispielartikel: wie ein Baukasten aus Blöcken Redaktion und Entwicklung entlastet.

Barrierefreiheit 1 min Lesezeit

Barrierefreiheit von Anfang an mitdenken

Ein Beispielartikel über Kontraste, Tastaturbedienung und klare Strukturen.

Förderung 1 min Lesezeit

Digitalisierung mit Förderung planen

Ein Beispielartikel: in welchen Schritten ein gefördertes Projekt abläuft.

Post List 4/7 · Case Studies automatisch
content_type: case_study · source: auto · pagination_style: none · show_image: 1

Case Studies

Alle Projekte

Büro Lechthaler

Effiziente Zeiterfassung durch eigene Softwarelösung

Edex Immo

Zusätzlicher Kanal ohne zusätzlichen Aufwand

Zion Reisen

Umstellung auf digitale Buchungsplattform

Taxcoach

Modernisierung des Außenauftritts nach Neuübernahme

Beispielprojekt Drei

Eine Web-App für interne Abläufe.

Beispielprojekt Zwei

Ein Onlineshop mit angebundenem Warenwirtschaftssystem.

Post List 5/7 · Case Studies manuell
content_type: case_study · source: manual · show_image: 1

Case Studies

Von Hand ausgewählt

Beispielprojekt Eins

Website und Portal für ein Beispielunternehmen.

Beispielprojekt Zwei

Ein Onlineshop mit angebundenem Warenwirtschaftssystem.

Post List 6/7 · Auf Grau
source: auto · pagination_style: none · show_image: 1 · show_filter: 1 · background_color: sand

Blog

Auf Grau

Kategorie wählen

Barrierefreiheit Förderung Webentwicklung

Filtern Filter zurücksetzen

5 Beiträge gefunden — Seite 1 von 2

Webentwicklung 1 min Lesezeit

Warum modulare Komponenten Pflege leichter machen

Ein Beispielartikel: wie ein Baukasten aus Blöcken Redaktion und Entwicklung entlastet.

Barrierefreiheit 1 min Lesezeit

Barrierefreiheit von Anfang an mitdenken

Ein Beispielartikel über Kontraste, Tastaturbedienung und klare Strukturen.

Förderung 1 min Lesezeit

Digitalisierung mit Förderung planen

Ein Beispielartikel: in welchen Schritten ein gefördertes Projekt abläuft.

Post List 7/7 · Auf Navy
source: auto · pagination_style: pagination · show_image: 1 · show_filter: 1 · background_color: primary

Blog

Auf Navy

Kategorie wählen

Barrierefreiheit Förderung Webentwicklung

Filtern Filter zurücksetzen

5 Beiträge gefunden — Seite 1 von 2

Webentwicklung 1 min Lesezeit

Warum modulare Komponenten Pflege leichter machen

Ein Beispielartikel: wie ein Baukasten aus Blöcken Redaktion und Entwicklung entlastet.

Barrierefreiheit 1 min Lesezeit

Barrierefreiheit von Anfang an mitdenken

Ein Beispielartikel über Kontraste, Tastaturbedienung und klare Strukturen.

Förderung 1 min Lesezeit

Digitalisierung mit Förderung planen

Ein Beispielartikel: in welchen Schritten ein gefördertes Projekt abläuft.

Testimonials — 6 Varianten · acf/testimonials
Die Anzahl entscheidet das Layout: eines allein, zwei nebeneinander, ab drei ein Raster. Entwürfe fallen weg.
Nur diesen Block · Zur Übersicht

Testimonials 1/6 · Eines

Testimonials 2/6 · Zwei, der Entwurf dazwischen fehlt

Testimonials 3/6 · Raster mit Intro

Testimonials 4/6 · Auf Grau
background_color: sand

Testimonials 5/6 · Auf Weiß
background_color: paper

Testimonials 6/6 · Auf Navy
background_color: primary

Zitat — 4 Varianten · acf/quote
Mit oder ohne Bild.
Nur diesen Block · Zur Übersicht

Zitat 1/4 · Mit Bild

Stimmen

„Ein Zitat, das zeigt, wie es sich anfühlt, mit uns zu arbeiten — ehrlich, konkret und in eigenen Worten.“

Zitat 2/4 · Ohne Bild

Zitat 3/4 · Auf Grau
background_color: sand

Stimmen

„Ein Zitat, das zeigt, wie es sich anfühlt, mit uns zu arbeiten — ehrlich, konkret und in eigenen Worten.“

Zitat 4/4 · Auf Navy
background_color: primary

Stimmen

„Ein Zitat, das zeigt, wie es sich anfühlt, mit uns zu arbeiten — ehrlich, konkret und in eigenen Worten.“

Logo-Leiste — 4 Varianten · acf/logo-strip
Läuft endlos; ein Logo ohne Bild fällt weg.
Nur diesen Block · Zur Übersicht

Logo-Leiste 1/4 · Ohne Intro

Logo-Leiste 2/4 · Mit Intro
intro: centered

Logo-Leiste 3/4 · Auf Grau
background_color: sand

Logo-Leiste 4/4 · Auf Navy
background_color: primary

Förderrechner — 4 Varianten · acf/funding-calculator
Ohne eigene Phasen rechnet er mit den Standardwerten; Regler-Spanne und Startwert sind einstellbar.
Nur diesen Block · Zur Übersicht

Förderrechner 1/4 · Standardwerte

Förderrechner 2/4 · Eigene Phasen und Spanne

Förderrechner 3/4 · Auf Grau
background_color: sand

Förderrechner 4/4 · Auf Navy
background_color: primary

Formular — 4 Varianten · acf/form
Das erste aktive Gravity-Forms-Formular, mit Intro links oder zentriert.
Nur diesen Block · Zur Übersicht

Formular 1/4 · Intro links

Formular 2/4 · Intro zentriert
intro: centered

Formular 3/4 · Auf Grau
background_color: sand

Formular 4/4 · Auf Navy
background_color: primary