/* pagelevels.css — the quiet "Aa" of every part and its small panel (pagelevels.js 1.0.0).
   version: 1.2.0 · created 2026-11-01 by Pascal Ehlig, ITS · edited 2026-11-01 by Pascal Ehlig, ITS */
main section[id]:has(> .lv-chip){position:relative}
.lv-chip{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:46%;min-height:32px;padding:0 10px 0 6px;
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface,#fff) 85%,transparent);
  color:var(--muted);font:600 .75rem/1 var(--sans,system-ui);cursor:pointer;opacity:.75;transition:opacity .15s,border-color .15s}
.lv-chip:hover,.lv-chip:focus-visible,.lv-chip[aria-expanded="true"]{opacity:1;border-color:var(--accent,#fb683e);color:var(--accent-text,var(--accent,#fb683e));outline:none}
.lv-chip-aa{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--accent,#fb683e) 14%,transparent);color:var(--accent-text,var(--accent,#fb683e));font:700 .7rem/1 var(--sans,system-ui)}
.lv-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline dotted color-mix(in srgb,var(--muted) 50%,transparent)}
.lv-chip-own{opacity:1;border-color:color-mix(in srgb,var(--accent,#fb683e) 55%,var(--border))}
@media (max-width:34rem){.lv-chip{padding:0 4px}.lv-chip-name{display:none}}
.lv-pop{position:fixed;z-index:2147482600;width:min(340px,calc(100vw - 16px));box-sizing:border-box;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface,#fff);color:var(--text);
  box-shadow:0 18px 44px rgb(16 42 67 / .25);animation:lv-grow .16s ease-out}
@keyframes lv-grow{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.lv-pop-title{margin:0 0 8px;font-weight:700}
.lv-pop-acts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.lv-pop-acts button{min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);color:var(--text);font:600 .82rem/1 var(--sans,system-ui);cursor:pointer}
@media (prefers-reduced-motion:reduce){.lv-pop{animation:none}}
[data-view="text"] .lv-chip{display:none}
/* 1.2.0 (pagelevels.js 1.2.0): „In Bildern“ — big signs, the headings, read aloud; the running text steps back until „Text zeigen“ */
.lv-pic{display:flex;align-items:center;gap:16px;margin:8px 0 14px}
.lv-pic-ic{flex:none;display:grid;place-items:center;width:96px;height:96px;border-radius:28px;background:color-mix(in srgb,var(--accent,#fb683e) 14%,transparent);color:var(--accent-text,var(--accent,#fb683e))}
.lv-pic-ic svg{width:60px;height:60px}
.lv-pic-acts{display:flex;flex-direction:column;gap:8px;min-width:0}
.lv-pic-say{min-height:52px;padding:0 20px;border:0;border-radius:999px;background:var(--action,#102a43);color:var(--on-action,#fff);font:700 1.05rem/1 var(--sans,system-ui);cursor:pointer}
.lv-pic-say[aria-pressed="true"]{background:var(--accent,#fb683e)}
.lv-pic-text{align-self:flex-start;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface,#fff);color:var(--muted);font:600 .82rem/1 var(--sans,system-ui);cursor:pointer}
.lv-pic-say:focus-visible,.lv-pic-text:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.lv-pictures:not(.lv-text-shown) :is(p,dd,.join-step-d,.join-step-hint,.join-intro,.join-outro,.sub,.lead):not(.lv-pic *):not(.lv-keep){display:none!important}
.lv-pictures:not(.lv-text-shown) li{padding-block:12px}
.lv-pictures .own-icon,.lv-pictures li .pr-icon{transform:scale(1.6);transform-origin:left center;margin-right:18px}
.lv-pictures h1,.lv-pictures h2{font-size:1.6em}
.lv-pictures h3,.lv-pictures li>b{font-size:1.15em}
@media (prefers-reduced-motion:reduce){.lv-pic-say{transition:none}}
.lv-pictures:not(.lv-text-shown) li>b+span,.lv-pictures:not(.lv-text-shown) li>span[data-i18n$=".d"]{display:none!important}
.lv-pictures li .own-icon{transform:scale(1.3)!important;margin-right:12px!important}