:root{--grund:#faf8f6;--flaeche:#fff;--tinte:#26221f;--tinte-sanft:#5c554f;--tinte-blass:#8a827b;--linie:#e4ddd6;--akzent:#8e2e24;--akzent-hell:#f7e9e6;--ok:#2e6e4e;--radius:6px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--grund);color:var(--tinte);font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1{margin:0 0 8px;font-size:26px;line-height:1.25}h2{margin:28px 0 10px;font-size:19px}a{color:var(--akzent)}button,.knopf{font:inherit;background:var(--akzent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;min-height:46px;padding:12px 20px}button.leise{color:var(--tinte);border:1px solid var(--linie);background:0 0}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);color:var(--tinte);width:100%;min-height:46px;padding:11px 12px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}label{color:var(--tinte-sanft);margin:14px 0 4px;font-size:14px;display:block}table{border-collapse:collapse;background:var(--flaeche);width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--tinte-sanft);border-bottom:2px solid var(--linie);padding:10px 12px;font-size:13px}td{border-bottom:1px solid var(--linie);padding:12px}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:20px}.hinweis{background:var(--akzent-hell);border-radius:var(--radius);padding:12px 16px;font-size:15px}.fehler{color:var(--akzent);margin-top:10px;font-size:15px}.pille{background:var(--akzent-hell);color:var(--akzent);border-radius:99px;padding:3px 10px;font-size:13px;display:inline-block}.pille.gruen{color:var(--ok);background:#e7f2ec}