/* =====================================================
   Font Scale – Schrift-Zoom Widget
   WCAG 1.4.4 Resize Text (AA)

   Ansatz: CSS zoom auf .wrapper
   – Skaliert alle Inhalte proportional (Text, Abstände)
   – Widget (außerhalb .wrapper, position:fixed) bleibt
     immer in voller Größe und Bedienbarkeit
   – Kein Eingriff in px-basierte Schriftgrößen nötig
===================================================== */

/* ── Skalierung 90 % ── */
html[data-a11y-size="0"] .wrapper {
    zoom: 0.9;
}

/* ── Skalierung 100 % (Standard) → kein Override nötig ── */

/* ── Skalierung 115 % ── */
html[data-a11y-size="2"] .wrapper {
    zoom: 1.15;
}

/* ── Skalierung 130 % ── */
html[data-a11y-size="3"] .wrapper {
    zoom: 1.3;
}

/* ── Skalierung 150 % ── */
html[data-a11y-size="4"] .wrapper {
    zoom: 1.5;
}

/* ── Overflow-Kontrolle bei großen Stufen ── */
html[data-a11y-size="3"] body,
html[data-a11y-size="4"] body {
    overflow-x: hidden;
}