Root Paragraph: Home Page Banner Teaser

Main Image: 2560x1320px
Teaser Image: 768x432px

Headline: max. XY chars

TEASER DETAILS

Label: max. 80 chars

Headline: max. 80 chars

handwerk

Kein Job, sondern Berufung.

Root Paragraph: Hero

Main Image: 2016x1134px
Teaser Image: 1134x1134px

Headline: max. 50 chars

Overline: max. 110 chars

Handwerk-Song

Was für immer bleibt.
Second Line.

handwerk
Optional CTA (also in red and blue)

Root Paragraph: Headline

Was für immer bleibt.

Was für immer bleibt.

Was für immer bleibt.

Was für immer bleibt.

Container Paragraph: Heading (different styles)

Heading1 Overline

Heading1 Headline

Heading2 Overline

Heading2 Headline

Heading2 center Overline

Heading2 center Headline

Heading3 Overline

Heading3 Headline

Heading3 center Overline

Heading3 center Headline

Heading4 Overline

Heading4 Headline

Heading4 center Overline

Heading4 center Headline

Heading5 Overline
Heading5 Headline
Heading5 center Overline
Heading5 center Headline

Container Paragraph: Copy (with styles)

Heading 2: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Heading 3: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Heading 4: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

 

Paragraph: 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 highlight-red-style sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam highlight-blue-style 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.

 

H2-Style: Lorem ipsum dolor sit amet, consetetur sadipscing elitr

 

H3-Style: Lorem ipsum dolor sit amet, consetetur sadipscing elitr

 

H4-Style: Lorem ipsum dolor sit amet, consetetur sadipscing elitr

 

Overline-Style: Lorem ipsum dolor sit amet, consetetur sadipscing elitr

 

Headline-Style: Lorem ipsum dolor sit amet, consetetur sadipscing elitr

 

Sub-Headline-Style: Lorem ipsum dolor sit amet, consetetur sadipscing elitr

 

Sub-Heading-Style: Lorem ipsum dolor sit amet, consetetur sadipscing elitr

 

Container Paragraph: Quote

Icon Image: 2560x1320px
Teaser Image: 768x900px

Copy: max. 70 chars

handwerk

Ich kenne keinen Beruf, der so vielseitig ist wie der Bootsbau.

Julien Norman, Handwerker

Container Paragraph: Image/Video

Image Narrow: 1181x664px
Teaser Image: 768x900px

Copy: max. 100 chars

Footnote : max. 50 chars

alt mobile

image footnote

alt

video footnote

Container Paragraph: CTA/Button Collection

Button Text: max. 25 chars

Primary Button
Secondary buttton
link

Container Paragraph: Anchor/Content Navigation

Button Text: max. 20 chars

Container Paragraph: Simple Table

Main Image: 1180x600px

Left Label: max. 20 chars

Left ToolTip Label: max. 20 chars

Right Label: max. 800 chars

Deine Aufgaben
testing1

Als Anlagenmechaniker*in für Sanitär-, Heizungs- und Klimatechnik stattest du Privathaushalte und Betriebe mit Wasseranschlüssen, Heizungen und Sanitäranlagen aus und betreust sie:

  • Installieren: Ob große Heizungs-, Klima- oder Lüftungsanlage, modernes Bad oder umweltschützende Solaranlage – du stellst sie zusammen und baust sie auf Baustellen ein.
  • Warten: Regelmäßig überprüfst du hochmoderne Systeme, bei denen es um Umweltschutz und Energieeinsparung geht – mit Fachwissen und Spezialwerkzeug.
  • Beraten: Mit deiner Fachkenntnis entwickelst du ganz individuelle Lösungen für deine Kunden und erklärst ihnen die Anlagen.
Deine Eigenschaften

Deine Ausbildung als Anlagenmechanikerin oder Anlagenmechaniker für Sanitär-, Heizungs- und Klimatechnik bereitet dich auf die Herausforderungen des späteren Berufslebens vor – und beinhaltet diese Themen:

Container Paragraph: Tabs

TAB TITLE: max. 20 chars

TAB content: max. 800 chars

TAB Overline: max. 50 chars

TAB Headoline: max. 25 chars

Image Narrow: 2560x1320px

Image Wide: XxYpx

Image Superwide: XxYpx

Footnote: max. 50 chars

Credit: max. 50 chars

10 weitere Mini-Dokus

Wer von den neusten Mini-Dokus noch nicht genug bekommen hat, für den bietet Das Handwerk noch zehn weitere Kurzfilme. Diese sollen jungen Menschen noch mehr Einblicke in die berufliche Perspektive ins Handwerk geben und so zu einer Ausbildung animieren. Darum jetzt reinschauen und teilen!

overline

headline

handwerk

FootNote

Container Paragraph: Gallery

Poster Image: 1181×664px

alt
alt

Optional: special footnote copy

alt
alt

Container Paragraph: KeyFacts

Key facts Detail :

Key fact label: max. 50 chars

Key fact detail: max. 800 chars

Ausbildungsbeginn

Die Ausbildung startet zumeist am 1. August oder 1. September eines Jahres. Es ist aber auch möglich, deine Ausbildung zu einem anderen Zeitpunkt zu beginnen. Besprich das individuell mit deinem Ausbildungsbetrieb.

Dauer

3,5 Jahre

Teil I Abschlussprüfung

Der erste Teil der Gesellen-/Abschlussprüfung soll vor dem Ende des zweiten Ausbildungsjahres durchgeführt werden

Teil II Abschlussprüfung

Der zweite Teil der Gesellen-/Abschlussprüfung findet am Ende der Ausbildung statt.

