:root{--marineblau: #12304f;--amber: #f0a83c;--gruen: #55b489;--linkblau: #0e5f8a;--warnrot: #b23b3b;--amber-tint: #fbe3c6;--gruen-tint: #e9f5ee;--buehne: #e7ebee;--flaeche: #f5f6f6;--chip: #eef1f4;--rahmen: #dbe2ea;--text-primaer: #12304f;--text-sekundaer: #5d6b7a;--text-tertiaer: #7d8794;--text-platzhalter: #9fb0be;--text-auf-dunkel: #f5f6f6;--a4: 4px;--a6: 6px;--a8: 8px;--a10: 10px;--a12: 12px;--a14: 14px;--a16: 16px;--a18: 18px;--a22: 22px;--a30: 30px;--radius-karte: 16px;--radius-chip: 9px;--radius-knopf: 13px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--buehne);color:var(--text-primaer);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}h1{font-size:22px;font-weight:600;line-height:1.3;margin:0 0 var(--a10)}h2{font-size:18px;font-weight:600;line-height:1.35;margin:0 0 var(--a10)}h3{font-size:15px;font-weight:600;margin:0 0 var(--a6)}p{margin:0 0 var(--a12)}a{color:var(--linkblau);text-decoration:none}a:hover{text-decoration:underline}small{font-size:11px;color:var(--text-tertiaer)}.seite{max-width:680px;margin:0 auto;padding:var(--a30) var(--a18) 60px}.seite--breit{max-width:1000px}.karte{background:var(--flaeche);border:1px solid var(--rahmen);border-radius:var(--radius-karte);padding:var(--a18);margin-bottom:var(--a14)}.karte--waehlbar{font:inherit;color:inherit;display:block}.karte--waehlbar:hover:not(:disabled){border-color:var(--marineblau)}.karte--waehlbar:disabled{opacity:.6;cursor:progress}.karte--dunkel{background:var(--marineblau);border-color:var(--marineblau);color:var(--text-auf-dunkel)}.karte--dunkel h1,.karte--dunkel h2,.karte--dunkel h3{color:var(--text-auf-dunkel)}.hinweis{background:var(--amber-tint);border-radius:var(--radius-chip);padding:var(--a12) var(--a14);margin-bottom:var(--a14)}.erfolg{background:var(--gruen-tint);border-radius:var(--radius-chip);padding:var(--a12) var(--a14);margin-bottom:var(--a14)}.fehler{background:var(--chip);border-left:3px solid var(--amber);border-radius:var(--radius-chip);padding:var(--a12) var(--a14);margin-bottom:var(--a14);color:var(--text-sekundaer)}.sekundaer{color:var(--text-sekundaer)}.tertiaer{color:var(--text-tertiaer);font-size:11px}.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--a22);border:none;border-radius:var(--radius-knopf);background:var(--marineblau);color:var(--text-auf-dunkel);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.knopf:hover:not(:disabled){background:#0d2440}.knopf:disabled{background:var(--chip);color:var(--text-platzhalter);cursor:not-allowed}.knopf--zweit{background:transparent;border:1px solid var(--rahmen);color:var(--marineblau)}.knopf--zweit:hover:not(:disabled){background:var(--chip)}.knopf--voll{width:100%}.reiter{display:flex;flex-wrap:wrap;gap:var(--a6);border-bottom:1px solid var(--rahmen);margin-bottom:var(--a22)}.reiter__knopf{min-height:44px;padding:0 var(--a14);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-sekundaer);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.reiter__knopf:hover{color:var(--marineblau)}.reiter__knopf--aktiv{color:var(--marineblau);border-bottom-color:var(--marineblau)}.feld{display:block;width:100%;min-height:48px;padding:0 var(--a14);border:1px solid var(--rahmen);border-radius:var(--radius-knopf);background:#fff;color:var(--text-primaer);font:inherit;font-size:14px}.feld::placeholder{color:var(--text-platzhalter)}.feld:focus{outline:2px solid var(--linkblau);outline-offset:-1px}.feld--code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:17px;letter-spacing:.09em;text-align:center;text-transform:uppercase}.beschriftung{display:block;font-size:12px;font-weight:500;color:var(--text-sekundaer);margin-bottom:var(--a6)}.feldgruppe{margin-bottom:var(--a16)}.marke{display:inline-flex;align-items:center;gap:var(--a10);font-size:17px}.marke__wortmarke-nika{font-weight:700;color:var(--marineblau)}.marke__wortmarke-punkt{font-weight:700;color:var(--amber)}.marke__wortmarke-app{font-weight:400;color:var(--text-sekundaer)}.marke__zeichen{position:relative;width:39px;height:26px;flex:none}.marke__zeichen-kreis{position:absolute;top:0;left:0;width:26px;height:26px;border-radius:50%;background:var(--amber)}.marke__zeichen-ring{position:absolute;top:0;left:13px;width:26px;height:26px;border-radius:50%;border:3px solid var(--marineblau);box-sizing:border-box}.kopfzeile{display:flex;align-items:center;justify-content:space-between;gap:var(--a14);margin-bottom:var(--a22);flex-wrap:wrap}.tabelle{width:100%;border-collapse:collapse;font-size:12px}.tabelle th{text-align:left;font-weight:600;color:var(--text-sekundaer);padding:var(--a8) var(--a10);border-bottom:1px solid var(--rahmen);white-space:nowrap}.tabelle td{padding:var(--a8) var(--a10);border-bottom:1px solid var(--rahmen)}.tabelle tr:last-child td{border-bottom:none}.einzeiler{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.merkmal{display:inline-block;padding:2px var(--a8);border-radius:var(--radius-chip);background:var(--chip);font-size:11px;font-weight:500;color:var(--text-sekundaer)}.merkmal--erfolg{background:var(--gruen-tint);color:#2f6b4f}.merkmal--wartend{background:var(--amber-tint);color:#7a521a}.reihe{display:flex;gap:var(--a10);flex-wrap:wrap}.trenner{height:1px;background:var(--rahmen);border:none;margin:var(--a18) 0}.kartenraster{display:grid;grid-template-columns:1fr;gap:var(--a18);margin-bottom:var(--a18)}@media(min-width:860px){.kartenraster{grid-template-columns:1fr 1fr}}.kartenraster>.karte{margin-bottom:0}