@charset "UTF-8"; /*! * Accessibility widget ("Barrierefrei") — standalone stylesheet. * Loaded via the tag rendered by reusables/accessibility-widget.php, so * markup + behavior (assets/js/accessibility-widget.js) + styles travel as one * drop-in unit, independent of the webpack bundle. Panel design: Figma file * 11--3G--DRAFTS--SH-V1, node 37859:2581 "Barrierefrei Overlay V1"; stepper * + toggle cards follow draft 37894:2585 "Panel · Bedienungshilfen 3G"; the * fixed header bar follows node 37907:2591 "Kopfzeile". * * ── Re-theming ───────────────────────────────────────────────────────────── * Every colour and font the widget uses is a --a11y-* custom property. To * restyle the widget in another project, DON'T edit this file — just redefine * any of these tokens in your own :root rule, e.g. * * :root { * --a11y-primary: #0055ff; * --a11y-font: "Inter", sans-serif; * } * * The defaults below live on `:where(:root)` (zero specificity), so a plain * `:root { … }` override always wins regardless of stylesheet load order — it * can sit in , be enqueued before this file, or come after; no ordering * gymnastics needed. The colour tokens also follow the host's own palette * custom properties (--3G-*, --gray-*, …) when those exist and fall back to the * 3G defaults otherwise. * * ── Weights ────────────────────────────────────────────────────────────────── * The host font here is Matter, which ships 430 / 570 / 790 only. 600 fell * through to the 790 file and 400 to 430, so the widget states the real * weights: 570 Medium for titles, labels and values, 430 Regular for body * text (Pablo, 07.10.2026). The readable-font rules keep their own 600. * * ── Host integration points ──────────────────────────────────────────────── * 1. root font-size hook: html { font-size: calc( * var(--a11y-root-scale, 1)); } * 2. content regions for the page-reshaping rules: the semantic
,
* and