Container Paragraph: Content Teaser

Content label: max. 50 chars

Content Detail: max. 255 chars

Content Image: 1184x666px

alt

Headline Type H3: Lorem ipsum dolor

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 Type H4: transparent on gray

copy long: 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.

link item label

Icon Links Headline

  • Externer Link
  • YouTube

Container Paragraph: Triple Teaser

Teaser Detail :

Teaser Detail :

Label : max. 25 chars

Headline : max. 65 chars und aufpassen die länge Wörter werden nicht automatisch abgebrochen sondern direkt in eine andere Line eingefügt

Content Image Desktop: 372 × 209 px

Content Image Mobile (Quadratisch): 542 x 542px

Triple Teaser with heading

triple teaser (centered / transparent)

alt
without link / left aligned
Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Container Paragraph: Accordeon

Accordeon/FAQ :

Question : max. 50 chars

Answer Simple : max. 800 chars

Answer Enhanced : max. 800 chars

Accordeon1
Overline

Headline

Answer enhanced: Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

alt
Accordeon2

Container Paragraph: Accordeon Plus Image

img
Accordeon1

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Accordeon2

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Container Paragraph: Downloads

File type Supported : pdf, jpg, png, zip, txt, mp3, m4a, wav, wma, mov, mp4, avi, wmv

Downloads
Bitte laden Sie sich folgende Dokumente herunter:
 

File1

JPG / 167KB

Herunterladen
 

File2

PDF / 231KB

Herunterladen

Container Paragraph: Contacts

Full Name : max. 30 chars

Byline : max. 50 chars

Phone no : max. 20 chars

Email : max. 30 chars

Sonja Sorglos

Optional Byline

01234 - 567890
sonja.sorglos@domain.tld

Karl Mustermann

karl.mustermann@domain.tld
Some optional link (multiple possible)

Container Paragraph: Job Slider

Slider text : max. 50 chars

Headline : max. 50 chars

Verwandte Berufe

Das wäre auch was für dich.

Container Paragraph: Promotion Material

Byline : max. 50 chars

Headline : max. 50 chars

Description : max. 800 chars

Multiple Promotional Images : 642 × 642 px

Berufe-Motive

Passende Sprüche für Ihr Handwerk.

Sie fühlen in Ihrem Beruf Stolz und Erfüllung. Sie leisten wertvolle Dienste für Ihre Kundinnen und Kunden und einen wichtigen Beitrag für die Gesellschaft. Um das kurz und prägnant auf den Punkt zu bringen, haben wir Motive mit passenden Sprüchen entwickelt.

    Ihr Logo auf diesem Motiv

    Container Paragraph: Apprenticeship search Module

    Apprenticeship search Icon : 150 × 150 px

    Apprenticeship search Settings :

    Overline : max. 50 chars

    Headline : max. 50 chars

    Headline description : max. 255 chars

    Button Text : max. 50 chars

    Hier findest du deinen Ausbildungsplatz.
    Lehrstellen-Radar

    Hier findest du deinen Ausbildungsplatz.

    Wohin und in welchen Betrieb dich dein Weg vielleicht bald führt, kannst du hier im Lehrstellen-Radar herausfinden. Einfach Postleitzahl eingeben und los geht's!

    Container Paragraph: Newsletter

    Overline : max. 50 chars

    Headline : max. 50 chars

    Content : max. 400 chars

    Image : 560 × 840 px

    img
    Newsletter

    Bleiben Sie auf dem neuesten Stand.

    In unserem Newsletter-Service finden Sie alle zwei Monate aktuelle Infos zur Kampagne und nützliche Tipps, wie Sie Ihren Betrieb optimal vermarkten.

    Container Paragraph: Job profile teaser

    overline

    Du willst mehr zu diesem Beruf wissen?

    Bäcker/-in

    Gewerkegruppen:
    Lebensmittelgewerbe
    Interessensbereiche:
    Ernährung/Lebensmittel; Verkauf/Beratung
    Dauer der Ausbildung:
    3 Jahre
    Bäcker/-in
    Ausbildungsdetails

    Container Paragraph: Double Teaser

    Configureable: editable content of the teasers

    Image ratio: 16 to 9 (for main image), if one teaser is bigger it also gets the 16 to 9 ratio, the smaller one fills the remaining space

    DOUBLE TEASER DETAILS :

    Label : max. 50 chars

    Headline : max. 50 chars

    Slider Image : 1150 × 650 px

    Container Paragraph: Home Page Dual Image Slider

    Configurable: byline and headline

    Not directly configurable: ambassador teasers

    Byline : max. 50 chars

    Headline : max. 50 chars

    byline: Integer posuere erat a ante venenatis

    headline: Nullam id dolor id nibh ultricies vehicula

    Root Paragraph: Double Content Container

    Container are wrapper to contain other paragraphs, this container will provide two columns for the content.

    Left content detail :

    Image narrow : Content Image: 920 × 902 px

    Image Wide : Content Image: X × Y px

    Image super wide : Content Image: X × Y px

    Footnote : max. 500 chars

    Credit : max. 500 chars

    Right content detail :

    Container : max. 800 chars

    920x902
    placeholder

    image footnote

    Etiam porta sem malesuada magna mollis euismod

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus mollis interdum.

    Root Paragraph: Triple Content Container

    Container are wrapper to contain other paragraphs, this container will provide three columns for the content.

    Container Detail : max. 500 chars

    Etiam porta sem malesuada magna mollis euismod

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus mollis interdum.

    Etiam porta sem malesuada magna mollis euismod

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus mollis interdum.

    Etiam porta sem malesuada magna mollis euismod

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus mollis interdum.