[hidden]{display:none!important}.start-link{display:inline-block;margin-bottom:.5rem}.groups{display:flex;gap:.6rem;flex-wrap:wrap}.groups button[aria-pressed=true],#tasks button.current{background:#006b78;color:white}#tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem}#tasks button{text-align:left;line-height:1.4;min-height:65px;font-size:.92rem}#tasks small{display:block}#task{scroll-margin-top:1rem}#task-title:focus{outline:none}.rules{max-width:76ch;font-size:1.07rem}.rules p{margin:.5rem 0}.visual{margin:1.5rem 0}.visual:empty{display:none}.visual figure{margin:1rem auto;text-align:center;max-width:820px}.visual img{display:block;height:auto;max-width:100%;max-height:530px;width:auto;margin:auto;object-fit:contain}.visual figcaption{font-weight:bold}.picture-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.picture-four img{max-height:130px}.five-labels{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;max-width:820px;margin:-.8rem auto 1rem}table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem;line-height:1.5}caption{text-align:left;font-weight:bold;margin:.5rem 0}td,th{border:1px solid #aac4cd;padding:.55rem .7rem;text-align:left;overflow-wrap:anywhere}thead{background:#e8f4f6}tbody th{font-weight:600}fieldset{border:0;padding:0;margin:1.5rem 0}legend{font-size:1.2rem;font-weight:bold;line-height:1.4;margin-bottom:1rem}#options{display:grid;gap:.7rem}.choice{display:flex;gap:.8rem;align-items:flex-start;border:2px solid #bbd0d7;border-radius:.65rem;padding:1rem;cursor:pointer;background:white;line-height:1.55;min-width:0}.choice:hover{background:#f1f8f9}.choice:has(input:checked){border-color:#007b87;background:#edf7f8}.choice:focus-within{outline:3px solid #e2a323;outline-offset:2px}.choice input{flex:none;width:1.25rem;height:1.25rem;margin:.25rem 0 0;accent-color:#007b87}.choice-text{white-space:pre-line}.choice-body{min-width:0;flex:1}.choice-letter{font-weight:bold;color:#006b78;margin-right:.4rem}.choice figure{margin:.5rem 0 0}.choice img{width:100%;max-width:360px;height:auto;display:block;margin:auto}.choice table{font-size:.9rem;margin:.6rem 0 0}.choice table td,.choice table th{padding:.35rem}.option-pictures{grid-template-columns:1fr 1fr!important}.feedback{font-weight:bold;min-height:1.6rem}.feedback.ok{color:#17643c}.feedback.retry{color:#953628}.solution{background:#edf7f8;border-left:5px solid #007b87;padding:1rem 1.3rem;margin-top:1rem}.solution h3{margin-top:0}.source{font-size:.82rem;color:#49626d;margin-top:1.5rem}.help{font-size:.85rem}summary{cursor:pointer;font-weight:bold}.tools{gap:.55rem}button:disabled{opacity:.55;cursor:default}footer{overflow-wrap:anywhere}.balls{border:3px solid #84a5b3;border-radius:3rem;display:flex;gap:.7rem;width:max-content;padding:.7rem 1rem}.ball{border:2px solid #344f5c;border-radius:50%;width:50px;height:50px}.ball.black{background:#354954}.ball.white{background:white}.sixteen-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:300px;margin:1rem auto}.sixteen-grid span{border:1px solid #74919b;text-align:center;padding:.4rem;background:#fbf1d2}.beads{display:flex;flex-wrap:wrap;gap:.4rem}.beads span{background:#fff2b2;border:1px solid #a49760;border-radius:50%;width:2.5rem;height:2.5rem;display:grid;place-items:center;font-weight:bold}.cookie-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:270px;margin:1rem auto}.cookie-grid span{border:1px solid #9e987a;background:#fff1c5;min-height:65px;display:grid;place-items:center;font-size:1.1rem}.cookie-grid span:nth-child(7){background:#7b6958;color:white;font-weight:bold}@media(max-width:600px){header,main,footer{padding:1rem}.intro{padding:1rem}#tasks{grid-template-columns:1fr 1fr}#tasks button{font-size:.82rem;padding:.6rem}.groups button,.tools button,.tools a{font-size:.85rem}.choice{padding:.75rem;gap:.6rem}.option-pictures{grid-template-columns:1fr!important}table{font-size:.85rem}td,th{padding:.4rem}.picture-four{gap:.3rem}.visual img{max-height:420px}}@media print{@page{size:A4;margin:12mm}header,footer,main>:not(#task),#task .tools,#task #check,#feedback,#show,#solution,#storage{display:none!important}#task{display:block!important;margin:0;padding:0;border:0}#task h2{font-size:17pt}.rules{font-size:11pt}.visual img{max-height:80mm}legend{font-size:12pt}.choice{padding:.3rem;border:1px solid #aaa;break-inside:avoid;font-size:10pt}.choice img{max-width:55mm}.choice table{font-size:9pt}.option-pictures{grid-template-columns:1fr 1fr!important}.source{font-size:8pt}table{font-size:10pt}.visual{break-inside:avoid}}

