Web Styles

Hier werden die der Website zugrunde liegenden Styles definiert. Hinweise zu empfohlenen Bildgrößen und Notetypes finden Sie hier:

Farben


$primary
#cc0c00

$secondary
#4d4d4d

$bg-light
#eeeeee

$bg-dark
#000000

Function-Colors


$danger
#f44336

$success
#00c853

$info
#16a3e3

$warning
#ffcc01

Typographie


Headline 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 5
verlinkte Headline 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

  • Listeneintrag 1
    • Listeneintrag 1.a
  • Listeneintrag 2
  1. Listeneintrag 1
    1. Listeneintrag 1.1
  2. Listeneintrag 2

Typographie


Headline 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 5
verlinkte Headline 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Headline 6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

  • Listeneintrag 1
    • Listeneintrag 1.a
  • Listeneintrag 2
  1. Listeneintrag 1
    1. Listeneintrag 1.1
  2. Listeneintrag 2

Buttons


Primary-Button
Primary-Button Center
Primary-Button Rechts
Primary-Button Small
Primary-Button Big
Primary-Button Block
Secondary-Button
Secondary-Button Small
Secondary-Button Big
Outline Primary-Button
Outline Primary-Button Small
Outline Primary-Button Big
Outline Secondary-Button
Outline Secondary-Button Small
Outline Secondary-Button Big

Buttons


Primary-Button
Primary-Button Center
Primary-Button Rechts
Primary-Button Small
Primary-Button Big
Primary-Button Block
Secondary-Button
Secondary-Button Small
Secondary-Button Big
Outline Primary-Button
Outline Primary-Button Small
Outline Primary-Button Big
Outline Secondary-Button
Outline Secondary-Button Small
Outline Secondary-Button Big