Style Guide

Lumos | v2.0.4

Typography

Font Styles

u-text-display

Display

u-text-h1

Heading

u-text-h2

Heading

u-text-h3

Heading

u-text-h4

Heading

u-text-h5
Heading
u-text-h6
Heading
u-text-subtitles
Subtitles
u-text-quotes
Quotes
u-text-large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-main

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-link
Text Link

Font Weight

u-weight-regular

Lorem ipsum dolor

u-weight-medium

Lorem ipsum dolor

u-weight-bold

Lorem ipsum dolor

Text alignment

u-text-aligned-left

Lorem ipsum dolor

u-text-aligned-center

Lorem ipsum dolor

u-text-aligned-right

Lorem ipsum dolor

Text wrap

u-text-wrap-balance

Lorem ipsum dolor

u-text-wrap-pretty

Lorem ipsum dolor

Line Clamp

u-line-clamp-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Typography Elements

Ordered List
  1. This is some text
  2. This is some text
  3. This is some text
  1. This is some text
  2. This is some text
  3. This is some text
  1. This is some text
  2. This is some text
  3. This is some text
Unordered List
  • This is some text
  • This is some text
  • This is some text
  • This is some text what happens if the text is long
  • This is some text
  • This is some text
  • This is some text what happens if the text is long
  • This is some text
u-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur

Text Link

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur

Text Link

Block Quotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

Color

Themes

data-theme="light"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="dark"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="invert"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="inherit"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link

Font Families

u-font-body

Lorem ipsum dolor

u-font-heading

Lorem ipsum dolor

u-font-decoration

Lorem ipsum dolor

u-font-display

Lorem ipsum dolor

Text Color

u-text-color-primary

Lorem ipsum dolor

u-text-color-secondary

Lorem ipsum dolor

u-text-color-tertiary

Lorem ipsum dolor

u-text-color-black

Lorem ipsum dolor

u-text-color-brand

Lorem ipsum dolor

u-text-color-red

Lorem ipsum dolor

u-text-color-green

Lorem ipsum dolor

u-color-inherit

Lorem ipsum dolor

u-color-faded

Lorem ipsum dolor

Link Color

u-link-color
u-link-color-secondary

Background Colors

u-bg-color
u-bg-color-secondary
u-bg-color-tertiary
u-bg-color-alternate

Flexbox

Horizontal Flex Utilities

u-hflex-left-top
u-hflex-left-center
u-hflex-left-bottom
u-hflex-left-stretch
u-hflex-center-top
u-hflex-center-center
u-hflex-center-bottom
u-hflex-center-stretch
u-hflex-right-top
u-hflex-right-center
u-hflex-right-bottom
u-hflex-right-stretch
u-hflex-between-top
u-hflex-between-center
u-hflex-between-bottom
u-hflex-between-stretch

Vertical Flex Utilities

u-vflex-left-top
u-vflex-left-center
u-vflex-left-bottom
u-vflex-left-between
u-vflex-center-top
u-vflex-center-center
u-vflex-center-bottom
u-vflex-center-between
u-vflex-right-top
u-vflex-right-center
u-vflex-right-bottom
u-vflex-right-between
u-vflex-stretch-top
u-vflex-stretch-center
u-vflex-stretch-bottom
u-vflex-stretch-between

Other Flex Utilities

u-hflex-wrap
u-vflex-wrap
u-flex-shrink
u-flex-grow
u-flex-noshrink

Align Self Utilities

u-align-self-auto
u-align-self-start
u-align-self-center
u-align-self-end
u-align-self-stretch

Align Items Utilities

u-align-items-variable
u-align-items-start
u-align-items-center
u-align-items-end
u-align-items-stretch

Grid

Grid Utilities

u-grid-custom
u-grid-breakout
u-grid-desktop
u-grid-tablet
u-grid-landscape
u-grid-column-2
u-grid-column-3
u-grid-column-4
u-grid-autofit
u-grid-subgrid

Column Utilities

u-column-custom
u-column-full
u-column-indent
u-column-1
u-column-2
u-column-3
u-column-4
u-column-5
u-column-6
u-column-7
u-column-8
u-column-9
u-column-10
u-column-11
u-column-12

Order Utilities

u-order-first
u-order-first-desktop
u-order-first-tablet
u-order-last
u-order-last-desktop
u-order-last-tablet

Spacing

Gap Utilities

u-gap-none
u-gap-main
u-gap-xxsmall
u-gap-xsmall
u-gap-small
u-gap-medium
u-gap-large
u-gap-xlarge

Row Gap Utilities

