Typo den neuen Farben zuweisen
Typographie
Hier gibt es eine Übersicht, der aktuell verwendeten Schriften im neuen Design. Die Größen beziehen sich auf:
:root{
font-size: 18px;
font-size: max(max(calc(1vw + -10px), 18px), 30px – 1.5vw);
}
main#content {
width: 100%;
overflow-x: hidden;
}
H1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Schriftfamilie: Roboto Condensed | Schriftgröße: XX Schriftschnitt: XX | Line Height: XX | Farbe: Variable H1 | Verwendungszweck: Seitentitel, wenn etwas extrem hervorgehoben werden soll.
H2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Schriftfamilie: Roboto Condensed | Schriftgröße: XX Schriftschnitt: XX | Line Height: XX | Farbe: Variable H2
Verwendungszweck: Seitentitel, wenn etwas extrem hervorgehoben werden soll.
H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Schriftfamilie: Roboto Condensed | Schriftgröße: XX Schriftschnitt: XX | Line Height: XX | Farbe: Variable H1
H4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Schriftfamilie: Roboto Condensed | Schriftgröße: XX Schriftschnitt: XX | Line Height: XX | Farbe: Variable H1
H5
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Schriftfamilie: Roboto Condensed | Schriftgröße: XX Schriftschnitt: XX | Line Height: XX | Farbe: Variable H1
H6
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Schriftfamilie: Roboto Condensed | Schriftgröße: XX Schriftschnitt: XX | Line Height: XX | Farbe: Variable H1
Body
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Schriftfamilie: Roboto Condensed | Schriftgröße: XX Schriftschnitt: XX | Line Height: XX | Farbe: Variable H1
Link
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Schriftfamilie: Roboto Condensed | Schriftgröße: XX Schriftschnitt: XX | Line Height: XX | Farbe: Variable H1