:root{--naylo-mint:#34d8b0;--naylo-mint-dunkel:#1fb894;--naylo-mint-hell:#e6faf4;--tinte:#232528;--text:#464a53;--blass:#959ba7;--linie:#d6d8dc;--linie-hell:#ecedef;--grund:#f7f7f8;--weiss:#fff;--rot:#c7442e;--rot-hell:#fdeeeb;--schrift:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--schrift-titel:"Space Grotesk", var(--schrift);--radius:12px}*{box-sizing:border-box}body{background:var(--grund);color:var(--text);font-family:var(--schrift);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:var(--tinte)}.seite{max-width:720px;margin:0 auto;padding:24px 16px 80px}.mitte{place-items:center;min-height:100dvh;padding:24px;display:grid}.karte{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);padding:32px}.karte--schmal{text-align:center;max-width:440px}.marke{font-family:var(--schrift-titel);letter-spacing:-.02em;color:var(--tinte);font-size:20px;font-weight:700}.marke span{color:var(--naylo-mint)}.marke--gross{margin-bottom:20px;font-size:26px}.kopf{margin-bottom:32px}.kopf h1{font-family:var(--schrift-titel);letter-spacing:-.02em;color:var(--tinte);margin:16px 0 8px;font-size:clamp(26px,6vw,34px);line-height:1.2}.unter{color:var(--text);margin:0 0 24px}.balken{background:var(--linie-hell);border-radius:99px;height:8px;overflow:hidden}.balken i{background:var(--naylo-mint);border-radius:99px;height:100%;transition:width .4s;display:block}.balken-text{color:var(--blass);margin:10px 0 0;font-size:14.5px}.balken-text b{color:var(--tinte)}.vorschau{color:var(--naylo-mint-dunkel);margin-top:16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.vorschau:hover{text-decoration:underline}.feld-name{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);margin-bottom:28px;padding:16px 18px}.feld-name label{color:var(--tinte);margin-bottom:8px;font-size:15px;font-weight:600;display:block}.eingabe{border:1px solid var(--linie);width:100%;color:var(--tinte);background:var(--weiss);border-radius:9px;padding:11px 13px;font-family:inherit;font-size:16px}.eingabe:focus{border-color:var(--naylo-mint);box-shadow:0 0 0 3px var(--naylo-mint-hell);outline:none}.eingabe--gross{resize:vertical;min-height:96px;line-height:1.55}.hinweis-klein{color:var(--blass);margin-top:8px;font-size:13.5px;display:block}.gruppe{margin-bottom:36px}.gruppe h2{font-family:var(--schrift-titel);text-transform:uppercase;letter-spacing:.08em;color:var(--blass);margin:0 0 12px;font-size:13px;font-weight:600}.punkt{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);margin-bottom:12px;padding:20px}.punkt.ist-fertig{border-color:var(--naylo-mint);background:#fcfffe}.punkt-kopf{align-items:flex-start;gap:12px;display:flex}.haken{border:2px solid var(--linie);width:22px;height:22px;color:var(--weiss);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:13px;font-weight:700;display:grid}.haken.an{background:var(--naylo-mint);border-color:var(--naylo-mint)}.punkt-titel{flex:1;min-width:0}.punkt-titel h3{font-family:var(--schrift-titel);color:var(--tinte);margin:0 0 6px;font-size:17.5px;line-height:1.35}.marker{background:var(--linie-hell);color:var(--blass);border-radius:99px;margin-right:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.marker--pflicht{color:#b35a16;background:#fff3e8}.marker--gut{background:var(--naylo-mint-hell);color:var(--naylo-mint-dunkel)}.punkt-text{margin:12px 0 0 34px;font-size:15px}.punkt-text p{margin:0 0 10px}.punkt-text ul{margin:0 0 10px;padding-left:20px}.punkt-text li{margin-bottom:4px}.punkt-text code{background:var(--grund);border:1px solid var(--linie-hell);border-radius:5px;padding:1px 5px;font-size:13.5px}.punkt-text strong{color:var(--tinte)}.tab-scroll{margin-bottom:12px;overflow-x:auto}.punkt-text table{border-collapse:collapse;min-width:100%;font-size:14px}.punkt-text th,.punkt-text td{border-bottom:1px solid var(--linie-hell);text-align:left;white-space:nowrap;padding:7px 12px 7px 0}.punkt-text th{color:var(--tinte);font-weight:600}.formate{color:var(--blass);margin:10px 0 0 34px;font-size:13.5px}.dateien{margin:16px 0 0 34px}.datei{border:1px solid var(--linie);background:var(--weiss);border-radius:9px;align-items:center;gap:12px;margin-bottom:8px;padding:11px 14px;display:flex}.datei--laeuft{border-style:dashed}.datei-symbol{font-size:18px}.datei-text{flex:1;min-width:0}.datei-text b{color:var(--tinte);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.datei-text span{color:var(--blass);font-size:13px}.weg{color:var(--blass);cursor:pointer;background:0 0;border:none;flex:none;padding:4px 2px;font-family:inherit;font-size:13.5px;text-decoration:underline}.weg:hover{color:var(--rot)}.ablage{border:2px dashed var(--linie);text-align:center;cursor:pointer;background:var(--grund);border-radius:10px;padding:22px 16px;transition:border-color .15s,background .15s;display:block}.ablage:hover,.ablage.zieht{border-color:var(--naylo-mint);background:var(--naylo-mint-hell)}.ablage input{display:none}.ablage b{color:var(--tinte);font-size:15px;display:block}.ablage span{color:var(--blass);font-size:13.5px}.antwort{margin:16px 0 0 34px}.antwort-fuss{align-items:center;gap:12px;margin-top:8px;display:flex}.gesichert{color:var(--naylo-mint-dunkel);font-size:13.5px;font-weight:600}.optionen{flex-wrap:wrap;gap:8px;margin:16px 0 0 34px;display:flex}.option{border:1px solid var(--linie);background:var(--weiss);color:var(--text);cursor:pointer;text-align:left;border-radius:99px;padding:9px 15px;font-family:inherit;font-size:14.5px}.option:hover{border-color:var(--naylo-mint)}.option.gewaehlt{background:var(--naylo-mint);border-color:var(--naylo-mint);color:var(--tinte);font-weight:600}.bestaetigung{cursor:pointer;align-items:center;gap:10px;margin:16px 0 0 34px;font-size:15px;display:flex}.bestaetigung input{width:20px;height:20px;accent-color:var(--naylo-mint)}.knopf{border:1px solid var(--linie);background:var(--weiss);color:var(--tinte);cursor:pointer;border-radius:9px;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:600}.knopf:disabled{opacity:.55;cursor:default}.knopf--leise{padding:8px 15px;font-size:14px}.knopf--haupt{background:var(--naylo-mint);border-color:var(--naylo-mint);padding:14px 26px;font-size:16px}.knopf--haupt:hover:not(:disabled){background:var(--naylo-mint-dunkel);border-color:var(--naylo-mint-dunkel)}.abschluss{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--radius);margin-top:8px;padding:26px}.abschluss--fertig{border-color:var(--naylo-mint);background:var(--naylo-mint-hell)}.abschluss h2{font-family:var(--schrift-titel);color:var(--tinte);margin:0 0 10px;font-size:21px}.abschluss p{margin:0 0 14px}.offen-liste{margin:0 0 14px;padding-left:20px}.offen-liste li{color:var(--tinte);margin-bottom:4px}.fehler-leiste{background:var(--rot-hell);color:var(--rot);border:1px solid #f3c4ba;border-radius:9px;margin-bottom:20px;padding:12px 15px;font-size:14.5px}.h-mittel{font-family:var(--schrift-titel);color:var(--tinte);margin:0 0 12px;font-size:21px}.fliess{margin:0 0 12px}.klein{font-size:14px}.fuss{text-align:center;color:var(--blass);margin-top:40px;font-size:14px}.spinner{border:3px solid var(--linie);border-top-color:var(--naylo-mint);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite dreh}.spinner--klein{border-width:2px;width:18px;height:18px}@keyframes dreh{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}.balken i{transition:none}}@media (width>=640px){.seite{padding:40px 24px 100px}.punkt{padding:24px}}