:root{--akzent:#1f2937;--akzent-text:#ffffff;--grund:#ffffff;--grund-leise:#f6f5f3;--text:#1c1917;--text-leise:#6b6560;--kante:#e3e0dc;--radius:10px;--schrift-titel:system-ui,-apple-system,"Segoe UI",sans-serif;--schrift-text:system-ui,-apple-system,"Segoe UI",sans-serif;--kurve:cubic-bezier(0.2,0.7,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--grund);color:var(--text);font-family:var(--schrift-text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--schrift-titel);line-height:1.25;text-wrap:balance;margin:0}h2{font-size:clamp(1.25rem,1rem + 1vw,1.6rem)}h2,h3{font-weight:600}h3{font-size:1.05rem}p{margin:0}.modul{max-width:760px;margin:0 auto;padding:8px 16px 28px}.modul.breit{max-width:1120px}.fortschritt{display:flex;gap:6px;margin:4px 0 20px}.fortschritt span{height:3px;flex:1 1;border-radius:2px;background:var(--kante);transition:background .4s var(--kurve)}.fortschritt span.da{background:var(--akzent)}.frage{margin-bottom:26px}.frage>h2{margin-bottom:4px}.hilfe{color:var(--text-leise);font-size:.92rem;margin-bottom:14px}.mehrfach-hinweis{display:inline-block;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-leise);border:1px solid var(--kante);border-radius:999px;padding:2px 9px;margin-bottom:12px}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:10px;gap:10px}.kachel{display:flex;align-items:flex-start;gap:10px;text-align:left;width:100%;background:var(--grund);color:var(--text);border:1px solid var(--kante);border-radius:var(--radius);padding:13px 14px;font:inherit;cursor:pointer;transition:border-color .25s var(--kurve),box-shadow .25s var(--kurve),transform .25s var(--kurve)}.kachel:hover{border-color:var(--akzent);transform:translateY(-1px)}.kachel:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.kachel.gewaehlt{border-color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent)}.marke{flex:0 0 18px;height:18px;margin-top:2px;border:1.5px solid var(--kante);background:var(--grund);display:grid;place-items:center;transition:all .2s var(--kurve)}.marke.rund{border-radius:50%}.marke.eckig{border-radius:4px}.kachel.gewaehlt .marke{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}.marke svg{width:12px;height:12px;opacity:0;transition:opacity .2s var(--kurve)}.kachel.gewaehlt .marke svg{opacity:1}.kachel-text{display:flex;flex-direction:column;gap:2px;min-width:0}.kachel-text b{font-weight:600}.kachel-text small{color:var(--text-leise);font-size:.84rem}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--akzent);color:var(--akzent-text);border:1px solid var(--akzent);border-radius:var(--radius);padding:12px 22px;font:inherit;font-weight:600;cursor:pointer;transition:opacity .2s var(--kurve),transform .2s var(--kurve)}.knopf:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.knopf:disabled{opacity:.45;cursor:not-allowed;transform:none}.knopf.leise{background:transparent;color:var(--text);border-color:var(--kante)}.leiste{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--kante);margin-top:22px}.leiste .weg{margin-left:auto}.ablage{border:1.5px dashed var(--kante);border-radius:var(--radius);padding:34px 20px;text-align:center;cursor:pointer;transition:border-color .25s var(--kurve),background .25s var(--kurve)}.ablage.drueber,.ablage:hover{border-color:var(--akzent);background:var(--grund-leise)}.fotos{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.fotos figure{margin:0;position:relative}.fotos img{width:104px;height:104px;object-fit:cover;border-radius:var(--radius);display:block}.fotos button{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;border:1px solid var(--kante);background:var(--grund);color:var(--text);cursor:pointer;line-height:1;font-size:13px}.warten{text-align:center;padding:30px 0}.warten img{max-width:320px;width:100%;border-radius:var(--radius);opacity:.5;filter:blur(1px)}.balken{height:3px;background:var(--kante);border-radius:2px;overflow:hidden;margin:20px auto 0;max-width:320px}.balken i{display:block;height:100%;background:var(--akzent);width:0;transition:width .6s var(--kurve)}.ergebnis{display:grid;grid-gap:22px;gap:22px}@media (min-width:900px){.ergebnis{grid-template-columns:1.15fr 1fr;align-items:start}}.ergebnis img.gross{width:100%;border-radius:var(--radius);display:block}.beleg{display:flex;gap:12px;align-items:center;margin-top:12px}.beleg img{width:132px;border-radius:8px;display:block}.beleg span{color:var(--text-leise);font-size:.88rem}.feld{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.feld label{font-size:.88rem;color:var(--text-leise)}.feld input,.feld textarea{font:inherit;color:var(--text);background:var(--grund);border:1px solid var(--kante);border-radius:var(--radius);padding:10px 12px}.feld input:focus,.feld textarea:focus{outline:2px solid var(--akzent);outline-offset:-1px;border-color:var(--akzent)}.zustimmung{display:flex;gap:9px;align-items:flex-start;font-size:.86rem;margin:6px 0 14px}.hinweis,.zustimmung{color:var(--text-leise)}.hinweis{background:var(--grund-leise);border:1px solid var(--kante);border-radius:var(--radius);padding:11px 13px;font-size:.88rem;margin:12px 0}.fehler{border-color:#c0553f;color:#8c3a28}.kennzeichnung{font-size:.78rem;color:var(--text-leise);margin-top:9px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.lp-innen{max-width:820px;margin:0 auto;padding:0 20px}.lp-kopf{border-bottom:1px solid var(--kante);padding:16px 0;background:var(--grund)}.lp-kopf .lp-innen{display:flex;align-items:baseline;gap:10px}.lp-kopf strong{font-family:var(--schrift-titel);font-size:1.05rem}.lp-kopf span{color:var(--text-leise);font-size:.9rem}.lp-aufmacher{padding:40px 0 8px}.lp-aufmacher h1{font-family:var(--schrift-titel);font-size:clamp(1.7rem,1.2rem + 2.2vw,2.5rem);line-height:1.15;font-weight:600;margin-bottom:12px;text-wrap:balance}.lp-aufmacher p{max-width:58ch;font-size:1.05rem}.lp-klein{font-size:.9rem;margin-top:8px}.lp-fuss,.lp-klein{color:var(--text-leise)}.lp-fuss{border-top:1px solid var(--kante);margin-top:48px;padding:22px 0 40px;font-size:.86rem}.lp-fuss p{margin-bottom:5px}.lp-fuss a{color:inherit}.start{padding:56px 20px 72px}.start-innen{max-width:760px;margin:0 auto}.start-marke{letter-spacing:.01em;color:var(--text-leise);margin-bottom:26px}.start h1,.start-marke{font-family:var(--schrift-titel)}.start h1{font-size:clamp(1.9rem,1.3rem + 2.6vw,2.9rem);line-height:1.12;font-weight:600;margin-bottom:16px}.start-vorspann{font-size:1.1rem;max-width:60ch;margin-bottom:40px}.start-gegenueber{display:grid;grid-gap:14px;gap:14px;margin-bottom:36px}@media (min-width:680px){.start-gegenueber{grid-template-columns:1fr 1fr}}.start-alt,.start-neu{border:1px solid var(--kante);border-radius:var(--radius);padding:20px 22px}.start-alt{background:var(--grund-leise)}.start-neu{border-color:var(--akzent)}.start-etikett{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-leise);margin-bottom:12px}.start-neu .start-etikett{color:var(--akzent)}.start-alt p,.start-neu p{margin-bottom:7px}.start-durchgestrichen{text-decoration:line-through;text-decoration-thickness:2px;color:var(--text-leise)}.start-fussnote{font-size:.86rem;color:var(--text-leise);margin-top:14px!important;padding-top:12px;border-top:1px solid var(--kante)}.start-schluss{color:var(--text-leise);max-width:62ch;margin-bottom:28px}.start-klein{font-size:.88rem;color:var(--text-leise)}.start-klein a{color:inherit}