*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#111;background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:#1E6BFF;text-decoration:none}a:hover{text-decoration:underline}
.kopf{display:flex;align-items:center;gap:10px;max-width:880px;margin:0 auto;padding:22px 20px}
.kopf img{width:34px;height:34px;border-radius:9px}.kopf b{font-size:19px;letter-spacing:-.3px}
.kopf nav{margin-left:auto;display:flex;gap:18px;font-size:15px}.kopf nav a{color:#555}
main{max-width:880px;margin:0 auto;padding:20px 20px 60px}
.held{text-align:center;padding:60px 0 40px}
.held img{width:112px;height:112px;border-radius:26px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.held h1{font-size:44px;letter-spacing:-1.2px;line-height:1.1;margin:26px 0 12px}
.held p{font-size:19px;color:#555;max-width:560px;margin:0 auto}
.knopf{display:inline-block;background:#111;color:#fff;border:0;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;margin-top:26px;font-family:inherit}
.knopf:hover{text-decoration:none;opacity:.88}.knopf:disabled{opacity:.35;cursor:default}
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:30px}
.karte{border:1px solid #eee;border-radius:18px;padding:20px}
.karte i{display:block;width:12px;height:12px;border-radius:4px;margin-bottom:12px}
.karte h3{font-size:17px;margin-bottom:4px}.karte p{color:#666;font-size:15px}
.text h1{font-size:34px;letter-spacing:-.8px;margin:20px 0 20px}
.text h2{font-size:20px;margin:30px 0 8px}.text p,.text li{color:#333;margin-bottom:10px}.text ul{padding-left:20px}
.mitte{max-width:420px;margin:50px auto;text-align:center}
.mitte img{width:72px;height:72px;border-radius:18px}
.mitte h1{font-size:28px;letter-spacing:-.6px;margin:20px 0 8px}.mitte p{color:#555}
.feld{width:100%;border:1px solid #ddd;border-radius:12px;padding:14px;font-size:16px;margin-top:12px;font-family:inherit}
.feld:focus{outline:none;border-color:#1E6BFF}
.regeln{text-align:left;font-size:14px;color:#888;margin-top:12px;list-style:none}.regeln li.ok{color:#22C27A}
.regeln li::before{content:"○ "}.regeln li.ok::before{content:"✓ "}
.meldung{margin-top:16px;font-size:15px}.meldung.fehler{color:#FF4D4D}
.fuss{border-top:1px solid #eee;max-width:880px;margin:0 auto;padding:24px 20px;font-size:14px;color:#888;display:flex;gap:18px;flex-wrap:wrap}.fuss a{color:#888}
@media(max-width:600px){.held h1{font-size:34px}.kopf nav{display:none}}