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.

Vorlage: Absage nach dem Telefon­interview

Erstellen Sie professionelle Absagen nach dem Telefoninterview mit unserer Vorlage: Freundlich formulieren, aber nicht an Deutlichkeit verlieren.

Vorlage: Absage nach dem Telefon­interview
Vorlage: Absage nach dem Telefon­interview

Erstellen Sie eine Absage nach dem Telefoninterview mit unserer Vorlage: Erfahren Sie, wie Sie eine freundliche, aber deutliche Absage formulieren und eine Checkliste für die Absage nach dem Telefoninterview. Mit unserer Vorlage in Deutsch und Englisch können Sie schnell und einfach eine Absage schreiben.

Bewerbermails in Minuten statt Stunden

Ihr E-Mail-GPT schreibt professionell, wertschätzend und überzeugend - von der Einladung bis hin zur Absage.

Danke! Prüfen Sie Ihre Emails.
Oops! Etwas ist schief gelaufen. Bitte versuchen Sie es noch einmal.

Eine Absage ist unangenehm zu schreiben und auch für den Bewerber unangenehm zu lesen. Leicht wird hier die Absage persönlich genommen, wobei es ggf. einfach nur an fachlichen Qualifikationen lag. Versuchen Sie Ihre Absagen freundlich zu formulieren, dabei aber nicht an Deutlichkeit zu verlieren.

Vorlage für die Absage nach dem Telefoninterview

Variante 1: Wertschätzend & professionell

Hallo {!Anrede} {!Nachname},

vielen Dank für das angenehme Telefoninterview und Ihr Interesse an {!Firmenname}.

Wir haben uns die Entscheidung nicht leicht gemacht. Nach sorgfältiger Prüfung haben wir uns jedoch dazu entschieden, den Bewerbungsprozess mit anderen Kandidaten fortzuführen, deren Profil aktuell noch besser zu unseren Anforderungen passt.

Wir bedanken uns ausdrücklich für Ihre Zeit, Ihre Offenheit und den positiven Austausch.

Für Ihren weiteren beruflichen Weg wünschen wir Ihnen viel Erfolg und alles Gute.

Mit freundlichen Grüßen
{!Signatur}

Variante 2: Kurz & klar

Hallo {!Anrede} {!Nachname},

vielen Dank für Ihre Bewerbung und das Telefoninterview.

Leider müssen wir Ihnen mitteilen, dass wir Sie im weiteren Auswahlprozess nicht berücksichtigen können.

Wir bedanken uns für Ihr Interesse an {!Firmenname} und wünschen Ihnen für Ihren weiteren Weg alles Gute.

Mit freundlichen Grüßen
{!Signatur}

Variante 3: Talentpool-orientiert

Hallo {!Anrede} {!Nachname},

vielen Dank für das freundliche Telefoninterview und Ihr Interesse an {!Firmenname}.

Auch wenn wir uns im aktuellen Prozess für andere Kandidaten entschieden haben, finden wir Ihr Profil weiterhin interessant. Gerne würden wir mit Ihnen in Kontakt bleiben und Sie bei zukünftigen passenden Positionen berücksichtigen.

Mit Ihrer Zustimmung nehmen wir Sie gerne in unseren Talentpool auf:
{!LinkEinladungTalentpool}

Wir bedanken uns für den angenehmen Austausch und wünschen Ihnen weiterhin viel Erfolg.

Mit freundlichen Grüßen
{!Signatur}

Infografik: Absage nach dem Telefoninterview - so gehts

Tipps für HR & Führungskräfte

1. Persönlicher formulieren als bei frühen Absagen
Nach einem Telefoninterview hat bereits ein persönlicher Austausch stattgefunden. Entsprechend sollte die Absage weniger standardisiert wirken.

2. Schnelle Rückmeldung zeigen Professionalität
Lange Wartezeiten nach einem Interview sorgen häufig für Frustration.
Idealerweise erfolgt die Rückmeldung innerhalb weniger Tage.

3. Begründungen vorsichtig formulieren
Kurze, allgemeine Begründungen schaffen Verständnis:

  • „andere Profile passten besser“
  • „stärkere Passung zur Position“

Zu detaillierte Begründungen sind dagegen oft unnötig oder rechtlich problematisch.

4. Talentpool strategisch nutzen
Gerade Kandidaten, die es bis zum Telefoninterview geschafft haben, sind häufig grundsätzlich interessant.
Eine Talentpool-Einladung kann langfristig wertvoll sein.

5. Candidate Experience endet nicht mit der Absage
Auch abgelehnte Bewerber können:

  • Kunden
  • Empfehler
  • spätere Bewerber

werden. Eine professionelle Kommunikation zahlt langfristig auf Ihre Arbeitgebermarke ein.

