*{box-sizing:border-box}body{margin:0;background:#f4f7f4;color:#183c36;font:17px/1.6 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:24px}a{color:#126c61}header{padding:35px;background:#123e36;color:white;border-radius:24px}h1{font-size:clamp(32px,5vw,52px);line-height:1.12;margin:16px 0}h2{line-height:1.25}header p{max-width:700px;color:#dbebe3}.eyebrow{letter-spacing:.12em;font-size:13px;text-transform:uppercase}nav{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0;position:sticky;top:0;background:#f4f7f4;z-index:4}button,.button{border:1px solid #b6cfc4;background:white;color:#183c36;border-radius:12px;padding:12px 16px;font:inherit;cursor:pointer}button:hover,button[aria-selected=true],.primary{background:#176a55;color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #da950a;outline-offset:3px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:white;border:1px solid #dbe5df;border-radius:20px;padding:24px;margin-bottom:18px}.muted{color:#536d64}.tag{font-size:13px;background:#e0f0e6;border-radius:30px;padding:5px 12px;display:inline-block}svg{width:100%;max-height:320px}svg text{font-size:16px;font-weight:bold;fill:#183c36}.choices{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}label{display:block;margin:12px 0}input,select,textarea{max-width:100%;padding:12px;border:1px solid #9bb4a8;border-radius:8px;font:inherit}textarea{width:100%;min-height:100px}progress{width:100%;accent-color:#176a55}.feedback{padding:12px;border-left:4px solid #b5cabc;margin:15px 0;min-height:45px}.good{background:#e0f4e6}.hint{background:#fff5d9;padding:14px;border-radius:12px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #dbe5df}.scroll{overflow:auto}.hidden,[hidden]{display:none!important}.steps{display:flex;gap:20px;flex-wrap:wrap}footer{padding:24px 0;font-size:14px}#qr svg{width:260px;height:260px;background:white} @media(max-width:700px){main{padding:14px}.grid{grid-template-columns:1fr}header,.card{padding:20px}nav{position:static}button{padding:10px}}@media print{nav,header,footer,.noprint{display:none}.card{break-inside:avoid}body{background:white}main{max-width:none}}
.game-column{display:grid;gap:12px}.game-column button{text-align:left;min-height:75px;width:100%}.game-column button[aria-pressed=true],.game-card[aria-pressed=true]{background:#fff0bd;color:#183c36;border:3px solid #9f730d}.game-column button:disabled{opacity:1;background:#e0f4e6;color:#244d35;border:2px solid #497d52;cursor:default}.game-progress{font-weight:700;margin:16px 0}.sort-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sort-group{background:#f2f6f2;border:2px dashed #9bb4a8;border-radius:16px;padding:14px;min-height:190px}.sort-group h3{font-size:17px;min-height:55px;margin-top:0}.sort-group>.button-target{width:100%;font-size:15px}.sort-group .choices{display:grid}.game-card{font-size:16px;text-align:left}.game-card.locked{background:#e0f4e6;border:2px solid #497d52;opacity:1;color:#244d35}.retry{outline:2px solid #b15e22;outline-offset:2px} @media(max-width:750px){.sort-groups{grid-template-columns:1fr}.sort-group{min-height:120px}.sort-group h3{min-height:0}.game-column button{font-size:15px;padding:10px;min-height:90px}#spiele .grid{grid-template-columns:1fr 1fr;gap:10px}}
.research-question{font-size:1.25rem;font-weight:600;max-width:700px}#research textarea{min-height:85px}#recherche details{margin:12px 0}#recherche summary{cursor:pointer;padding:10px;background:#edf4ed;border-radius:8px}.sort-groups{grid-template-columns:repeat(2,1fr)}@media(max-width:650px){.sort-groups{grid-template-columns:1fr}}