u-gap-row-none
u-gap-row-main
u-gap-row-xsmall
u-gap-row-small
u-gap-row-medium
u-gap-row-large
u-gap-row-xlarge

Column Gap Utilities

u-gap-column-none
u-gap-column-main
u-gap-column-xsmall
u-gap-column-small
u-gap-column-medium
u-gap-column-large
u-gap-column-xlarge

Section Spacing Attributes

data-padding-top="none"
data-padding-bottom="none"
data-padding-top="small"
data-padding-bottom="small"
data-padding-top="main"
data-padding-bottom="main"
data-padding-top="large"
data-padding-bottom="large"

Custom Spacing Classes

u-section-header

Margin Top Utilities

u-mt-auto
u-mt-gutter
u-mt-text
u-mt-0
u-mt-1
u-mt-2
u-mt-3
u-mt-4
u-mt-5
u-mt-6
u-mt-7

Margin Bottom Utilities

u-mb-auto
u-mb-gutter
u-mb-text
u-mb-0
u-mb-1
u-mb-2
u-mb-3
u-mb-4
u-mb-5
u-mb-6
u-mb-7

Z-Index

Z-Index

u-zindex-2
u-zindex-3

Miscellaneous

Other Utilities

u-height-screen
u-min-height-70
u-min-height-60
u-max-width-none
u-visual-wrap
u-display-none
u-hide-portrait
u-hide-landscape
u-hide-tablet
u-cover
u-cover-absolute
u-container
u-sr-only
u-margin-trim
u-hide-if-empty
u-hide-if-empty-cms

Positions

Positions

u-position-relative
u-position-absolute
u-position-fixed
u-position-sticky

Prevent Style Cleanup

Eyebrow Text Here

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Ohne Kreditkarte

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Badge
Bitte Business-E-mail verwenden.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Eyebrow Text Here

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Consulting Guide

Chatbot Recruiting: Wie KI die Kandidatenkommunikation automatisiert

Recruiting Chatbots übernehmen Erstkommunikation, Vorqualifizierung und Terminbuchung – rund um die Uhr. Was HR-Teams 2026 wissen müssen.

Franziska Wohlfahrt
Senior Content Manager
Zuletzt aktualisiert:
21.05.2026
Mann zeigt auf Laptopo verschiedene Screens

Recruiting-Chatbots übernehmen Erstkommunikation, Vorqualifizierung und Terminbuchung – automatisch, rund um die Uhr und ohne Wartezeit für Bewerber:innen. HR-Teams, die Chatbots gezielt einsetzen, verkürzen ihre Time-to-Hire messbar und verbessern gleichzeitig die Candidate Experience.

Offene Stelle publiziert, erste Bewerbungen kommen rein – und dann? Viele Bewerber:innen warten Tage auf eine erste Rückmeldung. Laut einer Umfrage von Careerbuilder (2024) brechen 52 % der Kandidat:innen einen Bewerbungsprozess ab, wenn sie länger als eine Woche keine Reaktion erhalten. Recruiting-Chatbots lösen genau dieses Problem: Sie antworten sofort – unabhängig von Uhrzeit, Wochentag oder Bewerbungsvolumen.

Dieser Leitfaden zeigt, was Recruiting-Chatbots heute konkret leisten, wo ihre Grenzen sind und wie HR-Teams den Einstieg gestalten, ohne die persönliche Note zu verlieren.

Was ist ein Recruiting Chatbot?

Ein Recruiting Chatbot ist ein KI-gestütztes Dialogsystem, das automatisiert mit Bewerber:innen kommuniziert. Es beantwortet Fragen zur Stelle, qualifiziert Kandidat:innen durch strukturierte Fragen vor, bestätigt Bewerbungseingänge und bucht Gesprächstermine – alles ohne manuellen Eingriff durch HR.

Moderne Recruiting-Chatbots arbeiten auf Basis von Natural Language Processing (NLP): Sie verstehen Freitext, erkennen Absichten und antworten kontextbezogen – nicht nach starrem Skript.

Was Recruiting-Chatbots konkret übernehmen

Chatbots im Recruiting - Infografik

Eingangsbestätigung und Erstkommunikation

Jede Bewerbung erhält sofort eine persönliche Bestätigung – mit Informationen zum weiteren Prozess, zur Timeline und zum Ansprechpartner. Das reduziert Unsicherheit auf Bewerberseite und signalisiert Professionalität.

Vorqualifizierung durch strukturierte Fragen

