Marktführer
Lorem ipsum dolor
Marktführer
Lorem ipsum dolor
Marktführer
Lorem ipsum dolor
Marktführer
Lorem ipsum dolor

Titel: 4ER BOX MIT TRENNSTRICHEN

Hinweise:
  •  Linien über Rahmen gelöst 
Grenzen:
  • Textmenge im Titel nicht überschreiten

Gib hier deine Überschrift ein

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Titel: BESCHREIBUNG LINKS – BILD RECHTS

Hinweise:
  • Headline SEO beachten, Klasse raus, richtige Auszeichnung
Grenzen:
  • keine

eine schöne Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

T +49 555 555

F +49 444 444 

Lorem ipsum
Table Header Table Header
Mo-Do
8:00 - 18:00
Fr
8:00 - 14:00
Table Header Table Header

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy

Titel: BILD LINKS TEXT RECHTS MIT RAHMEN

Hinweise:
  • Wenn Abschnitt zu schwierig ist, kurz melden
  • Nur BG Bild ohne Fokus auf Motiv benutzen
Grenzen:
  • Motiv ohne Fokus

Titel: BILDERGALLERIE METRO

Hinweise:
  • Schwierig zu pflegen, kann ich gerne übernehmen
  • Standard sind 16px
Grenzen:
  • keine

Titel: BILDERREIHE 2 BILDER

Hinweise:
  • Abstände richtig einstellen, über Spaltenabstand
  • Tablet und Mobile über Padding lösen
  • Standard = 32px Mobile 16px
Grenzen:
  • keine

Titel: BILDERREIHE 3 BILDER

Hinweise:
  • Abstände richtig einstellen, über Spaltenabstand
  • Tablet und Mobile über Padding lösen
  • Standard ist 32px. 
  • Bricht um auf 2/1 mit 16px Abstand 
  • Mobile bleibt 2/1 – kann dann mit Spaltenbreite 100 wieder zurückgenommen werden
Grenzen:
  • keine

Titel: BILDERREIHE 4 BILDER

Hinweise:
  • Abstände richtig einstellen, über Spaltenabstand
  • Tablet und Mobile über Padding lösen
  • Standard sind 24px – Bei Umbrüchen dann 16px 2/2 + 1/1/1/1
Grenzen:
  • keine

ipsum

Ammerthalstraße 27
85551 Kirchheim b. München

ipsum

Ammerthalstraße 27
85551 Kirchheim b. München

ipsum

Ammerthalstraße 27
85551 Kirchheim b. München

Titel: Bilderreihe mit Buttons

Hinweise:
  • Tablet Ansicht –> Bilder werden eher länglich
Grenzen:
  • keine

Titel: Bilderreihe Seitenlinks

Hinweise:
  • Seo –> Klassen der Überschriften raus !
  • Headline hat individuelle Margins
  • Bilder können in der Höhe eingeschränkt werden, dann aber Responsive beachten
Grenzen:
  • Die Breiten der einzelnen Boxen sind fest programmiert und können nicht umgestaltet werden. Wenn das geändert werden muss –> Klasse aus Abschnitt rausschmeissen und Abschnitt individuell gestalteten.

Eine schöne Headline

• optimale Begegnungs- und Wohlfühlqualität
• Balance, Wertschätzung, Vielfalt und Achtsamkeit
• Raum für Digitalisierung
• Gesundheit egal an welchen Arbeitsort
• nachhaltige und anpassungsfhige Arbeitswelten
• Optimale Kommunikations- und Kreativprozesse

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt

Titel: FARBIGE BOX MIT ICON

Hinweise:
  • Bild auf mobiele mit dem Abstands Widget regeln
  • Icon verschwindet auf Small 
Grenzen:
  • Textmenge sollte nicht wesentlich überschritten werden

Raum
welten
heiss

RWH
Raum
Welten

Titel: FOOTER WEITERE NAVIGATION

Hinweise:
  • Umbrüche Mobile kontrollieren
Grenzen:
  • <br>´s können nicht entfernt werden ..
  • .. individuell entscheiden ob sie drin bleiben oder rausfliegen

Titel: Gallerie

Hinweise:
  • Umbrüche werden in der Programmierung eingestellt, kann nicht in Elementor geregelt werden
  • Viele Bilder führen Mobile zu Unübersichtlichkeit
Grenzen:
  • keine

eine schöne Headline

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. 

Streifen Textmenge Container .. kann gelöscht werden…. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Titel: HERO IMAGE TEXT RECHTS​

Hinweise:
  • hier können nur Bilder verwendet werden, die keinen Fokus auf ein bestimmtes Motiv benötigen. Ausschnitt verändert sich stark
  • Textmenge kann erweitert oder reduziert werden, dann muss allerdings die Bildhöhe auf allen Stufen angepasst werden
  • Überschriften SEO beachten, bei Bedarf ändern
Grenzen:
  • Bild darf keinen Motivfokus haben

Gib hier deine Überschrift ein

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Titel: IMAGE LINKS TEXT RECHTS

Hinweise:
  • keine
Grenzen:
  • keine

Eine schöne Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Titel: IMAGE LINKS TEXT RECHTS FARBIGER HINTERGRUND

Hinweise:
  • Bildgröße wird durch das Padding der Textspalte geregelt
  • Bildhöhe auf Mobile durch das Abstandswidget
