:root{--ton-papier:#faf8f4;--ton-tinte:#2c2d3c;--ton-grau:#8b8894;--ton-grau-hell:#c9c6cd;--flaeche:var(--ton-papier);--vordergrund:var(--ton-tinte);--leise:var(--ton-grau);--linie:var(--ton-grau-hell);--marke-canvas:var(--ton-grau);--schrift-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--schrift-text:ui-serif, Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{touch-action:none;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--flaeche);color:var(--vordergrund);font-family:var(--schrift-mono);-webkit-font-smoothing:antialiased;font-size:11px}#blatt{touch-action:none;display:block;position:fixed;inset:0}.namen{pointer-events:none;position:fixed;inset:0}.namen span,.name-gross{color:var(--marke-canvas);letter-spacing:.22em;white-space:nowrap;pointer-events:auto;-webkit-user-select:text;user-select:text;line-height:1;position:fixed;transform:translate(-50%)}.name-gross{opacity:0}.kopf{pointer-events:none;padding:18px 22px 0;position:fixed;top:0;left:0;right:0}h1{width:min(480px,100%);font-family:var(--schrift-mono);margin:0 auto;font-weight:400;line-height:0}h1 svg{width:100%;height:auto;display:block}.leiste{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;transition:opacity .48s;display:flex;position:fixed;bottom:24px;left:0;right:0}body.ruhe .leiste{opacity:.3}body.gross .leiste{opacity:0;pointer-events:none}button{font:inherit;letter-spacing:.18em;text-transform:uppercase;color:var(--vordergrund);border:1px solid var(--linie);cursor:pointer;background:0 0;border-radius:999px;padding:8px 20px;transition:border-color .16s,background .16s}.zur-doku{color:var(--leise);border-radius:999px;align-items:center;padding:6px;transition:color .16s;display:inline-flex;position:absolute;bottom:0;right:22px}.zur-doku:hover{color:var(--vordergrund)}.zur-doku:focus-visible{outline:2px solid var(--vordergrund);outline-offset:2px}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button:hover{border-color:var(--vordergrund)}button:active{background:#0000000a}button:focus-visible{outline:2px solid var(--vordergrund);outline-offset:3px}@media (width<=720px){.kopf{padding:12px 10px 0}.leiste{bottom:16px}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important}}