3. Overview of all AEM modules
text-size-headline-h2

Click here to return to page 2

Click here to return to page 1

margin-top-3xl
Meta Navigation - Modul
text-size-headline-h2
The Meta Navigation module is used to display the page’s meta navigation. It is typically integrated into the main navigation to ensure it is consistently available across all pages
margin-top-2xl
More Topics Teaser - Modul
text-size-headline-h2
The More Topics Teaser module is a teaser component that links to other pages. It is typically positioned at the bottom of a page to guide users directly to further relevant content. The module is complemented by the More Topics Teaser Item and allows for a maximum of three boxes displayed side by side, each featuring a short headline and a link.
margin-top-2xl
id
d5523d1b-6c67-45d4-a869-041955138a7c
headline
marginTop
margin-top-2xl
marginBottom
margin-bottom-2xl
items
headline

Zuhause entspannt aufladen

link
/de/de/e-mobility/charging-e-vehicles/charging-at-home
linkStyle
cta
linkTarget
linkLabel
Zu @home
linkType
inner-block-more-topics-teaser-item
headline

Am Arbeitsplatz bequem laden

link
/de/de/e-mobility/charging-e-vehicles/charging-at-work
linkStyle
cta
linkTarget
linkLabel
Zu @work
linkType
inner-block-more-topics-teaser-item
headline

Mit der +Charge Card europaweit unterwegs laden

link
https://www.dkv-mobility.com/de/de/shop?dkv_load=Ja
linkStyle
cta
linkTarget
_blank
linkLabel
+Charge Card bestellen
linkType
internal
inner-block-more-topics-teaser-item
Neue Weiche - Modul
text-size-headline-h2
The Neue Weiche module is a selection tool that guides users through five steps, ultimately leading them to the most relevant offer—either directly to the shop or to a contact form. The content of this module cannot be edited within AEM. Integration is handled via a HubSpot form ID.
margin-top-2xl
na1
14572559
91a2cac4-98d3-4354-b8be-7f231d5cc9b4
News Overview - Modul
text-size-headline-h2
The News Overview module is used to display teasers for news articles. Each teaser includes a brief preview of the content, with a ‘Read more’ link that leads to the full article. Within this module, only the label of the link can be adjusted, while the content itself is dynamically linked to the respective news items in the corresponding language.
margin-top-2xl

options-class__news-overview

options-key__toggle-enable-filter

false

options-key__data-label-period

options-key__data-label-period-all

options-key__data-label-category

options-key__data-label-category-all

options-key__data-label-result-single

options-key__data-label-result-multiple

options-key__data-label-list-item-button

READ MORE

options-key__id

options-key__margin-top

margin-top-2xl

options-key__margin-bottom

margin-bottom-2xl

component-class__news-overview-container-filters
component-class__news-overview-container-list

component-class__news-overview-container-pagination

component-separator-start_button

animated

Show all

component-separator-end_button

component-class__news-overview-container-options
Page Divider - Modul
text-size-headline-h2
The Page Divider module is a simple visual separator. No further customization or editing options are available within this module.
margin-top-2xl
Picture Text Link - Modul
text-size-headline-h2
The Picture Text Link module can be displayed in two different variants. In the first variant, the layout is horizontally aligned: the image is smaller and positioned on the left, while a headline, text, and a link can be placed alongside it.
The second variant features a vertically aligned layout: the image is significantly larger and spans the full width. The headline and text are positioned on top of the image, with the link placed below.
margin-top-2xl
Preis - Modul
text-size-headline-h2
The Pricing module allows for the comparison of different tariff options. It is complemented by the Pricing Module Item. The module displays up to three boxes side by side, each containing two headlines, a short introductory text, a customizable price, followed by a list of features and a link.
margin-top-2xl
headline

Pricing

subHeadline
Choose the plan that fits your needs
showMoreButtonText
Show More
showLessButtonText
Show Less
id
id-preis-modul
marginTop
margin-top-l
marginBottom
margin-bottom-l
items
headline

Basic

subHeadline
Starter
headlineColor
#bcbcbc
headlineIntro
Recommended for: Small companies who want to get started with tour planning and cost calculation.
headlineDetails
price
24,90 € /mo
priceDescription
Billed yearly or 34,90 € billed monthly
featureHeadline

All Basic features

featureLists
Offer calculator
link
https://google.com
linkLabel
Google
linkTitle
Google
linkTarget
linkStyle
cta
inner-block-preis-modul-item
headline

Basic

subHeadline
Starter
headlineColor
#bcbcbc
headlineIntro
Recommended for: Small companies who want to get started with tour planning and cost calculation.
headlineDetails
price
24,90 € /mo
priceDescription
Billed yearly or 34,90 € billed monthly
featureHeadline

All Basic features

featureLists
Offer calculator
link
https://google.com
linkLabel
Google
linkTitle
Google
linkTarget
linkStyle
cta
inner-block-preis-modul-item
headline

Basic

