@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: #ffffff;--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{margin:0;background:var(--paper);color:var(--text);font-family:var(--f-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:var(--ink)}.page{max-width:47rem;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex;flex-direction:column;gap:2.5rem}.masthead{background:var(--heft);border-bottom:1px solid var(--heft-deep)}.masthead-inner{max-width:47rem;margin:0 auto;padding:1rem 1.25rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem}.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{display:flex;flex-direction:column;gap:.65rem;background:var(--sheet);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:0 1px 4px #17307a1f;padding:1.5rem 1.75rem;margin-top:-1.25rem}.eyebrow{margin:0;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.09em;color:var(--sheet-ink-soft);font-weight:700}h1{font-family:var(--f-display);font-weight:600;font-size:var(--step-4);line-height:1.1;letter-spacing:-.015em;margin:0;color:var(--ink);text-wrap:balance}.skill-head h1{color:var(--sheet-ink)}.skill-head .lede{color:var(--sheet-text)}.lede{margin:0;max-width:60ch;font-size:var(--step-1)}.promise-line{margin:.65rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--step--1);letter-spacing:.06em;color:var(--sheet-gold)}.sum{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;font-variant-numeric:tabular-nums;font-size:var(--step-4);font-weight:700;color:var(--ink);line-height:1.25}.sum-row{display:flex;align-items:baseline;gap:.55rem}.sum-op{width:1.1ch;text-align:center;color:var(--ink-soft);font-weight:400}.sum-digits{letter-spacing:.14em;padding-right:.14em}.sum-rule{width:100%;height:2px;background:var(--ink-soft);margin:.25rem 0 .35rem}.sum.waagerecht{flex-direction:row;align-items:baseline;gap:.55rem;flex-wrap:wrap;justify-content:center}.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);display:flex;flex-direction:column;overflow:hidden}.practice-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--hairline)}.counter{font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums}.counter b{color:var(--text)}.progress-group{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}.boxes{display:flex;gap:4px}.box{width:15px;height:15px;border:1.5px solid var(--grid);border-radius:1px}.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:box-pop .34s ease-out}.stamp-ladder{display:flex;gap:6px}.ladder-stamp{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1.5px dashed var(--grid-strong);border-radius:999px;color:var(--gold);opacity:.4}.ladder-stamp.is-reached{border:3px double currentColor;opacity:.87}.ladder-stamp .stamp-icon{width:.8em;height:.8em}.ladder-caption{margin:0;font-size:var(--step--1);color:var(--muted)}.pad{position:relative;padding:2.2rem 1.1rem 1.8rem;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:center;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.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-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.14em;color:var(--sheet-text);background:transparent;border:none;border-bottom:2px dashed var(--sheet-ink-soft);width:5.2ch;text-align:right;padding:0 .14em 0 0;border-radius:0}.answer-input::placeholder{color:var(--sheet-ink-soft);opacity:.55}.answer-input:focus,.answer-input:focus-visible{outline:none;border-bottom-style:solid;border-bottom-color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.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{display:inline-block;margin-left:.35em;color:var(--rot);font-family:var(--f-display);font-style:italic;font-weight:700;transform:rotate(-7deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{font:inherit;font-weight:700;padding:.6rem 1.5rem;border-radius:var(--radius);border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-decoration:none;display:inline-block;transition:transform .08s ease,opacity .15s ease}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.btn.ghost{background:transparent;color:var(--ink)}.feedback{display:none;padding:1rem 1.1rem;border-top:1px solid var(--hairline)}.feedback.show{display:block}.feedback.is-right{background:var(--green-wash)}.feedback.is-wrong{background:var(--red-wash)}.fb-head{margin:0 0 .4rem;font-family:var(--f-display);font-weight:600;font-size:var(--step-1)}.is-right .fb-head:before{content:"✓";margin-right:.4rem;font-weight:700}.is-right .fb-head{color:var(--green);font-size:var(--step-2)}.is-wrong .fb-head{color:var(--red)}.fb-body{margin:0;max-width:62ch}.fb-steps{margin:.8rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem;font-variant-numeric:tabular-nums;font-size:var(--step--1)}.fb-steps li{padding-left:.9rem;border-left:2px solid var(--ink-soft)}.fb-steps b{color:var(--ink)}.summary{display:none;padding:2rem 1.1rem;text-align:center;flex-direction:column;gap:1rem;align-items:center}.summary.show{display:flex}.summary-score{display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-tally{font-family:var(--f-display);font-size:calc(var(--step-4) * 1.35);font-weight:700;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}.summary-note{margin:0;color:var(--muted);max-width:40ch}.summary-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.prose{display:flex;flex-direction:column;gap:2.5rem;margin-top:1.25rem}.prose h2{font-family:var(--f-display);font-size:var(--step-2);font-weight:600;color:var(--ink);margin:0 0 .75rem;letter-spacing:-.01em}.prose p{margin:0 0 .75rem;max-width:65ch}.prose p:last-child{margin-bottom:0}.worked{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:flex-start;padding:1.25rem;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface)}.worked .sum{font-size:var(--step-2)}.worked-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem;flex:1 1 18rem}.worked-steps li{display:flex;gap:.7rem;align-items:baseline}.worked-steps .place{flex:0 0 7.5rem;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.worked-steps .calc{font-variant-numeric:tabular-nums}.worked-steps .note{color:var(--muted)}.zwanzigerfeld{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;background:var(--sheet);border:1px solid var(--hairline);border-radius:var(--radius)}.zf-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(2,1fr);gap:4px;width:min(100%,22rem)}.zf-cell{aspect-ratio:1;border:1.5px solid var(--sheet-grid);border-radius:2px;background:var(--sheet)}.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{margin:0;font-size:var(--step--1);color:var(--sheet-text);font-variant-numeric:tabular-nums;text-align:center}.zf-toggle{font:inherit;font-size:var(--step--1);font-weight:700;color:var(--ink-soft);background:transparent;border:1px dashed var(--ink-soft);border-radius:var(--radius);padding:.35rem .7rem;cursor:pointer}.zf-toggle:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.zf-slot{display:none;width:100%}.zf-slot.show{display:flex;justify-content:center}.stamp-slot{position:absolute;top:40%;right:8%;pointer-events:none;z-index:2}@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{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem .9rem;font-family:var(--f-display);font-weight:700;font-size:var(--step-1);line-height:1;user-select:none;opacity:.87;transform:rotate(var(--rot, 0deg));animation:stamp-land .42s cubic-bezier(.2,.9,.3,1.2)}.stamp-icon{width:1.5em;height:1.5em;flex:none}.stamp--gross{font-size:var(--step-3);padding:.75rem 1.3rem}.stamp--gross .stamp-icon{width:2em;height:2em}.stamp--rechteck{border:4px double currentColor;border-radius:6px}.stamp--rund{border:4px double currentColor;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{display:flex;flex-direction:column;gap:1.1rem}.mistake{display:flex;gap:.9rem;align-items:flex-start}.mistake-mark{flex:0 0 auto;font-family:var(--f-display);font-weight:700;color:var(--red);font-size:var(--step-1);line-height:1.35}.mistake p{margin:0}.mistake strong{color:var(--text)}.related{display:flex;flex-direction:column}.related-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;border-bottom:1px solid var(--hairline);padding:.7rem 0;color:var(--text);text-decoration:none}.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{margin-left:auto;font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums}.related-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem 1rem;border-bottom:1px solid var(--hairline);padding:.7rem 0}.related-row .related-name{color:var(--text);text-decoration:none;font-weight:700}.related-row .related-name:hover{color:var(--ink);text-decoration:underline}.related-sheet{margin-left:auto;font-size:var(--step--1);color:var(--muted);text-decoration:none;white-space:nowrap}.related-sheet:hover{color:var(--ink);text-decoration:underline}footer{border-top:1px solid var(--hairline);padding-top:1.25rem;font-size:var(--step--1);color:var(--muted);max-width:62ch}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(max-width:34rem){:root{--step-4: 2.1rem;--step-3: 1.7rem}.pad{padding:1.6rem .9rem 1.4rem}}