1.) Lauftext


(body bzw. p) Font: ChariteText-Regular.otf, Schriftgröße 18pt ist somit der Standardtwert, an dem sich alle anderen Elemente orientieren. Sämtliche anderen Elemente haben einen dazu realtiven Wert (em). z.B. : 1 em = 18pt; 1.55em = ca. 28pt. Diese Verhältnisse werden im CSS vordefiniert. Was bedeutet das wenn sich der Standartwert ändert, passen sich Elemente proportional dazu an. Dies ist einer der wichtigsten Grundvorausetzungen für ein Responsive Design.

2.) Überschriften


(h1) Font: ChariteHeadline-Regular.otf; Schriftgröße: 1.55em; Farbe:#004d9b

(h2) Font: ChariteHeadline-Regular.otf; Schriftgröße: 1.2em; Farbe:#000000

...

(h6) IconsFont: fa-solid-900.woff2; Schriftgröße 1em; Farbe:#004d9b (&#x + Unicode)

 ,  ,  , ...

4.) Tabellen


Erste Zeile BG #004d9b (blau) TEXT #ffffff (weiß) ChariteHeadline-Regular.otf
Jede gerade Zeilenummer BG #ecedee (hellgrau) TEXT #000000 (schwarz) ChariteText-Regular.otf
Jede ungerade Zeilenummer BG #ffffff (weiß) TEXT #000000 (schwarz) ChariteText-Regular.otf
     
       
       
Letze Zeile: Optionaler Inhalt BG #ffffff (weiß) TEXT #000000 (schwarz) ChariteText-Regular.otf

5. Zusatzinfo zur CSS Defintion von Kursbereichen:


Dag Klimas https://www.youtube.com/watch?v=XNRTQFOVVm0