subHeadline
Starter
headlineColor
#bcbcbc
headlineIntro
Recommended for: Small companies who want to get started with tour planning and cost calculation.
headlineDetails
price
24,90 € /mo
priceDescription
Billed yearly or 34,90 € billed monthly
featureHeadline

All Basic features

featureLists
Offer calculator
link
https://google.com
linkLabel
Google
linkTitle
Google
linkTarget
linkStyle
cta
inner-block-preis-modul-item
Step By Step - Modul
text-size-headline-h2
The Step-by-Step module is complemented by the Step-by-Step Item. By adding this additional component, individual steps can be created and displayed sequentially. The connecting arrows are generated automatically and cannot be customized. Each step can include an image or a logo.
margin-top-2xl
headline
description
footnote
id
id-step-by-step
marginTop
marginBottom
items
headline

Get a charging card

description
Your drivers receive the DKV Card +Charge Truck.
image
Image Alt Text
stepWidth
true
inner-block-step-by-step-item
headline

Find the right charging point

description
Via the DKV Mobility app with truck filter and price overview.
image
Image Alt Text
stepWidth
true
inner-block-step-by-step-item
headline

Charge, start and continue driving

description
Hold the card, load it, continue your journey.
image
Image Alt Text
stepWidth
true
inner-block-step-by-step-item
headline

Billing

description
All charging processes are billed collectively via an invoice.
image
Image Alt Text
stepWidth
true
inner-block-step-by-step-item
Teaser Image - Modul
text-size-headline-h2
The Teaser Image module displays an image across the full width of the available space, with a headline positioned above it. A link is placed directly below the image, followed by a continuous body text.
margin-top-2xl

component-class__teaser-image-container-headline

Headline 1 (H2)

component-class__teaser-image-container-text

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.

component-class__teaser-image-container-image

Image alt text

component-class__teaser-image-container-button

component-separator-start_backButton

animated

Jetzt Tankkarte bestellen

component-separator-end_backButton

false
Testimonials - Modul
text-size-headline-h2
The Testimonials module is used to showcase customer feedback, typically under the theme ‘What our customers say.’ It is complemented by the Testimonials Item module, which allows the addition of a circular image, a short text, and author information.
margin-top-2xl

options-class__testimonials

options-key__id

component-class__testimonials-container-list

options-class__testimonials-item

options-key__class-testimonials-item-default

options-key__id

options-key__classCropPicture

landingpage-shop-testimonials__avatar

component-class__testimonials-item-container-image

Image alt text...

field-key__author-comment

Bei DKV Mobility überzeugen uns unter anderem die umfassenden Möglichkeiten im Bereich der eMobilität.

component-class__testimonials-item-container-text

field-key__author

Walter Hauser

field-key__author-info

Geschäftsführer, Hauser Forsting

inner-block-testimonials-item

options-class__testimonials-item

options-key__class-testimonials-item-default

options-key__id

options-key__classCropPicture

landingpage-shop-testimonials__avatar

component-class__testimonials-item-container-image

Image alt text...

field-key__author-comment

Bei DKV Mobility überzeugen uns unter anderem die umfassenden Möglichkeiten im Bereich der eMobilität.

component-class__testimonials-item-container-text

field-key__author

Walter Hauser

field-key__author-info

Geschäftsführer, Hauser Forsting

inner-block-testimonials-item
Text Boxes Image - Modul
text-size-headline-h2
The Text Boxes Image module displays a full-width image with two text boxes positioned on top—one in the top left corner and one in the bottom right corner. A headline can only be added to the upper text box, while the lower text box does not support headlines. The colors of the text boxes cannot be customized.
margin-top-2xl
headline

Headline

subHeadline

Subheadline

topText
Lorem ipsum dolor sit amet, consetetur sadipsci elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
image
Image Alt
bottomText
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
firstLink
/first-link-test
firstLinkStyle
cta
firstLinkType
internal
firstLinkLabel
First Button
firstLinkTitle
First Link Title
firstLinkTarget
_blank
secondLink
/second-link-test
secondLinkStyle
cta
secondLinkType
internal
secondLinkLabel
Second Button
secondLinkTitle
Second Button Title
secondLinkTarget
_blank
background
id
marginTop
marginBottom
Text Image Logo - Modul
text-size-headline-h2
The Text Image Logo module displays an image (logo) on the right side, with a headline and descriptive text positioned on the left.
margin-top-2xl
Text Input Field Link - Modul
text-size-headline-h2
The Text Input Field Link module can be integrated to allow users to select, for example, a different country. The module is connected to a spreadsheet, which manages the linking to the corresponding pages.
margin-top-2xl
Tile Container - Modul
text-size-headline-h2
The Tile Container module is complemented by the Tile Container Item. It displays multiple boxes in different sizes, with images and text managed within AEM. The colors and box sizes cannot be customized individually.
margin-top-2xl
component-class__tile-container-title
5

component-class__tile-container-item-title

Fuel Cards

component-class__tile-container-item-tex

