: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}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.4,0,.2,1)}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);cursor:pointer;text-underline-offset:.5em;background:0 0;border:0;border-radius:0;padding:6px 2px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .16s,color .16s}.zur-doku{color:var(--leise);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{-webkit-text-decoration-color:var(--linie);text-decoration-color:var(--linie)}button:active{-webkit-text-decoration-color:var(--vordergrund);text-decoration-color:var(--vordergrund)}button:focus-visible{outline:2px solid var(--vordergrund);outline-offset:3px}.zur-werkstatt{color:var(--leise);opacity:0;pointer-events:none;align-items:center;padding:6px;transition:opacity .32s,color .16s;display:inline-flex;position:fixed;bottom:24px;right:22px}body.gross .zur-werkstatt{opacity:1;pointer-events:auto}.zur-werkstatt:hover{color:var(--vordergrund)}.zur-werkstatt:focus-visible{outline:2px solid var(--vordergrund);outline-offset:2px}@media (width<=720px){.kopf{padding:12px 10px 0}.leiste,.zur-werkstatt{bottom:16px}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important}::view-transition-old(root){animation-duration:1ms}::view-transition-new(root){animation-duration:1ms}}