:root{--o:#ff9500;--y:#ffe600}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;font-family:Archivo,sans-serif;color:#111;background:#fff9eb;background-image:radial-gradient(#b9b4a7 1px,transparent 1px);background-size:18px 18px}.karte{width:min(100%,520px);padding:clamp(20px,5vw,40px);border:4px solid #111;background:white;box-shadow:8px 8px 0 #111}h1{font-family:'Archivo Black',sans-serif;font-size:clamp(27px,7vw,40px);margin:0 0 24px;overflow-wrap:anywhere}p{line-height:1.5;overflow-wrap:anywhere}label{display:block;font-weight:800;margin-bottom:10px}input:not([type=checkbox]){width:100%;border:4px solid #111;padding:14px;font:inherit;margin-bottom:20px;min-width:0}button,.kachel{display:block;width:100%;border:4px solid #111;padding:15px;margin:14px 0;background:var(--o);box-shadow:4px 4px 0 #111;font:800 18px Archivo,sans-serif;text-align:center;color:#111;text-decoration:none;cursor:pointer}button:hover,.kachel:hover{background:var(--y)}a{color:#111;font-weight:800}button.klein{font-size:14px;background:white}.haken{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}.haken input{margin-top:4px;flex-shrink:0}.stand{background:var(--y);border:4px solid;padding:16px;margin-bottom:24px;display:grid;gap:12px}:focus-visible{outline:3px solid #7047eb;outline-offset:4px}