6. Tonalität entscheidet über die Wirkung
Die Absage sollte:

  • klar
  • respektvoll
  • wertschätzend

Hier finden Sie weitere E-Mail-Vorlagen.

FAQs

Absage nach Telefoninterview

Ja, unsere professionelle Absage-Vorlage nach Telefoninterview ist vollständig kostenlos und für alle HR-Verantwortlichen und Recruiter frei nutzbar. Die Vorlage enthält sowohl deutsche als auch englische Versionen und ist sofort einsetzbar.

Sie können die Vorlage unbegrenzt verwenden, an Ihre Bedürfnisse anpassen und in Ihr Bewerbermanagementsystem integrieren. Alle unsere Email-Vorlagen sind darauf ausgelegt, professionelle Kommunikation im gesamten Recruiting-Prozess zu unterstützen.

Eine wertschätzende Absage nach Telefoninterview balanciert Ehrlichkeit mit Empathie:

Schnelle Rückmeldung: Senden Sie die Absage innerhalb von 2-3 Werktagen nach dem Interview. Längeres Warten verstärkt die Enttäuschung und beeinträchtigt Ihre Arbeitgebermarke.

Positives zuerst: Beginnen Sie mit Dank für die Zeit und das Gespräch. Erwähnen Sie konkrete positive Aspekte: 'Ihre Erfahrung in [Bereich] hat uns beeindruckt.'

Transparente Begründung: Formulieren Sie sachlich ohne persönlich zu werden: 'Andere Kandidaten passen aktuell besser zu unserem spezifischen Anforderungsprofil' statt vager Floskeln.

Zukunftsperspektive: Bei guten Kandidaten bieten Sie Talentpool-Aufnahme oder Feedback-Gespräch an. Das zeigt echtes Interesse trotz aktueller Absage.

Bei Absagen nach Telefoninterviews gelten spezifische rechtliche Rahmenbedingungen:

AGG-Konformität: Die Absage darf nicht diskriminierend sein. Vermeiden Sie Begründungen, die auf Alter, Geschlecht, Herkunft oder andere geschützte Merkmale hindeuten. Formulieren Sie objektiv und fachlich.

Dokumentationspflicht: Halten Sie fest, wann das Telefoninterview stattfand, wer teilnahm und welche objektiven Kriterien zur Absage führten. Diese Dokumentation schützt bei späteren Beschwerden oder AGG-Prüfungen.

DSGVO-Fristen: Mit der Absage beginnt die 6-monatige Aufbewahrungsfrist für Bewerberdaten. Informieren Sie Kandidaten transparent, wenn Sie sie länger im Talentpool behalten möchten – hierfür ist explizite Einwilligung erforderlich.

Professionelle Personalisierung bei Absagen unterscheidet Top-Arbeitgeber von Durchschnitt:

Gesprächsbezug: Erwähnen Sie konkrete Themen aus dem Telefoninterview: 'Ihr Ansatz zu [Projekt/Thema] war sehr interessant' zeigt, dass Sie aufmerksam zugehört haben.

Differenzierte Begründung: Statt generischer Formulierungen geben Sie konkreten Kontext: 'Für diese Position suchen wir primär Expertise in [X], während Ihre Stärken eher in [Y] liegen.'

Feedback-Angebot: Bei Kandidaten, die knapp nicht ausgewählt wurden: 'Gerne gebe ich Ihnen in einem kurzen Telefonat detailliertes Feedback zu Ihrem Gespräch.'

Talentpool individuell: 'Ihre Qualifikationen in [Bereich] sind für unsere geplante Expansion in [Bereich] hochinteressant. Darf ich Sie für künftige Positionen vormerken?'

Der Zeitpunkt der Absage beeinflusst massiv Ihre Employer Brand und Candidate Experience:

Optimales Timing: 24-72 Stunden nach dem Interview – Dies zeigt Respekt vor der Wartezeit des Kandidaten und ermöglicht ihm, zeitnah weiterzusuchen.

Maximalfrist: 1 Woche – Länger als 7 Werktage sollten Kandidaten nach Telefoninterview nie auf Rückmeldung warten müssen. Studien zeigen, dass längere Wartezeiten die Arbeitgebermarke massiv beschädigen.

Versandzeitpunkt: Dienstag-Donnerstag, 10-15 Uhr – Vermeiden Sie Montagmorgen (stressig), Freitagnachmittag (Wochenende) oder spätabends (wirkt unprofessionell).

Bei mehreren Kandidaten: Warten Sie nicht auf Zusage des ausgewählten Kandidaten. Sobald Ihre Entscheidung feststeht, informieren Sie zeitnah alle anderen.

Mehr über professionelles Recruiting lernen?

Erhalten Sie wöchentlich Emails mit Video & Artikel gefüllt mit Tipps & Tricks rund um Rekrutierung und Bewerbermanagement.