Der Chatbot stellt vordefinierte Qualifikationsfragen: Verfügbarkeit, Gehaltsvorstellung, Reisebereitschaft, Sprachkenntnisse oder spezifische Muss-Anforderungen der Stelle. Die Antworten fliessen direkt in das Bewerberprofil ein und ergänzen das automatisierte Screening.

Wie die KI-gestützte Analyse dieser Angaben funktioniert und wie sie mit dem Match-Score verknüpft wird: KI-Bewerberanalyse von OnApply.

FAQ-Beantwortung rund um die Uhr

Bewerber:innen stellen immer wieder dieselben Fragen: Wie lange dauert der Prozess? Gibt es Remote-Optionen? Wann ist der früheste Starttermin? Der Chatbot beantwortet diese Fragen konsistent, schnell und ohne HR-Aufwand.

Terminbuchung und Interview-Koordination

Kein E-Mail-Ping-Pong mehr: Der Chatbot prüft verfügbare Slots und bucht Gesprächstermine direkt im Kalender – inklusive automatischer Erinnerungen für beide Seiten.

Absagen mit Wertschätzung

Standardisierte, aber trotzdem wertschätzende Absagen – automatisch versandt, sobald eine Entscheidung gefallen ist. Das schützt den Employer Brand auch gegenüber Kandidat:innen, die nicht eingestellt werden.

Recruiting-Chatbots in Zahlen

Derzeit setzen bereits 40 % der Unternehmen KI-gestützte Chatbots im Recruiting ein (Quelle: Serendi, 2025). Der Einsatz konzentriert sich vor allem auf die frühen Phasen des Bewerbungsprozesses – dort, wo Volumen und Wiederholung am höchsten sind.

"Der grösste Hebel von Chatbots im Recruiting liegt nicht in der Technologie, sondern im Zeitgewinn: Recruiter:innen führen nur noch Gespräche, die wirklich Sinn ergeben." – LinkedIn Talent Solutions Blog, 2024

Rund 28 % der Arbeitnehmer:innen sehen im Einsatz von KI bei der Jobsuche einen hohen Mehrwert (Quelle: Statista, 2024) – Bewerber:innen stehen KI-gestützter Kommunikation also offener gegenüber als oft angenommen.

Wo Chatbots besonders wirksam sind

Hohe Bewerbungsvolumina

Bei Stellen mit 50, 100 oder mehr Bewerbungen ist manuelle Erstkommunikation schlicht nicht skalierbar. Ein Chatbot bearbeitet 500 Bewerbungen genauso schnell wie 5.

Standardisierte Positionen

Für Rollen mit klaren Mindestanforderungen – Ausbildung, Zertifikate, Sprachlevel – eignen sich Chatbots besonders gut. Die Vorqualifizierung ist hier regelbasiert und damit zuverlässig automatisierbar.

Karrieremessen und Active Sourcing

Chatbots können auch auf Karriere-Seiten, in Social-Media-Anzeigen oder nach Messekontakten eingesetzt werden: Interessent:innen werden sofort weitergeführt, ohne auf einen Rückruf warten zu müssen.

Nacht- und Wochenendabdeckung

Bewerber:innen senden Unterlagen oft ausserhalb der Bürozeiten. Ein Chatbot stellt sicher, dass niemand ins Leere läuft.

Grenzen: Wo der Mensch unverzichtbar bleibt

Ein Recruiting-Chatbot ist kein Ersatz für menschliches Recruiting-Gespur. Klare Grenzen:

  • Senior-Positionen und Führungsrollen: Hier erwarten Bewerber:innen persönlichen Kontakt. Ein Chatbot als erster Touchpoint für eine Geschäftsführungsstelle schadet dem Employer Brand.
  • Emotionale Situationen: Wenn ein:e Bewerber:in frustriert oder unsicher ist, braucht es Empathie. Die kann kein Chatbot liefern.
  • Komplexe Fragestellungen: Individuelle Fragen zu Karrierepfaden, Unternehmenskultur oder spezifischen Projekten gehen über FAQ-Logik hinaus.
  • Finale Entscheidungskommunikation: Zusagen nach mehreren Gesprächsrunden sollten immer persönlich erfolgen.

Wie die Balance zwischen KI-Automatisierung und menschlicher Interaktion die Candidate Experience gestaltet: Candidate Experience mit KI verbessern.

Integration: Chatbot + ATS + KI-Screening

Der grösste Mehrwert entsteht, wenn Chatbot, Bewerbermanagementsystem und KI-Screening ineinandergreifen:

  • Bewerber:in sendet Unterlagen → Chatbot bestätigt sofort und stellt Vorqualifizierungsfragen
  • Antworten fliessen ins ATS → KI analysiert Unterlagen und Antworten zusammen
  • Match-Score wird berechnet → HR sieht priorisierte Liste qualifizierter Kandidat:innen
  • Chatbot bucht Gespräch mit Top-Kandidat:innen → HR führt nur noch qualifizierte Interviews

