:root{--rot:#a51e26;--rot-dunkel:#7a141a;--tinte:#1f1b1b;--text-2:#4a4241;--text-3:#5e5552;--grund:#fff;--grund-2:#f3f1ef;--linie:#e6e1dc}*{box-sizing:border-box}body{color:var(--tinte);background:var(--grund);margin:0;font-family:system-ui,sans-serif;font-size:18px;line-height:1.5}main{max-width:480px;margin:0 auto;padding:32px 24px}h1{margin:0 0 16px;font-family:Georgia,serif;font-size:32px;font-weight:600}label{margin:16px 0 6px;font-weight:600;display:block}input{width:100%;min-height:48px;font:inherit;border:1px solid var(--text-3);border-radius:4px;padding:10px 12px}button,.button{width:100%;min-height:48px;font:inherit;color:#fff;background:var(--rot);cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;margin-top:16px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--rot-dunkel)}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--tinte);background:var(--grund-2);border:1px solid var(--linie)}.hint{color:var(--text-2)}.notice{background:var(--grund-2);border-left:4px solid var(--rot);border-radius:4px;padding:12px 16px}.error{color:var(--rot);font-weight:600}.divider{border-top:1px solid var(--linie);margin:32px 0 0}:focus-visible{outline:3px solid var(--tinte);outline-offset:2px}