A fuel card from DKV Mobility gives you access to the largest petrol station network in Europe.

component-class__tile-container-item-image

Image Alt Text

inner-block-tile-container-item

component-separator-start_button

Alternativer Text

animated

Discover DKV Cards

component-separator-end_button

bg-orange
7

component-class__tile-container-item-title

EV Charge Cards

component-class__tile-container-item-tex

Full charge for your e-fleet! With the DKV Card +Charge, you can charge your electric vehicle at over ${charge} public charging stations throughout Europe.

component-class__tile-container-item-image

Image Alt Text

inner-block-tile-container-item

component-separator-start_button

Learn more

animated

Learn more

component-separator-end_button

bg-blue
6

component-class__tile-container-item-title

Telematics

component-class__tile-container-item-tex

Make your fleet smart! With our intuitive DKV LIVE telematics system, you can manage your fleet automatically and efficiently.

component-class__tile-container-item-image

Image Alt Text

inner-block-tile-container-item

component-separator-start_button

More info

animated

More info

component-separator-end_button

bg-blue
6

component-class__tile-container-item-title

Refuelling and protecting the climate

component-class__tile-container-item-tex

Refuel with the DKV CARD CLIMATE and support climate protection projects. Find out more about our projects and how it works.

component-class__tile-container-item-image

Image Alt Text

inner-block-tile-container-item

component-separator-start_button

More info

animated

More info

component-separator-end_button

bg-grey
5

component-class__tile-container-item-title

Step into E-Mobility

component-class__tile-container-item-tex

Discover seamless charging solutions for your electric vehicle at road.

component-class__tile-container-item-image

Image Alt Text

inner-block-tile-container-item

component-separator-start_button

Learn more

animated

Learn more

component-separator-end_button

bg-orange
7

component-class__tile-container-item-title

Toll boxes

component-class__tile-container-item-tex

Convenient billing of toll charges throughout Europe with the DKV BOX EUROPE. Everything at a glance via your customer account and simple DKV billing!

component-class__tile-container-item-image

Image Alt Text

inner-block-tile-container-item

component-separator-start_button

DKV BOX EUROPE

animated

DKV BOX EUROPE

component-separator-end_button

bg-blue
Timeline - Modul
text-size-headline-h2
The Timeline module is complemented by the Timeline Item. Each time an item is added, a new row is automatically integrated into the timeline.
margin-top-2xl
headline

DKV Mobility in Zahlen

image
id
id-timeline
marginTop
margin-top-l
marginBottom
margin-bottom-l
items
headline
~ ${years} Jahre
subHeadline
image
subject
Geschichte
inner-block-timeline-item
headline
~ ${transaction}
subHeadline
im Jahr 2025
image
subject
Transaktionsvolumen
inner-block-timeline-item
headline
~ ${revenue}
subHeadline
im Jahr 2025
image
subject
Umsatz
inner-block-timeline-item
headline
~ ${employees}
subHeadline
(Stand: ${employeesdate})
image
subject
Mitarbeiter:innen
inner-block-timeline-item
headline
${ratio}
subHeadline
(Stand: 2025)
image
subject
Frauen / Männer
inner-block-timeline-item
headline
~ ${customers}
subHeadline
(Stand: ${customersdate})
image
subject
Aktive Kunden
inner-block-timeline-item
headline
~ ${fuel}
subHeadline
(Stand: ${fueldate})
image
subject
Tankstellen
inner-block-timeline-item
headline
über ${charge}
subHeadline
(Stand: ${chargedate})
image
subject
Ladepunkte
inner-block-timeline-item
headline
~ ${service}
subHeadline
(Stand: ${servicedate})
image
subject
Fahrzeugservice Stationen
inner-block-timeline-item
headline
mehr als ${countries}
subHeadline
image
subject
Serviceländer
inner-block-timeline-item
Toll Country - Modul
text-size-headline-h2
The Toll Country module is similar to the Text Input Field Link module. It was specifically developed for toll-related pages and allows users to select the relevant country.
margin-top-2xl
Choose a country
Widget component - Modul
text-size-headline-h2
The Widget Component module can be enhanced by adding a script ID and a script URL.
margin-top-2xl
id
scriptId
scriptUrl
baseUrl
background
margin-top
margin-bottom
env
preprod
WYSIWYG - Modul
text-size-headline-h2
The WYSIWYG module is used to display tables. It offers various styling options, while the table content is managed directly within AEM.
margin-top-2xl

options-class__wysiwyg-table

options-key__classLayout

toll-info

options-key__classHeadStyle

  • Row 1

    • Gültig für Fahrzeuge
    • Strecken
    • Abrechnung
  • Row 2

    • Truck > 12 t
    • Autobahnen
    • Vignette DKV CARD
  • Row 3

    • Truck Bus
    • Westerscheldetunnel
    • DKV CARD
text-size-headline-h2

Click here to return to page 2

Click here to return to page 1

margin-top-2xl
margin-bottom-2xl