Wie das vollständig integrierte KI-Screening von OnApply funktioniert – inklusive 6-stufiger Analyse, Match-Score und DSGVO-konformer Anonymisierung: KI-Bewerbungsscreening von OnApply.

Datenschutz: Was beim Chatbot-Einsatz zu beachten ist

Chatbots erheben und verarbeiten personenbezogene Daten. Das hat datenschutzrechtliche Konsequenzen:

  • Bewerber:innen müssen über den Chatbot-Einsatz und die Datenverarbeitung informiert werden (Art. 13 DSGVO)
  • Gesprächsprotokolle sind personenbezogene Daten und unterliegen Löschfristen
  • Der Anbieter muss als Auftragsverarbeiter vertraglich gebunden sein
  • Ab August 2026 gelten für KI-Systeme im Recruiting zusätzlich die Anforderungen des EU AI Acts

Alle rechtlichen Anforderungen im Überblick: DSGVO & KI im Recruiting 2026.

Häufige Fehler beim Chatbot-Einstieg

Fehler 1: Zu komplexes Skript. Ein Chatbot mit 30 Verzweigungen überfordert Bewerber:innen. Drei bis fünf gezielte Fragen reichen für eine sinnvolle Vorqualifizierung.

Fehler 2: Kein Escape-Ausgang. Bewerber:innen müssen jederzeit aus dem Chatbot-Fluss aussteigen und einen menschlichen Kontakt erreichen können.

Fehler 3: Keine DSGVO-Prüfung vor Launch. Datenschutzerklärung anpassen, Auftragsverarbeitungsvertrag abschliessen, Datenverarbeitung dokumentieren – das muss vor dem Go-live erledigt sein.

Fehler 4: Chatbot isoliert betreiben. Ein Chatbot, der keine Daten ans ATS übergibt, erzeugt Doppelarbeit. Integration ist Pflicht, nicht Option.

FAQs

Häufige Fragen zu Chatbot Recruiting

Bei gut gestalteten Chatbots nicht immer – und das ist kein Problem, solange Transparenz gewährleistet ist. Viele Anbieter empfehlen dennoch, den KI-Einsatz offen zu kommunizieren. Bewerber:innen, die es wissen, bewerten es mehrheitlich positiv, wenn die Interaktion schnell und hilfreich ist.

Ja. Moderne NLP-basierte Chatbots unterstützen typischerweise 10–30 Sprachen. Für den DACH-Markt sind Deutsch und Englisch Standard; Erweiterungen sind je nach Anbieter möglich.

Einfache regelbasierte Chatbots sind in wenigen Tagen konfiguriert. KI-basierte Lösungen mit ATS-Integration brauchen typischerweise 2–4 Wochen für Setup, Testing und Datenschutzprüfung.

Einfache Lösungen beginnen bei ca. 100–300 EUR monatlich. Integrierte Enterprise-Lösungen mit voller ATS-Anbindung kosten 500–2.000 EUR monatlich. Entscheidend ist die Kosten-Nutzen-Rechnung: Wie viele HR-Stunden werden eingespart?

Ab etwa 20–30 Bewerbungen pro Monat lohnt sich der Einsatz. Bei geringeren Volumina ist der Einrichtungsaufwand im Verhältnis zum Nutzen oft zu hoch – ausser die Stelle liegt im Bereich mit hohem Bewerber-Aufkommen.

Bewerber:innen automatisch betreuen – mit OnApply

Erfahren Sie, wie OnApply KI-gestütztes Screening und automatisierte Kommunikation in einem System vereint.

4.6
4.8
5.0
Guides

Entdecken Sie weitere informative Artikel

KI-Bewerbungen erkennen & richtig bewerten

KI-generierte Bewerbungen erkennen und fair bewerten – so gehen HR-Fachkräfte mit dem neuen Standard professionell um.

Bewerber Vorauswahl mit KI – so geht strukturierte Vorauswahl im Recruiting

Wie funktioniert KI-gestützte Bewerber Vorauswahl? Kriterien, Prozess, Datenschutz und Praxistipps für HR-Teams im Recruiting.

KI-Stellenanzeigen erstellen – mehr Bewerbungen, bessere Qualität

Mit KI bessere Stellenanzeigen schreiben: So formulieren HR-Fachkräfte zielgruppengerechte Inserate, die mehr qualifizierte Bewerbungen generieren.