@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Zilla Slab;src:url(/fonts/zilla-slab-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Zilla Slab;src:url(/fonts/zilla-slab-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Zilla Slab;src:url(/fonts/zilla-slab-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--heft:#21409a;--heft-deep:#17307a;--heft-soft:#4a68b8;--paper:#fdfdfb;--surface:#fff;--grid:#c9d8ee;--grid-strong:#a8c0e4;--pencil:#39404a;--pencil-soft:#79818c;--muted:#69717f;--hairline:#e2e5ec;--rot:#d62828;--stempel:#1f8a5b;--red:#c0322b;--red-wash:#fbedec;--green:#2c7355;--green-wash:#eaf3ee;--gold:#e29112;--gold-wash:#fdf0dc;--ink:var(--heft-deep);--ink-soft:var(--heft-soft);--text:var(--pencil);--sheet:#fdfdfb;--sheet-grid:#c9d8ee;--sheet-ink:#17307a;--sheet-ink-soft:#4a68b8;--sheet-text:#39404a;--sheet-gold:#e29112;--kaestchen:30px;--f-display:"Zilla Slab", Georgia, "Times New Roman", serif;--f-body:"Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--step--1:.813rem;--step-0:1rem;--step-1:1.19rem;--step-2:1.5rem;--step-3:2rem;--step-4:2.6rem;--radius:4px}[data-klasse=klasse-1]{--kaestchen:38px}[data-klasse=klasse-2]{--kaestchen:30px}[data-klasse=klasse-3]{--kaestchen:23px}*{box-sizing:border-box}html{color-scheme:light}body{background:var(--paper);color:var(--text);font-family:var(--f-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img{max-width:100%}a{color:var(--ink)}.page{flex-direction:column;gap:2.5rem;max-width:47rem;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex}.masthead{background:var(--heft);border-bottom:1px solid var(--heft-deep)}.masthead-inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;max-width:47rem;margin:0 auto;padding:1rem 1.25rem;display:flex}.wordmark{font-family:var(--f-display);font-weight:700;font-size:var(--step-1);color:#fff;letter-spacing:-.01em;text-decoration:none}.crumbs{font-size:var(--step--1);color:#ffffffbf}.crumbs a{color:#fff}.skill-head{background:var(--sheet);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;gap:.65rem;margin-top:-1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 1px 4px #17307a1f}.eyebrow{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.09em;color:var(--sheet-ink-soft);margin:0;font-weight:700}h1{font-family:var(--f-display);font-weight:600;font-size:var(--step-4);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0;line-height:1.1}.skill-head h1{color:var(--sheet-ink)}.skill-head .lede{color:var(--sheet-text)}.lede{max-width:60ch;font-size:var(--step-1);margin:0}.promise-line{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--step--1);letter-spacing:.06em;color:var(--sheet-gold);margin:.65rem 0 0}.sum{font-variant-numeric:tabular-nums;font-size:var(--step-4);color:var(--ink);flex-direction:column;align-items:flex-end;gap:.1rem;font-weight:700;line-height:1.25;display:flex}.sum-row{align-items:baseline;gap:.55rem;display:flex}.sum-op{text-align:center;width:1.1ch;color:var(--ink-soft);font-weight:400}.sum-digits{letter-spacing:.14em;padding-right:.14em}.sum-rule{background:var(--ink-soft);width:100%;height:2px;margin:.25rem 0 .35rem}.sum.waagerecht{flex-flow:wrap;justify-content:center;align-items:baseline;gap:.55rem}.sum.waagerecht .sum-rule{display:none}.sum.waagerecht .sum-op{width:auto}.practice{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.practice-top{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.counter{font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums}.counter b{color:var(--text)}.progress-group{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.boxes{gap:4px;display:flex}.box{border:1.5px solid var(--grid);border-radius:1px;width:15px;height:15px}.box.right{background:var(--gold);border-color:var(--gold)}.box.wrong{border-color:var(--red);background:var(--red-wash)}.box.current{border-color:var(--ink)}@keyframes box-pop{0%{transform:scale(1)}45%{transform:scale(1.45)}to{transform:scale(1)}}.box.just-solved{animation:.34s ease-out box-pop}.stamp-ladder{gap:6px;display:flex}.ladder-stamp{border:1.5px dashed var(--grid-strong);width:20px;height:20px;color:var(--gold);opacity:.4;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.ladder-stamp.is-reached{opacity:.87;border:3px double}.ladder-stamp .stamp-icon{width:.8em;height:.8em}.ladder-caption{font-size:var(--step--1);color:var(--muted);margin:0}.pad{background-color:var(--sheet);background-image:linear-gradient(to right, var(--sheet-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--sheet-grid) 1px, transparent 1px);background-size:var(--kaestchen) var(--kaestchen);background-position:50%;flex-direction:column;align-items:center;gap:1.4rem;padding:2.2rem 1.1rem 1.8rem;display:flex;position:relative}.pad .sum{color:var(--sheet-ink)}.pad .sum-op{color:var(--sheet-ink-soft)}.pad .sum-rule{background:var(--sheet-ink-soft)}.answer-input{font:inherit;font-size:var(--step-4);font-variant-numeric:tabular-nums;letter-spacing:.14em;color:var(--sheet-text);border:none;border-bottom:2px dashed var(--sheet-ink-soft);text-align:right;background:0 0;border-radius:0;width:5.2ch;padding:0 .14em 0 0;font-weight:700}.answer-input::placeholder{color:var(--sheet-ink-soft);opacity:.55}.answer-input:focus,.answer-input:focus-visible{border-bottom-style:solid;border-bottom-color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent);outline:none}.answer-input.is-correct{border-bottom-style:solid;border-bottom-color:var(--green)}.answer-input.is-wrong{border-bottom-style:solid;border-bottom-color:var(--red)}.rot-korrektur{color:var(--rot);font-family:var(--f-display);margin-left:.35em;font-style:italic;font-weight:700;display:inline-block;transform:rotate(-7deg)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;padding:.6rem 1.5rem;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .15s;display:inline-block}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.btn.ghost{color:var(--ink);background:0 0}.feedback{border-top:1px solid var(--hairline);padding:1rem 1.1rem;display:none}.feedback.show{display:block}.feedback.is-wrong{background:var(--red-wash)}.fb-head{font-family:var(--f-display);font-weight:600;font-size:var(--step-1);margin:0 0 .4rem}.is-wrong .fb-head{color:var(--red)}.fb-body{max-width:62ch;margin:0}.fb-steps{font-variant-numeric:tabular-nums;font-size:var(--step--1);flex-direction:column;gap:.3rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.fb-steps li{border-left:2px solid var(--ink-soft);padding-left:.9rem}.fb-steps b{color:var(--ink)}.summary{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.1rem;display:none}.summary.show{display:flex}.summary-score{flex-direction:column;align-items:center;gap:.5rem;display:flex}.summary-tally{font-family:var(--f-display);font-size:calc(var(--step-4) * 1.35);color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.summary-note{color:var(--muted);max-width:40ch;margin:0}.summary-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.prose{flex-direction:column;gap:2.5rem;margin-top:1.25rem;display:flex}.prose h2{font-family:var(--f-display);font-size:var(--step-2);color:var(--ink);letter-spacing:-.01em;margin:0 0 .75rem;font-weight:600}.prose p{max-width:65ch;margin:0 0 .75rem}.prose p:last-child{margin-bottom:0}.quellen-liste{max-width:65ch;margin:0 0 1rem;padding-left:1.2rem}.quellen-liste li{margin-bottom:.4rem}.quellen-disclaimer{font-size:var(--step--1);color:var(--muted)}.worked{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:flex-start;gap:1.5rem 2.5rem;padding:1.25rem;display:flex}.worked .sum{font-size:var(--step-2)}.worked-steps{flex-direction:column;flex:18rem;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.worked-steps li{align-items:baseline;gap:.7rem;display:flex}.worked-steps .place{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);flex:0 0 7.5rem;font-weight:700}.worked-steps .calc{font-variant-numeric:tabular-nums}.worked-steps .note{color:var(--muted)}.zwanzigerfeld{background:var(--sheet);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.6rem;padding:1rem;display:flex}.zf-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(10,1fr);gap:4px;width:min(100%,22rem);display:grid}.zf-cell{aspect-ratio:1;border:1.5px solid var(--sheet-grid);background:var(--sheet);border-radius:2px}.zf-cell:nth-child(5),.zf-cell:nth-child(15){margin-right:8px}.zf-first{background:var(--sheet-ink);border-color:var(--sheet-ink)}.zf-second{background:var(--sheet-gold);border-color:var(--sheet-gold)}.zf-second-ring{background:var(--sheet-gold);border-color:var(--sheet-gold);box-shadow:inset 0 0 0 2px var(--sheet)}.zf-removed{border-color:var(--rot);background-image:linear-gradient(to top right, transparent calc(50% - 1px), var(--rot) 50%, transparent calc(50% + 1px))}.zf-caption{font-size:var(--step--1);color:var(--sheet-text);font-variant-numeric:tabular-nums;text-align:center;margin:0}.zf-toggle{font:inherit;font-size:var(--step--1);color:var(--ink-soft);border:1px dashed var(--ink-soft);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.35rem .7rem;font-weight:700}.zf-toggle:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.zf-slot{width:100%;display:none}.zf-slot.show{justify-content:center;display:flex}.stamp-slot{pointer-events:none;z-index:2;position:absolute;top:40%;right:8%}@keyframes stamp-land{0%{transform:scale(2.4) rotate(var(--rot));opacity:0}55%{transform:scale(.92) rotate(var(--rot));opacity:.87}to{transform:scale(1) rotate(var(--rot));opacity:.87}}.stamp{font-family:var(--f-display);font-weight:700;font-size:var(--step-1);user-select:none;opacity:.87;transform:rotate(var(--rot,0deg));flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .9rem;line-height:1;animation:.42s cubic-bezier(.2,.9,.3,1.2) stamp-land;display:inline-flex}.stamp-icon{flex:none;width:1.5em;height:1.5em}.stamp--gross{font-size:var(--step-3);padding:.75rem 1.3rem}.stamp--gross .stamp-icon{width:2em;height:2em}.stamp--rechteck{border:4px double;border-radius:6px}.stamp--rund{border:4px double;border-radius:999px}.stamp--motiv{border:none;padding:.2rem .4rem}.stamp--heft{color:var(--heft)}.stamp--stempel{color:var(--stempel)}.stamp--gold{color:var(--gold)}.mistakes{flex-direction:column;gap:1.1rem;display:flex}.mistake{align-items:flex-start;gap:.9rem;display:flex}.mistake-mark{font-family:var(--f-display);color:var(--red);font-weight:700;font-size:var(--step-1);flex:none;line-height:1.35}.mistake p{margin:0}.mistake strong{color:var(--text)}.related{flex-direction:column;display:flex}.related-item{border-bottom:1px solid var(--hairline);color:var(--text);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.7rem 0;text-decoration:none;display:flex}.related-item:hover .related-name{color:var(--ink);text-decoration:underline}.related-name{font-weight:700}.related-grade{font-size:var(--step--1);color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.related-stat{font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.related-row{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:baseline;gap:.15rem 1rem;padding:.7rem 0;display:flex}.related-row .related-name{color:var(--text);font-weight:700;text-decoration:none}.related-row .related-name:hover{color:var(--ink);text-decoration:underline}.related-sheet{font-size:var(--step--1);color:var(--muted);white-space:nowrap;margin-left:auto;text-decoration:none}.related-sheet:hover{color:var(--ink);text-decoration:underline}footer{border-top:1px solid var(--hairline);font-size:var(--step--1);color:var(--muted);max-width:62ch;padding-top:1.25rem}footer p{margin:0 0 .5rem}footer p:last-child{margin-bottom:0}.footer-links a{color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=34rem){:root{--step-4:2.1rem;--step-3:1.7rem}.pad{padding:1.6rem .9rem 1.4rem}}
