/* =========================== Globale Variablen =========================== */ :root { /* Farben */ --color-bg: #ffffff; --color-text: #0C0F2D; --color-link: #4C4F6D; --color-link-hover: #2a2d45; /* Typografie */ --font-body: Arial, Helvetica, sans-serif; --font-weight-normal: 400; --font-weight-bold: 700; /* Größen (einfach hier drehen) */ --font-size-base: 12px; --h1-size: 14px; --h2-size: 13px; --h3-size: 12px; /* Layout/Abstände */ --page-margin-left: 30px; --page-margin-right: 10px; --text-align: justify; /* Debug-Hilfen */ --debug-outline: transparent; /* z.B. #ff0066 */ } /* Optional: Debug-Theme aktivieren via */ :root.debug { --color-bg: #111; --color-text: #f6f8ff; --color-link: #6aa9ff; --color-link-hover: #a6c8ff; --debug-outline: rgba(255, 0, 102, 0.35); } /* =========================== Baseline =========================== */ html, body { background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); font-size: var(--font-size-base); } body { margin-left: var(--page-margin-left); margin-right: var(--page-margin-right); text-decoration: none; /* war im body gesetzt – eher unüblich, belassen für Kompat. */ } /* Schnelle Outline für Debug – greift, wenn --debug-outline != transparent */ * { outline: 1px solid var(--debug-outline); } /* =========================== Links =========================== */ a, a:link, a:visited, a:hover, a:active { color: var(--color-link); text-decoration: underline; font-weight: var(--font-weight-normal); font-family: var(--font-body); } a:hover, a:focus { color: var(--color-link-hover); } /* =========================== Headings =========================== */ h1, h2, h3 { color: var(--color-text); font-family: var(--font-body); font-weight: var(--font-weight-bold); margin: 0.4em 0 0.3em 0; } h1 { font-size: var(--h1-size); } h2 { font-size: var(--h2-size); } h3 { font-size: var(--h3-size); } /* =========================== Text =========================== */ p, table, td { color: var(--color-text); font-family: var(--font-body); font-weight: var(--font-weight-normal); font-size: var(--font-size-base); text-align: var(--text-align); } /* Platzhalter – aktuell leer wie im Original */ div {} span {} ul {} li {}