/* Ansicht — Farbschema, Schrift, Größe, Zeilenabstand, Bewegung und Vorlesen für alle Seiten des Auftritts.
   Enthält keinen Stoff. Gesteuert über Attribute an <html>: data-ae-schema, data-ae-schrift, data-ae-zeilen,
   data-ae-bewegung, data-ae-vars (Seite nutzt die gemeinsamen Farbvariablen --papier, --tinte …). */

/* ---------- Farbschemata für Seiten mit den gemeinsamen Variablen ---------- */
html[data-ae-vars][data-ae-schema="hell"]{--papier:#F2F1EC;--flaeche:#FBFAF6;--tinte:#1A1D1B;--weich:#55605A;--linie:#C3C6BD;color-scheme:light}
html[data-ae-vars][data-ae-schema="dunkel"]{--papier:#141715;--flaeche:#1C201D;--tinte:#ECEFE9;--weich:#A5AFA8;--linie:#333A35;color-scheme:dark}
html[data-ae-vars][data-ae-schema="kontrast"]{--papier:#000;--flaeche:#000;--tinte:#FFF;--weich:#FFF;--linie:#FFF;--akzent:#FFD400;--gut:#7CFF7C;--warn:#FFB000;--recht:#8FD3FF;color-scheme:dark}
html[data-ae-vars][data-ae-schema="sepia"]{--papier:#F4ECD8;--flaeche:#FBF5E6;--tinte:#3B2F1E;--weich:#6B5A41;--linie:#D9C9A8;color-scheme:light}
html[data-ae-vars][data-ae-schema="kontrast"] a{color:#FFD400}
html[data-ae-vars][data-ae-schema="kontrast"] *:focus-visible{outline:3px solid #FFD400;outline-offset:2px}

/* ---------- Seiten mit eigenen Farben: allgemeine Filter ---------- */
html:not([data-ae-vars])[data-ae-schema="dunkel"]{filter:invert(.92) hue-rotate(180deg);background:#fff}
html:not([data-ae-vars])[data-ae-schema="dunkel"] img,
html:not([data-ae-vars])[data-ae-schema="dunkel"] video,
html:not([data-ae-vars])[data-ae-schema="dunkel"] picture{filter:invert(1) hue-rotate(180deg)}
html:not([data-ae-vars])[data-ae-schema="kontrast"]{filter:contrast(1.45)}
html:not([data-ae-vars])[data-ae-schema="sepia"]{filter:sepia(.4)}

/* ---------- Schrift, Größe, Zeilenabstand ---------- */
html[data-ae-schrift="leserlich"] body,html[data-ae-schrift="leserlich"] button,html[data-ae-schrift="leserlich"] input,html[data-ae-schrift="leserlich"] select,html[data-ae-schrift="leserlich"] textarea{
  font-family:"Atkinson Hyperlegible","Verdana","Tahoma","DejaVu Sans",sans-serif!important;letter-spacing:.01em}
html[data-ae-schrift="serif"] body,html[data-ae-schrift="serif"] button{font-family:"Charter","Georgia","Cambria","DejaVu Serif",serif!important}
body{zoom:var(--ae-mass,1)}
html[data-ae-gross] body{overflow-wrap:anywhere}
html[data-ae-gross] img,html[data-ae-gross] svg,html[data-ae-gross] canvas,html[data-ae-gross] video{max-width:100%;height:auto}
html[data-ae-gross] pre{white-space:pre-wrap}
html[data-ae-gross] table{display:block;overflow-x:auto;max-width:100%}
html[data-ae-zeilen="weit"] p,html[data-ae-zeilen="weit"] li,html[data-ae-zeilen="weit"] td,html[data-ae-zeilen="weit"] dd{line-height:1.95!important;word-spacing:.08em}

/* ---------- Bewegung ---------- */
html[data-ae-bewegung="aus"] *,html[data-ae-bewegung="aus"] *::before,html[data-ae-bewegung="aus"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-ae-bewegung="an"] .ae-vor{opacity:0;transform:translateY(14px)}
html[data-ae-bewegung="an"] .ae-da{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
@keyframes ae-puls{0%{box-shadow:0 0 0 0 rgba(255,212,0,.55)}100%{box-shadow:0 0 0 14px rgba(255,212,0,0)}}

/* ---------- Lesefortschritt ---------- */
#ae-fortschritt{position:fixed;left:0;top:0;height:3px;width:0;z-index:2147483000;background:var(--akzent,#1F5D4C);pointer-events:none}
html[data-ae-bewegung="an"] #ae-fortschritt{transition:width .15s linear}

/* ---------- Knopf und Feld (eigene Farben, unabhängig vom Seitenschema) ---------- */
#ae-knopf{position:fixed;right:14px;bottom:14px;z-index:2147483001;width:52px;height:52px;border-radius:50%;
  border:2px solid #fff;background:#1F5D4C;color:#fff;font:700 18px/1 system-ui,sans-serif;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.28)}
#ae-knopf:focus-visible{outline:3px solid #FFD400;outline-offset:3px}
html[data-ae-bewegung="an"] #ae-knopf.ae-neu{animation:ae-puls 1.6s ease-out 2}
#ae-feld{position:fixed;right:14px;bottom:76px;z-index:2147483002;width:min(22rem,calc(100vw - 28px));max-height:calc(100vh - 100px);
  overflow:auto;background:#FBFAF6;color:#1A1D1B;border:1px solid #C3C6BD;border-radius:12px;padding:.9rem 1rem 1rem;
  box-shadow:0 10px 30px rgba(0,0,0,.3);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;zoom:calc(1 / var(--ae-mass,1))}
html[data-ae-schema="kontrast"] #ae-feld{background:#000;color:#fff;border-color:#fff}
html[data-ae-bewegung="an"] #ae-feld:not([hidden]){animation:ae-auf .22s ease-out}
@keyframes ae-auf{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
#ae-feld h2{font-size:1rem;margin:0 0 .5rem;letter-spacing:.02em}
#ae-feld fieldset{border:0;margin:.55rem 0;padding:0}
#ae-feld legend{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:.25rem;padding:0}
#ae-feld .ae-wahl{display:flex;flex-wrap:wrap;gap:.3rem}
#ae-feld .ae-wahl button,#ae-feld .ae-zeile button{font:inherit;font-size:.86rem;padding:.35rem .65rem;border-radius:999px;border:1px solid #9AA39C;
  background:transparent;color:inherit;cursor:pointer;min-height:34px}
#ae-feld .ae-wahl button[aria-pressed="true"]{background:#1F5D4C;border-color:#1F5D4C;color:#fff}
html[data-ae-schema="kontrast"] #ae-feld .ae-wahl button[aria-pressed="true"]{background:#FFD400;border-color:#FFD400;color:#000}
#ae-feld .ae-zeile{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
#ae-feld input[type=range]{flex:1;min-width:8rem;accent-color:#1F5D4C}
#ae-feld .ae-klein{font-size:.78rem;opacity:.8;margin:.6rem 0 0}
#ae-feld .ae-farben{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:.3rem;vertical-align:-1px;border:1px solid rgba(0,0,0,.3)}
.ae-liest{outline:3px solid #FFD400!important;outline-offset:3px;background:rgba(255,212,0,.18)!important;border-radius:3px}
@media print{#ae-knopf,#ae-feld,#ae-fortschritt{display:none!important}body{zoom:1}}