:root{--papier:#f7f4ed;--tinte:#1f2a26;--gruen:#285747;--ocker:#d5ad57;--terrakotta:#bd7258;--blau:#2f7fa6;--violett:#8a56a3;--linie:#d9d2c3;--leise:#5c645f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--papier);color:var(--tinte);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.0625rem;line-height:1.55}main{max-width:44rem;margin:0 auto;padding:2.5rem 1rem 4rem}h1{color:var(--gruen);letter-spacing:.01em;margin:0 0 .25rem;font-size:2.2rem}h2{margin:2rem 0 .75rem;font-size:1.3rem}.unterzeile{color:var(--leise);margin:0 0 1.5rem}.claim{margin:1.5rem 0 2rem;font-style:italic}button,.knopf{font:inherit;background:var(--gruen);color:var(--papier);cursor:pointer;border:0;border-radius:.5rem;min-height:2.75rem;padding:.75rem 1.4rem;font-weight:600}button.zweit{color:var(--gruen);border:1px solid var(--gruen);background:0 0}button.gefahr{background:var(--terrakotta)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blau);outline-offset:2px}input,select{font:inherit;border:1px solid var(--linie);background:#fff;border-radius:.4rem;min-height:2.75rem;padding:.6rem .75rem}.karte{border:1px solid var(--linie);background:#fffdf8;border-radius:.75rem;margin:0 0 1rem;padding:1rem 1.25rem}.hinweis{border-left:4px solid var(--ocker);background:#fbf3df;margin:1rem 0;padding:.5rem .9rem}.fehler{border-left-color:var(--terrakotta);background:#f8e6df}.zeile{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.leise{color:var(--leise);font-size:.95rem}code,.codes{font-family:ui-monospace,Consolas,monospace}.codes{columns:2;padding:0;list-style:none}footer{color:var(--leise);margin-top:3rem;font-size:.9rem}.sprachwechsel{float:right}.sprachwechsel button{min-height:2.25rem;padding:.4rem .9rem;font-size:.95rem}