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.

So stellen Sie Fragen zum strategischem Denken im Jobinterview

Verwenden Sie diese Beispielfragen für Vorstellungsgespräche, um Kandidaten zu identifizieren, die effektive Strategien für die Bedürfnisse Ihres Unternehmens entwickeln können.

Warum Sie Interview-Fragen zu strategischem Denken stellen sollten

Strategisches Denken am Arbeitsplatz ist die Fähigkeit, Geschäftsentscheidungen zu treffen, indem aktuelle und zukünftige Szenarien analysiert werden. Strategische Denker setzen die Vision eines Unternehmens in umsetzbare Handlungen um.Unternehmen stellen Mitarbeiter mit einer strategischen Denkweise ein, um langfristige Geschäftsziele zu erreichen.

Eigenschaften eines strategische Denkers:

  • Setzen langfristige Ziele
  • Potenzielle Risiken proaktiv identifizieren und angehen
  • Ressourcen effizient nutzen
  • Aktionspläne angesichts von Hindernissen entwickeln
  • Erfolgreicher Umgang mit Wettbewerb
  • Hier sind einige Beispiele für strategisch denkende Interviewfragen, die man Kandidaten bei Vorstellungsgesprächen stellen sollte:

  • Wie viel Zeit pro Woche oder Monat investieren Sie in die strategische Planung? Was tun Sie?
  • Wie informieren Sie Ihr Team und andere Abteilungen innerhalb Ihres Unternehmens über Ihre strategischen Entscheidungen?
  • Beschreiben Sie einen Zeitpunkt, an dem Sie proaktiv ein Problem in Ihrem Unternehmen identifiziert und angegangen sind.
  • Wie setzen Sie langfristige Ziele für Ihr Team? Wie oft überprüfen und überprüfen Sie diese Ziele?
  • Beschreiben Sie eine Zeit, in der Sie Ihre Ziele nicht erreicht haben und einen anderen Ansatz verfolgen mussten. Wie kam es dazu?
  • Was sind die Schlüsselfaktoren, die Sie bei der Erstellung eines Aktionsplans berücksichtigen? (z.B. zur Umsatzsteigerung)
  • Wie messen Sie die Wirksamkeit einer Strategie?
  • Tipps zur Bewertung der Fähigkeiten der Kandidaten zum strategischen Denken

  • Bevor sie sich für einen Geschäftsplan entscheiden, müssen die Mitarbeiter wissen, wie ihr Unternehmen oder ihr Team arbeitet. Bewerten Sie bei Vorstellungsgesprächen die analytischen Fähigkeiten der Kandidaten beim Sammeln und Auswerten von Informationen.
  • Bitten Sie die Kandidaten zu erklären, wie sie eine Strategie für ihr Unternehmen/Team entwickeln. Entscheiden Sie sich für Personen, die methodisch vorgehen und alle Alternativen und potenziellen Risiken bewerten.
  • Beschreiben Sie eine frühere Kampagne/Methodik, die gescheitert ist, und bitten Sie die Kandidaten, diese zu bewerten. Sie werden testen können, ob die Kandidaten Fehler erkennen und bessere Lösungen vorschlagen können.
  • Fordern Sie Kandidaten mit hypothetischen Szenarien heraus, die sich auf den Betrieb Ihres Unternehmens beziehen. Testen Sie, ob sie Ihre Bedürfnisse verstehen und Strategien entwickeln können, die mit Ihren Zielen übereinstimmen.
  • Warnzeichen beachten

  • Es ist ihnen unangenehm, Entscheidungen zu treffen. Um die beste Taktik zu wählen, müssen die Mitarbeiter verschiedene Alternativen bewerten, Vor- und Nachteile abwägen und potenzielle Risiken prognostizieren. Kandidaten, denen es an Selbstvertrauen mangelt und die nervös wirken, wenn sie eine Entscheidung treffen müssen, passen vielleicht nicht so gut.
  • Ihnen mangelt es an Führungsqualitäten. Zur strategischen Planung gehört es, herausfordernde Ziele zu setzen und Ihr Team zu motivieren, diese Ziele zu erreichen. Suchen Sie nach Kandidaten, die gute Teamleiter sind und selbstbewusst Aufgaben delegieren können.
  • Sie ziehen keine Konsequenzen in Betracht. Kandidaten, die oberflächlich an Ihre Fragen herangehen und die erste Antwort wählen, die Ihnen in den Sinn kommt, sind möglicherweise nicht bereit, strategisch zu denken, wenn Probleme auftreten.
  • Sie nehmen Veränderungen nicht gerne an. Strategien müssen flexibel sein. Wenn Ihre Kandidaten nicht anpassungsfähig sind und über schlechte Fähigkeiten im Umgang mit Veränderungen verfügen, werden sie wahrscheinlich an einem ineffektiven Ansatz festhalten, anstatt Strategien neu zu bewerten.
  • Fragen zum strategischem Denken im Jobinterview

    Stellen Sie Fragen zum strategischem Denken im Jobinterview, um Kandidaten zu identifizieren, die effektive Strategien für die Bedürfnisse Ihres Unternehmens

    Zuletzt aktualisiert:
    3.12.2025

    So stellen Sie Fragen zum strategischem Denken im Jobinterview

    Verwenden Sie diese Beispielfragen für Vorstellungsgespräche, um Kandidaten zu identifizieren, die effektive Strategien für die Bedürfnisse Ihres Unternehmens entwickeln können.

    Warum Sie Interview-Fragen zu strategischem Denken stellen sollten

    Strategisches Denken am Arbeitsplatz ist die Fähigkeit, Geschäftsentscheidungen zu treffen, indem aktuelle und zukünftige Szenarien analysiert werden. Strategische Denker setzen die Vision eines Unternehmens in umsetzbare Handlungen um.Unternehmen stellen Mitarbeiter mit einer strategischen Denkweise ein, um langfristige Geschäftsziele zu erreichen.

    Eigenschaften eines strategische Denkers:

  • Setzen langfristige Ziele
  • Potenzielle Risiken proaktiv identifizieren und angehen
  • Ressourcen effizient nutzen
  • Aktionspläne angesichts von Hindernissen entwickeln
  • Erfolgreicher Umgang mit Wettbewerb
  • Hier sind einige Beispiele für strategisch denkende Interviewfragen, die man Kandidaten bei Vorstellungsgesprächen stellen sollte:

  • Wie viel Zeit pro Woche oder Monat investieren Sie in die strategische Planung? Was tun Sie?
  • Wie informieren Sie Ihr Team und andere Abteilungen innerhalb Ihres Unternehmens über Ihre strategischen Entscheidungen?
  • Beschreiben Sie einen Zeitpunkt, an dem Sie proaktiv ein Problem in Ihrem Unternehmen identifiziert und angegangen sind.
  • Wie setzen Sie langfristige Ziele für Ihr Team? Wie oft überprüfen und überprüfen Sie diese Ziele?
  • Beschreiben Sie eine Zeit, in der Sie Ihre Ziele nicht erreicht haben und einen anderen Ansatz verfolgen mussten. Wie kam es dazu?
  • Was sind die Schlüsselfaktoren, die Sie bei der Erstellung eines Aktionsplans berücksichtigen? (z.B. zur Umsatzsteigerung)
  • Wie messen Sie die Wirksamkeit einer Strategie?
  • Tipps zur Bewertung der Fähigkeiten der Kandidaten zum strategischen Denken

  • Bevor sie sich für einen Geschäftsplan entscheiden, müssen die Mitarbeiter wissen, wie ihr Unternehmen oder ihr Team arbeitet. Bewerten Sie bei Vorstellungsgesprächen die analytischen Fähigkeiten der Kandidaten beim Sammeln und Auswerten von Informationen.
  • Bitten Sie die Kandidaten zu erklären, wie sie eine Strategie für ihr Unternehmen/Team entwickeln. Entscheiden Sie sich für Personen, die methodisch vorgehen und alle Alternativen und potenziellen Risiken bewerten.
  • Beschreiben Sie eine frühere Kampagne/Methodik, die gescheitert ist, und bitten Sie die Kandidaten, diese zu bewerten. Sie werden testen können, ob die Kandidaten Fehler erkennen und bessere Lösungen vorschlagen können.
  • Fordern Sie Kandidaten mit hypothetischen Szenarien heraus, die sich auf den Betrieb Ihres Unternehmens beziehen. Testen Sie, ob sie Ihre Bedürfnisse verstehen und Strategien entwickeln können, die mit Ihren Zielen übereinstimmen.
  • Warnzeichen beachten

  • Es ist ihnen unangenehm, Entscheidungen zu treffen. Um die beste Taktik zu wählen, müssen die Mitarbeiter verschiedene Alternativen bewerten, Vor- und Nachteile abwägen und potenzielle Risiken prognostizieren. Kandidaten, denen es an Selbstvertrauen mangelt und die nervös wirken, wenn sie eine Entscheidung treffen müssen, passen vielleicht nicht so gut.
  • Ihnen mangelt es an Führungsqualitäten. Zur strategischen Planung gehört es, herausfordernde Ziele zu setzen und Ihr Team zu motivieren, diese Ziele zu erreichen. Suchen Sie nach Kandidaten, die gute Teamleiter sind und selbstbewusst Aufgaben delegieren können.
  • Sie ziehen keine Konsequenzen in Betracht. Kandidaten, die oberflächlich an Ihre Fragen herangehen und die erste Antwort wählen, die Ihnen in den Sinn kommt, sind möglicherweise nicht bereit, strategisch zu denken, wenn Probleme auftreten.
  • Sie nehmen Veränderungen nicht gerne an. Strategien müssen flexibel sein. Wenn Ihre Kandidaten nicht anpassungsfähig sind und über schlechte Fähigkeiten im Umgang mit Veränderungen verfügen, werden sie wahrscheinlich an einem ineffektiven Ansatz festhalten, anstatt Strategien neu zu bewerten.
  • Blogbeiträge

    Entdecken Sie weitere informative Artikel

    Change Management für Ihre Recruiting-Software

    Recruiting-Software einführen ohne Widerstände: So gelingt Change Management mit klaren Prozessen und hoher Akzeptanz im Unternehmen.

    KI im Recruiting: Datenschutz & EU-KI-Verordnung 2026

    Was ist bei KI im Recruiting erlaubt? Die EU-KI-Verordnung bringt neue Pflichten für HR. Risiken, Datenschutz & Praxisbeispiele für DACH.

    Mitarbeiter motivieren ohne finanzielle Anreize

    Entdecken Sie 7 wissenschaftlich fundierte Methoden, um Mitarbeiter ohne finanzielle Anreize nachhaltig zu motivieren und langfristig zu binden.