/* Schriften lokal eingebunden, damit beim Aufruf keine Daten an Google gehen (SIL Open Font License) */
@font-face { font-family: "Atkinson Hyperlegible"; font-style: normal; font-weight: 400; font-display: swap; src: url(atkinson-400.woff2) format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-style: normal; font-weight: 700; font-display: swap; src: url(atkinson-700.woff2) format("woff2"); }
@font-face { font-family: "Patrick Hand"; font-style: normal; font-weight: 400; font-display: swap; src: url(patrick-hand.woff2) format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 300 700; font-display: swap; src: url(space-grotesk.woff2) format("woff2"); }
@font-face { font-family: "OpenDyslexic"; font-style: normal; font-weight: 400; font-display: swap; src: url(opendyslexic-400.woff2) format("woff2"); size-adjust: 86%; }
@font-face { font-family: "OpenDyslexic"; font-style: normal; font-weight: 700; font-display: swap; src: url(opendyslexic-700.woff2) format("woff2"); size-adjust: 86%; }

/* OpenDyslexic laeuft sehr breit, size-adjust bringt sie auf die Laufweite der Standardschrift, damit nichts umbricht */
/* Schriftwahl unter "Darstellung" (assets/theme.js). Die Wortmarke ist ein Bild und bleibt immer gleich. */
:root[data-schrift="lesbar"] { --ui: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif; }
:root[data-schrift="legasthenie"] { --ui: "OpenDyslexic", "Atkinson Hyperlegible", system-ui, sans-serif; }