Grenzen:
  • keine
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.

Titel: JOBS TABS

Hinweise:
  • Jobs werden in den Tabs über gespeicherte Templates eingestellt. Rückruf falls unklar.
  • Jobs müssen dupliziert werden für “Alle” und “Standort” – leider nicht anders lösbar
Grenzen:
  • keine

Gib hier deine Überschrift ein

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.


    Ich stimme der Datenschutzerklärung zu.

    Titel: KONTAKT FOOTER

    Hinweise:
    • Das Kontaktformular ist ein zentrales Element und muss in Formulare bearbeitet werden.
    Grenzen:
    • keine

    schöne headline ist mein name

    Onestius ditiore ptatior res etur, volo ipiduntem nobit lauda nus eatiorum doluptam autatate prorepudis simillab id quunt.

    Ihr Spezialist

    #THEMA

    Titel: PARALLAX BILD V.2

    Hinweise:
    • Grüne Box wir auf Mobile ausgeblendet – keinen wichtigen Text unterbringen!
    • Margin auf Textmenge anpassen
    • Bildfokus eher Rechts – Mitte / Rechts BG image
    Grenzen:
    • Textmenge nur behutsam überschreiten
    • Hashtag max 20 Zeichen

    schöne headline ist mein name

    Onestius ditiore ptatior res etur, volo ipiduntem nobit lauda nus eatiorum doluptam autatate prorepudis simillab id quunt.

    Ihr Spezialist

    Titel: PARALLAX BILD

    Hinweise:
    • wird auf Mobile höher wie “Parallax Bild v,2”
    Grenzen:
    • Textmenge nicht überschreiten

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

    Button

    Titel: Slider Version 1 – Header

    Hinweise:
    • Button Nummer 1 benötigt in der mobilen Ansicht weniger Platz –> bevorzugt verwenden!
    • Bildfokus liegt im mittleren – oberen Bereich
    • Eventuell Margin ab Mobile nach unten geben
    • Wenn Bildausschnitt Mobile nicht reicht –> Sliderhöhe erhöhen
    Grenzen:
    • Textmenge nicht überschreiten

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    Button

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    Button

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    Button

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    Button

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    Button

    Titel: SLIDER VERSION 2

    Hinweise:
    • Platzmangel ? —> bevorzugt Button 1 verwenden!
    • Bildfokus in der Mitte
    • Farbige Box –> immer Button weiss
    Grenzen:
    • Textmenge nicht übeschreiten

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

    Button

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

    Button

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

    Button

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

    Button

    Überschrift

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

    Button

    Titel: SLIDER VERSION 3

    Hinweise:
    • Margin bottom muss zwingend für jede Stufe angepasst werden
    • Textmenge muss in jedem Slide gleich sein
    • Sliderhöhe kann angepasst werden –> Bildformat wie Design wäre dann hochformat
    • Bildhöhe muss an den Inhalt der Textbox angepasst werden
    Grenzen:
    • keine

    Sit Lorem
    Social
    Amet

    Titel: Social Box

    Hinweise:
    • Links der Social Icons müssen gepflegt werden
    • Wenn ein Icon rausfällt, muss die Responsive Ansicht angepasst werden
    • Eventuell Margin nach unten dazugeben
    Grenzen:
    • Textmenge beachten “Sit lorem Social Amet”

    TEXT LINKS – RECHTS 4 BOXEN

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    Arbeitsklima
    Arbeitsklima
    Arbeitsklima
    Arbeitsklima

    Titel: TEXT LINKS – RECHTS 4 BOXEN

    Hinweise:
    • Spalte hat eigene Klasse
    Grenzen:
    • keine

    Gib hier deine Überschrift ein

    TITEL LINKS – BESCHREIBUNG RECHTS – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    Titel: TITEL LINKS – BESCHREIBUNG RECHTS

    Hinweise:
    • Überschritt Umbrüche beachten .. 
    • .. entweder frei fließen lassen oder mit <br> arbeiten
    • Beide Buttons pflegen
    Grenzen:
    • keine

    Titel: Trenner

    Hinweise:
    • Abschnitt reduziert das Margin nach oben und unten um 2em, Design prüfen. Bei Bedarf anpassen
    Grenzen:
    • keine
    poster
    Video abspielen

    Titel: Trenner Video Lightbox

    Hinweise:
    • Die Postergröße (Verhältnis) bestimmt hier die Abschnittsgröße (auf allen Stufen). Das kann nicht geändert werden
    •  Video muss in die Mediathek importiert werden (Größe beachten)
    Grenzen:
    • keine

    Eine schöne Headline

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    Titel: ÜBERSCHRIFT MIT STRICH

    Hinweise:
    • Klasse in der Überschrift beachten
    • Strich verschwindet auf mobile, sonst unschöne Artefakte
    Grenzen:
    • keine

    Sehr schöne Headline

    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.

    Titel: ÜBERSCHRIFT MIT TEXT​

    Hinweise:
    • Headline beachten – wenn nötig für SEO –> umstellen, Klasse rausnehmen
    Grenzen:
    • keine

    Kundenzitat

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    - Vorname Nachname. Inhaber, Gründer, Firma

    Titel: Zitat

    Hinweise:
    • Bild wird über eine absolute Positionierung platziert
    Grenzen:
    • keine