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.

Interviewfragen für die Stelle als Bereichsleiter*in

Erfahren Sie mehr über die Rolle einer Bereichsleiter/-in und erhalten Sie eine Zusammenstellung von Jobinterview-Fragen für das Bewerbungsgespräch.

Interviewfragen für die Stelle als Bereichsleiter
Interviewfragen für die Stelle als Bereichsleiter

Die Rolle des Bereichsleiter*in und wie Sie ein Jobinterview für diese Position führen. Unsere Beispielfragen helfen Ihnen im Bewerbungsgespräch!

Interviewfragen und Gesprächsleitfäden in Minuten statt Stunden

Mit unserem GPT studienbasiert, positionsgenau und sofort einsetzbar.

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

Was macht ein*e Bereichsleiter*in und worauf müssen Sie achten?

Die Rolle eines/einer Bereichsleiter*in erfordert exzellente Führungsqualitäten und die Fähigkeit, strategische Entscheidungen zu treffen. In dieser Position sind Sie verantwortlich für die Entwicklung und Umsetzung von Geschäftsstrategien, um die Ziele Ihrer Abteilung zu erreichen und zu übertreffen. Sie arbeiten eng mit anderen Führungskräften zusammen, um die Gesamtstrategie des Unternehmens zu unterstützen und sicherzustellen, dass Ihre Abteilung effizient und effektiv arbeitet.

Ein/e Bereichsleiter*in muss in der Lage sein, ein Team zu motivieren und zu inspirieren, um Höchstleistungen zu erzielen. Dies beinhaltet die Förderung eines positiven Arbeitsumfelds sowie die Unterstützung der beruflichen Entwicklung Ihrer Teammitglieder. Kommunikationsstärke und die Fähigkeit, komplexe Informationen klar und prägnant zu übermitteln, sind entscheidend für den Erfolg in dieser Rolle.

Ein weiterer wichtiger Aspekt der Rolle ist das Management von Ressourcen, um die Produktivität zu maximieren und Kosten zu kontrollieren. Dies erfordert ein tiefes Verständnis für die finanziellen Aspekte des Geschäfts sowie die Fähigkeit, Budgets zu entwickeln und zu überwachen. Sie sind auch dafür verantwortlich, sicherzustellen, dass Ihre Abteilung alle gesetzlichen und regulatorischen Anforderungen erfüllt.

Darüber hinaus ist ein/e Bereichsleiter*in oft der/die erste Ansprechpartner*in für externe Stakeholder, was bedeutet, dass Sie hervorragende Verhandlungs- und Präsentationsfähigkeiten benötigen. In dieser Rolle wird von Ihnen erwartet, dass Sie innovative Lösungen für komplexe Probleme entwickeln und eine proaktive Haltung gegenüber Veränderungen einnehmen.

Anforderungen an eine*n Bereichsleiter*in

  • Abgeschlossenes Studium in Betriebswirtschaft, Management oder einem verwandten Bereich.
  • Mindestens 5 Jahre Erfahrung in einer Führungsposition.
  • Erfahrung in der Entwicklung und Umsetzung von Geschäftsstrategien.
  • Starke analytische Fähigkeiten und Erfahrung im Finanzmanagement.
  • Exzellente Kommunikations- und Verhandlungsfähigkeiten.

Mögliche Fragen für ein erfolgreiches Bewerbungsgespräch

Operative und situative Fragen

  • Beschreiben Sie eine Situation, in der Sie eine unterdurchschnittliche Leistung in Ihrem Team feststellen mussten. Wie sind Sie damit umgegangen?
  • Wie gehen Sie vor, um den Erfolg einer neuen Strategie in Ihrer Abteilung zu messen?
  • Erzählen Sie uns von einem Projekt, das Sie geleitet haben. Welche Herausforderungen sind aufgetreten und wie haben Sie diese bewältigt?
  • Wie priorisieren Sie Aufgaben und Projekte, wenn Sie mit mehreren dringenden Anforderungen konfrontiert werden?
  • Geben Sie ein Beispiel für eine schwierige Entscheidung, die Sie als Leiter*in treffen mussten. Wie sind Sie zu Ihrer Entscheidung gekommen?

Rollenspezifische Fragen

  • Welche Methoden verwenden Sie, um die Motivation und das Engagement Ihres Teams zu steigern?
  • Wie integrieren Sie die Unternehmensstrategie in die alltäglichen Abläufe Ihrer Abteilung?
  • Wie stellen Sie sicher, dass Ihre Abteilung alle gesetzlichen und regulatorischen Anforderungen erfüllt?
  • Welche Rolle spielt Feedback in Ihrer Führung und wie implementieren Sie es?
  • Wie gehen Sie mit Interessenkonflikten zwischen verschiedenen Abteilungen um?

Fragen zu Verhalten und Persönlichkeit

  • Wie würden Sie Ihren Führungsstil beschreiben?
  • Was motiviert Sie als Führungskraft?
  • Wie gehen Sie mit Stress und Druck um?
  • Erzählen Sie uns von einer Zeit, in der Sie Feedback erhalten haben, das Sie überrascht hat. Wie haben Sie darauf reagiert?
  • Was bedeutet für Sie Erfolg in Ihrer Rolle als Bereichsleiter*in?

Wer sollte an einem Interview mit einem/einer Bereichsleiter*in teilnehmen?

Idealerweise habe Sie einen mehrstufigen Interview-Prozess. In einem ersten kurzen Interview können die Kommunikationsfähigkeit sowie die generelle Eignung des Kandidaten geprüft werden. Hierzu reicht in der Regel die Teilnahme eines Recruiters. In weiteren Prozess-Schritten sollten neben dem Recruiter auch Vorgesetzte und Kollegen aus dem Fachbereich dabei sein, um die fachlichen Fähigkeiten des Kandidaten zu bewerten.

Die Organisation von Interview-Terminen kann mitunter sehr aufwändig sein und sich über einen längeren Zeitraum hinweg ziehen, was zu einer signifikanten Verlängerung der Time to Hire führen kann.

Mit OnApply automatisieren Sie die Terminfindung. Legen Sie Ihre eigene Verfügbarkeit, sowie die Verfügbarkeiten Ihrer Kollegen fest und machen den gesamten Planungsprozess um 50% schneller. So optimieren Sie den Bewerbungsprozess und konzentrieren sich auf das Wesentliche – die besten Talente.

Wie bewerte ich eine/n Bewerber/in direkt nach dem Interview?

Eine strukturierte Bewertung nach dem Interview ist entscheidend, um objektive und vergleichbare Entscheidungen zu treffen. Mit einer Scorecard lassen sich die wichtigsten Kriterien wie Fachkompetenz, kulturelle Passung und Soft Skills gezielt bewerten. Dabei wird jedem Kriterium eine Gewichtung und eine Punktzahl zugewiesen, um am Ende ein klares Gesamtbild zu erhalten. Mit OnApply können Sie solche Scorecards direkt im Tool abbilden, Bewertungen erfassen und so den Auswahlprozess effizient und transparent gestalten.

Mehr über professionelles Recruiting lernen?

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

Weitere Interview-Fragen für ähnliche Stellen

Arbeiten Sie effizienter mit unseren Vorlagen: