Jump to main content Jump to footer
Skip navigation
Jump to navigation start

Styleguide

Headlines


Ich bin eine Headline h1 (.fst--h1)
Ich bin eine Headline h2 (.fst--h2)
Ich bin eine Headline h3 (.fst--h3)
Ich bin eine Headline h4 (.fst--h4)
Ich bin eine Headline h5 (.fst--h5)
Ich bin eine Headline h6 (.fst--h6)

Accent


Unser Auftrag accent-hero (.fst--accent-hero)
Unser Auftrag accent-l (.fst--accent-l)
Unser Auftrag accent (.fst--accent)
Unser Auftrag accent-s (.fst--accent-s)

Bodytext


Ich bin ein base-xl (.fst--base-xl)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 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
  • At vero eos et accusam et justo

 

  1. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet, consetetur sadipscing
  3. At vero eos et accusam et justo

Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq This is a link

with a long text. duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

sanctus est Lorem ipsum dolor sit amet.

Ich bin ein base-l (.fst--base-l)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 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
  • At vero eos et accusam et justo

 

  1. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet, consetetur sadipscing
  3. At vero eos et accusam et justo

Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq This is a link

with a long text. duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

sanctus est Lorem ipsum dolor sit amet.

Ich bin ein base (.fst--base)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 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
  • At vero eos et accusam et justo

 

  1. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet, consetetur sadipscing
  3. At vero eos et accusam et justo

Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq This is a link

with a long text. duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

sanctus est Lorem ipsum dolor sit amet.

Ich bin ein base-s (.fst--base-s)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 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
  • At vero eos et accusam et justo

 

  1. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet, consetetur sadipscing
  3. At vero eos et accusam et justo

Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq This is a link

with a long text. duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

sanctus est Lorem ipsum dolor sit amet.

Ich bin ein base-xs (.fst--base-xs)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 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
  • At vero eos et accusam et justo

 

  1. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet, consetetur sadipscing
  3. At vero eos et accusam et justo

Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq This is a link

with a long text. duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

sanctus est Lorem ipsum dolor sit amet.

Ich bin ein caption (.fst--caption)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 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
  • At vero eos et accusam et justo

 

  1. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet, consetetur sadipscing
  3. At vero eos et accusam et justo

Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq This is a link

with a long text. duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

sanctus est Lorem ipsum dolor sit amet.


Quote


Wir arbeiten in Österreich, Europa und internationalen Schwerpunktländern. (.fst--quote)

Icons

global

16x16px

24x24px

32x32px

60x60px

socials

16x16px

32x32px

Buttons Default

Aktuelle Bewerbungsfristen Button secondary
Aktuelle Bewerbungsfristen (Block) Button secondary (Block)
Button primary with super long text which can easily break into a new line on mobile Button secondary with super long text which can easily break into a new line on mobile

Buttons Dark

Aktuelle Bewerbungsfristen Button secondary
Aktuelle Bewerbungsfristen (Block) Button secondary (Block)
Button primary with super long text which can easily break into a new line on mobile Button secondary with super long text which can easily break into a new line on mobile

Link Text Default

Aktuelle Bewerbungsfristen
Aktuelle Bewerbungsfristen

Link Text Dark

Aktuelle Bewerbungsfristen
Aktuelle Bewerbungsfristen

Back Link Default

Back to overview
Aktuelle Bewerbungsfristen (disabled)

Back Link Dark

Back to overview
Aktuelle Bewerbungsfristen (disabled)

Control Icon Default

Control Icon Dark

Tag Default

This is a tag This is a tag with an icon Aktuelle Bewerbungsfristen
This is an error tag This is a warning tag This is a success tag
Aktuelle Bewerbungsfristen

Tag Dark

This is a tag This is a tag with an icon Aktuelle Bewerbungsfristen
This is an error tag This is a warning tag This is a success tag
Aktuelle Bewerbungsfristen

Avatar Default

Max Mustermann

Avatar Dark

Max Mustermann

Colors

.color--primary
.color--default
.color--invert
.color--primary
.color--default
.color--invert

Backgrounds

.bg--primary
.bg--default
.bg--lightest
.bg--light
.bg--dark
.bg--darkest

News Item

Test Another tag

This is a news item

Test Another tag

Aktuelle Bewerbungsfristen

Lorem ipsum dolor sit amet consectetur adipiscing elit, euismod porttitor lacus consequat parturient aliquam. Feugiat eros blandit mi egestas ut, hendrerit natoque donec suspendisse et, sagittis phasellus ante nascetur. Maecenas ullamcorper dignissim non class tortor habitasse aenean venenatis felis quis volutpat, platea quam rhoncus id pulvinar ligula sociis laoreet pellentesque.
5 min read · 22. February 2026
Test Another tag

Test Another tag

Aktuelle Bewerbungsfristen

Lorem ipsum dolor sit amet consectetur adipiscing elit, euismod porttitor lacus consequat parturient aliquam. Feugiat eros blandit mi egestas ut, hendrerit natoque donec suspendisse et, sagittis phasellus ante nascetur. Maecenas ullamcorper dignissim non class tortor habitasse aenean venenatis felis quis volutpat, platea quam rhoncus id pulvinar ligula sociis laoreet pellentesque.
5 min read · 22. February 2026
Test Another tag

This is a news item

Test Another tag

Aktuelle Bewerbungsfristen

Lorem ipsum dolor sit amet consectetur adipiscing elit, euismod porttitor lacus consequat parturient aliquam. Feugiat eros blandit mi egestas ut, hendrerit natoque donec suspendisse et, sagittis phasellus ante nascetur. Maecenas ullamcorper dignissim non class tortor habitasse aenean venenatis felis quis volutpat, platea quam rhoncus id pulvinar ligula sociis laoreet pellentesque.
Most read · 5 min read · 22. February 2026
Test Another tag

News Item (button-tag)

Most read
Test Another tag

This is a news item

Test Another tag

Aktuelle Bewerbungsfristen

Lorem ipsum dolor sit amet consectetur adipiscing elit, euismod porttitor lacus consequat parturient aliquam. Feugiat eros blandit mi egestas ut, hendrerit natoque donec suspendisse et, sagittis phasellus ante nascetur. Maecenas ullamcorper dignissim non class tortor habitasse aenean venenatis felis quis volutpat, platea quam rhoncus id pulvinar ligula sociis laoreet pellentesque.
Most read · 5 min read · 22. February 2026
Test Another tag

News Item (button-tag)

Most read

Teaser Item

Aktuelle Bewerbungsfristen

Lorem ipsum dolor sit amet consectetur adipiscing elit, euismod porttitor lacus consequat parturient aliquam. Feugiat eros blandit mi egestas ut, hendrerit natoque donec suspendisse et, sagittis phasellus…

Aktuelle Bewerbungsfristen

Lorem ipsum dolor sit amet consectetur adipiscing elit, euismod porttitor lacus consequat parturient aliquam. Feugiat eros blandit mi egestas ut, hendrerit natoque donec suspendisse et, sagittis phasellus…

Event Card

Image Filter

No Filter

Filter 1

Backdrops

No backdrop

Backdrop 1

Backdrop 2

Backdrop 3

Backdrop 4

YouTube is deactivated

We need your consent to use YouTube videos. For more information, see our Privacy Policy.

Vimeo is deactivated

We need your consent to use Vimeo videos. For more information, see our Privacy Policy.

OpenStreetMap is deactivated

We need your consent to use OpenStreetMap. For more information, see our Privacy Policy.

Issuu is deactivated

We need your consent to use Issuu. For more information, see our Privacy Policy.

privacy_overlay.arcgis.title

privacy_overlay.arcgis.description

privacy_overlay.peertube.title

privacy_overlay.peertube.description