Typografie

Die Schriften werden wie hier beschrieben implementiert. Mit diesem Vorgehen sichern wir die korrekte Nutzung von font-weight und font-style auch für die Fallbackschriften. Das ist vor allem wichtig für die tief- und hochgestellten Zeichen, die in der Theinhardt nicht vorhanden sind.
Die Größen und Abstände ändern sich bei folgenden breakpoints:

Medium	md	≥ 768 px
X-Large	xl	≥ 1200 px

Theinhardt Medium (bold) 20px

Theinhardt Regular (normal) 20px

Theinhardt Light (light) 20px

    <div class="font-weight-bold">Theinhardt Medium (bold) 20px</div>
<div class="font-weight-normal">Theinhardt Regular (normal) 20px</div>
<div class="font-weight-light">Theinhardt Light (light) 20px</div>

H1 Theinhardt Medium 40 (2rem)

H2 Theinhardt Medium 26 (1.3rem)

Fliesstext normal – Theinhardt Regular 20 (1rem) mit letter-spacing: 0.2px
Lorem ipsum dolor sit amet und ein Link zur Ansicht im Fließtext, 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H3 Theinhardt Medium 22 (1.1rem); ls: 0.2px

Fliesstext klein – Theinhardt Regular 18 (0.9rem) mit letter-spacing: 0.3px
Lorem ipsum dolor sit amet, und noch ein Link zur Ansicht im Fließtext onsetetur 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H3 Theinhardt Medium 22 (1.1rem); ls: 0.2px

Fliesstext sehr klein (breit) – Theinhardt Regular 16 (0.8rem) mit letter-spacing: 0.4px
Lorem ipsum dolor sit amet, und noch ein Link zur Ansicht im Fließtext 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H4 Theinhardt Medium 20 (1rem); ls: 0.3px

Fliesstext sehr klein (schmal) – Theinhardt Regular 16 (0.8rem) mit letter-spacing: 0.4px
Lorem ipsum dolor sit amet, und noch ein Link zur Ansicht im Fließtext 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H4 Theinhardt Medium 20 (1rem); ls: 0.3px

H1 Theinhardt Medium 50 (2.5rem)

H2 Theinhardt Medium 32 (1.6rem)

H3 Theinhardt Medium 24 (1.2rem); ls: 0.2px

Fliesstext klein – Theinhardt Regular 18 (0.9rem) mit letter-spacing: 0.3px
Lorem ipsum dolor sit amet, und noch ein Link zur Ansicht im Fließtext 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H3 Theinhardt Medium 24 (1.2rem); ls: 0.2px

Fliesstext sehr klein – Theinhardt Regular 14 (0.7rem) mit letter-spacing: 0.4px
Lorem ipsum dolor sit amet, und noch ein Link zur Ansicht im Fließtext 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H4 Theinhardt Medium 20 (1rem); ls: 0.3px

Fliesstext sehr klein – Theinhardt Regular 16 (0.8rem) mit letter-spacing: 0.4px
Lorem ipsum dolor sit amet, und noch ein Link zur Ansicht im Fließtext 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H4 Theinhardt Medium 20 (1rem); ls: 0.3px

H1 Theinhardt Medium 50 (2.5rem)

H2 Theinhardt Medium 40 (2rem)

Fliesstext normal – Theinhardt Regular 22 (1.1rem) mit letter-spacing: 0.2px
Lorem ipsum dolor sit amet und ein Link zur Ansicht im Fließtext, 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H3 Theinhardt Medium 26 (1.3rem)

Fliesstext klein – Theinhardt Regular 20 (1rem) mit letter-spacing: 0.2px
Lorem ipsum dolor sit amet, und noch ein Link zur Ansicht im Fließtext 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. Stet clita kasd gubergren, no sea takimata sanctus est.

H4 Theinhardt Medium 20 (1rem)

Fliesstext sehr klein – Theinhardt Regular 18 (0.9rem) mit letter-spacing: 0.3px;
Lorem ipsum dolor sit amet, und noch ein Link zur Ansicht im Fließtext 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. Stet clita kasd gubergren, no sea takimata sanctus est.