.reset-button{border:2px solid #9b3830;background:#fff5f2;color:#842b25;font-weight:bold}.reset-button:hover{background:#fbe3dc}#reset-status:not(:empty){font-weight:bold;color:#17643c}

#reset-status[data-error=true]{color:#953628}

#solution-answer{white-space:pre-line}

@media print{body{display:none!important}}

/* Zusätzlicher Raum über und unter Buchstaben, auch bei abweichenden Browserschriften. */
.choice{line-height:1.85;padding:1.1rem 1rem;overflow:visible}
.choice-body{display:block;padding-block:.15rem;overflow:visible}
.choice-text{display:block;line-height:1.85;padding-block:.15rem;overflow:visible}
.choice-letter{display:inline-block;line-height:1.85;padding-block:.1rem;vertical-align:baseline;overflow:visible}
.choice input{margin-top:.65rem}
#tasks button{line-height:1.7;min-height:76px;padding-block:.8rem;overflow:visible}
.groups button,.tools button,.tools a{line-height:1.7;padding-block:.75rem;overflow:visible}
.visual figcaption,.five-labels{line-height:1.9;padding-block:.3rem;overflow:visible}
.five-labels{margin:.25rem auto 1rem}
legend{line-height:1.65;padding-block:.25rem}
@media(max-width:600px){.choice{padding:1rem .75rem}.choice-text,.choice-letter{line-height:1.9}}

.work-modes{display:flex;gap:.8rem;flex-wrap:wrap}.work-modes button{line-height:1.8;padding:.8rem 1.2rem;font-weight:bold}.work-modes button[aria-selected=true],#scratch-tasks button[aria-current=true]{background:#006b78;color:white}
#scratch-tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem}#scratch-tasks button{line-height:1.7;min-height:80px;text-align:left;padding:.8rem}
#scratch-task li{padding:.4rem 0;line-height:1.85}.scratch-help{border-left:5px solid #007b87;background:#edf7f8;padding:1rem 1.3rem;margin:1.5rem 0}.scratch-help h3{margin-top:0}#scratch-help-links{display:flex;flex-wrap:wrap;gap:.7rem}#scratch-help-links a,.scratch-editor{display:inline-block;border:1px solid #007b87;border-radius:.55rem;background:white;padding:.75rem 1rem;line-height:1.8;text-decoration:none}#scratch-title:focus,#scratch-heading:focus{outline:none}@media(max-width:600px){.work-modes{display:grid;grid-template-columns:1fr}.work-modes button{text-align:left}#scratch-tasks{grid-template-columns:1fr}.scratch-help{padding:1rem}#scratch-help-links a{width:100%}}

.original-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.original-grid figure{min-width:0}.original-grid img{max-height:340px}@media(max-width:600px){.original-grid{grid-template-columns:1fr}.original-grid img{max-height:260px}}

@media(max-width:600px){.picture-four{grid-template-columns:repeat(2,minmax(0,1fr))}}