:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
body { margin: 0; background: #0b1220; color: #e7eefc; }
.wrap { max-width: 520px; margin: 0 auto; padding: 16px; }
.card { background: #101a33; border: 1px solid #23345f; border-radius: 16px; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
h1 { font-size: 22px; margin: 0 0 12px; }
input { width: 100%; padding: 12px; border-radius: 12px; border: 1px solid #2a3f73; background: #0c1530; color: #e7eefc; }
label { display:block; margin: 12px 0 6px; font-size: 14px; opacity:.9; }
.btn { display:block; width:100%; padding: 14px; border-radius: 16px; border: 0; font-size: 18px; font-weight: 700; cursor:pointer; }
.btn-green { background: #22c55e; color: #06210f; }
.btn-red { background: #ef4444; color: #2a0505; margin-top: 10px; }
.btn-blue { background: #60a5fa; color: #08162a; margin-top: 10px; }
.small { font-size: 13px; opacity:.85; }
table { width:100%; border-collapse: collapse; font-size: 13px; }
td,th { padding: 8px; border-bottom: 1px solid #23345f; text-align:left; vertical-align: top; }
a { color:#93c5fd; text-decoration:none; }
.err { background:#3b0a0a; border:1px solid #7f1d1d; padding:10px; border-radius:12px; margin: 10px 0; }
/* Extra groß für "TOR ÖFFNEN" */
.btn-open{
  padding: 80px 14px;     /* vorher 14px -> jetzt richtig hoch */
  font-size: 28px;        /* größerer Text */
  border-radius: 22px;
}