*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:#f7f6f2;color:#1d1d1b;font:1rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere}
main{max-width:52rem;margin:0 auto;padding:2rem 1rem 3rem}
h1{font-size:clamp(1.7rem,4vw,2.3rem);margin:.2rem 0 .3rem}
a{color:#1F5D4C}.ober a{font-size:.9rem}.unter{margin:0 0 1rem}
button,select,input,textarea{font:inherit;color:inherit}
.modi{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.modi button{border:1px solid #bdb8ab;background:#fff;border-radius:2rem;padding:.4rem .9rem;cursor:pointer}
.modi button[aria-selected=true]{background:#1F5D4C;border-color:#1F5D4C;color:#fff}
.ansatz{font-size:.9rem;color:#55534c;min-height:1.4em;margin:.2rem 0 .8rem}
.auswahl{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;background:#fff;border:1px solid #ddd9cf;border-radius:.5rem;padding:.7rem}
.auswahl label{display:flex;flex-direction:column;font-size:.82rem;color:#55534c;min-width:0;flex:1 1 11rem}
.auswahl label.haken{flex-direction:row;align-items:center;gap:.4rem;flex:0 1 auto;color:inherit;font-size:.92rem}
select{padding:.45rem;border:1px solid #bdb8ab;border-radius:.4rem;background:#fff;max-width:100%}
.los{background:#1F5D4C;color:#fff;border:0;border-radius:.4rem;padding:.55rem 1rem;cursor:pointer}
.flaeche{margin:1rem 0}
.karte{background:#fff;border:1px solid #ddd9cf;border-radius:.6rem;padding:1rem}
.stand{font-size:.82rem;color:#6b685f;margin:0 0 .4rem}
.frage{font-size:1.08rem;font-weight:600;margin:.2rem 0 .8rem}
.optionen{display:grid;gap:.45rem}
.optionen button,.knoepfe button{text-align:left;border:1px solid #bdb8ab;background:#fafaf7;border-radius:.4rem;padding:.55rem .75rem;cursor:pointer}
.optionen button:hover:not(:disabled),.knoepfe button:hover:not(:disabled){border-color:#1F5D4C}
.optionen button.gewaehlt{border:2px solid #1F5D4C}
.optionen button.richtig{background:#e3f1ea;border-color:#1F5D4C}
.optionen button.falsch{background:#f7e4dc;border-color:#8A4B1F}
.knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}
.rueck{margin:.8rem 0 0;padding:.6rem .8rem;border-radius:.4rem;background:#f2f1ec}
.rueck.gut{border-left:4px solid #1F5D4C}.rueck.schlecht{border-left:4px solid #8A4B1F}
.weiter{background:#1F5D4C;color:#fff;border:0;border-radius:.4rem;padding:.5rem 1rem;cursor:pointer;margin-top:.8rem}
.vorschlag{border-left:4px solid #bdb8ab;padding:.4rem .8rem;margin:.4rem 0;background:#fafaf7}
input[type=text]{border:1px solid #bdb8ab;border-radius:.4rem;padding:.5rem .7rem;width:12rem;max-width:100%}
textarea{width:100%;min-height:6rem;border:1px solid #bdb8ab;border-radius:.4rem;padding:.5rem}
.memory{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem}
.memory button{min-height:6.2rem;border:1px solid #bdb8ab;border-radius:.5rem;background:#1F5D4C;color:#1F5D4C;padding:.5rem;font-size:.85rem;cursor:pointer;line-height:1.3}
.memory button.offen{background:#fff;color:inherit}
.memory button.erklaerung.offen{background:#fafaf7}
.memory button.gefunden{background:#e3f1ea;color:inherit;border-color:#1F5D4C;cursor:default}
.ergebnis ul{padding-left:1.1rem}.ergebnis li{margin:.3rem 0}
.zahlen{display:flex;flex-wrap:wrap;gap:1rem;margin:.5rem 0}.zahlen div{background:#f2f1ec;border-radius:.4rem;padding:.4rem .8rem}
.zahlen strong{display:block;font-size:1.4rem;color:#1F5D4C}
.leer{color:#6b685f}
.hinweis{font-size:.88rem;color:#55534c;border-top:1px solid #ddd9cf;padding-top:.8rem;margin-top:2rem}
.pruefkopf{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;background:#1F5D4C;color:#fff;border-radius:.5rem;padding:.5rem .8rem;margin-bottom:.8rem}
.pruefkopf strong{font-variant-numeric:tabular-nums}
.pruefaufgabe{border:1px solid #ddd9cf;border-radius:.5rem;padding:.7rem .9rem;margin:.6rem 0;background:#fff}
.pruefaufgabe fieldset{border:0;padding:0;margin:.3rem 0}.pruefaufgabe label{display:block;margin:.25rem 0;cursor:pointer}
.pruefaufgabe.richtig{border-left:5px solid #1F5D4C}.pruefaufgabe.falsch{border-left:5px solid #8A4B1F}
table.jekurs{border-collapse:collapse;width:100%;font-size:.92rem;margin:.6rem 0}table.jekurs td,table.jekurs th{border-bottom:1px solid #ddd9cf;padding:.3rem .4rem;text-align:left}
.ergebnisblatt{border:2px solid #1F5D4C;border-radius:.5rem;padding:.8rem 1rem;margin:1rem 0;background:#fff}
.ergebnisblatt h3{margin:.1rem 0 .5rem}.ergebnisblatt dl{display:grid;grid-template-columns:minmax(7rem,11rem) 1fr;gap:.25rem .8rem;margin:.4rem 0;font-size:.92rem}
.ergebnisblatt dt{color:#55534c}.ergebnisblatt dd{margin:0;overflow-wrap:anywhere}
.knopf-link{display:inline-block;border:1px solid #bdb8ab;background:#fafaf7;border-radius:.4rem;padding:.55rem .75rem;color:inherit;text-decoration:none}
.protokollpruefung{border:1px solid #ddd9cf;border-radius:.5rem;padding:.5rem .8rem;margin:.6rem 0;background:#fff}.protokollpruefung summary{cursor:pointer}
@media (max-width:480px){.ergebnisblatt dl{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}.ergebnisblatt,.ergebnisblatt *{visibility:visible}.ergebnisblatt{position:absolute;left:0;top:0;width:100%;border:0}.ergebnisblatt .knoepfe{display:none}}