Seite 4 von 12
1. Variablen definieren (zentral)
Ganz oben in deiner user.css:
:root {
/* Farben */
--farbe-haupt: #0d3560; /* dunkelblau */
--farbe-akzent: #FFF3C4; /* aprikose */
--farbe-text: #000000; /* schwarz */
--farbe-hintergrund: #ffffff;/* weiss */
--farbe-rahmen: #dddddd; /* hellgrau */
/* Links */
--link-farbe: blau;
--link-hover: dunkelblau;
/* Schrift */
--schrift-standard: Arial, Helvetica, sans-serif;
--schrift-groesse-normal: 16px;
--schrift-groesse-h1: 24px;
--schrift-groesse-h2: 20px;
--schrift-fett: 700;
/* Abstände */
--abstand-klein: 5px;
--abstand-normal: 10px;
--abstand-gross: 20px;
/* Rahmen */
--rahmen-standard: 1px solid var(--farbe-rahmen);
}