.personal-seite { max-width: 640px; margin: 0 auto; padding: 20px 16px 60px; outline: none; }
.wer { font-size: 15px; color: var(--text-leise); align-self: center; }
.kopf nav { align-items: center; }
.karte { background: #fff; border-radius: var(--radius); padding: 18px; box-shadow: 0 1px 6px rgba(0, 0, 0, .08); margin-bottom: 16px; }
.karte h1, .karte h2 { margin-top: 0; }
.daten { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; margin: 14px 0; }
.daten dt { color: var(--text-leise); }
.daten dd { margin: 0; font-weight: 600; }
.ergebnis { border-radius: var(--radius); padding: 22px 18px; text-align: center; font-size: 22px; font-weight: 700; margin-bottom: 16px; }
.ergebnis-ok { background: #dcefd9; color: #1e4d27; }
.ergebnis-fehler { background: #f9dcdc; color: #7c1515; }
.ergebnis-warn { background: #fff0cf; color: #6a4500; }
.ergebnis .gross { font-size: 46px; display: block; line-height: 1; margin-bottom: 6px; }
.voll { width: 100%; }
.klein { font-size: 15px; color: var(--text-leise); }
.demo-kennung { display: inline-block; background: #fff2c6; color: #6a4a00; border: 1px dashed #b78a1a; border-radius: 8px; padding: 2px 8px; font-size: 13px; font-weight: 700; letter-spacing: .05em; }