.ck{max-width:1600px;margin:0 auto;padding:128px 16px 0}.ck h1{letter-spacing:-.055em;max-width:10em;margin-top:26px;font-size:clamp(44px,8vw,140px);line-height:.92}.ck .unter{max-width:34em;margin-top:22px;font-size:clamp(17px,1.5vw,21px);line-height:1.45}.ck .abschnitt{font-size:14px;font-weight:500;font-family:var(--text);border-top:1px solid var(--s);margin-bottom:24px;padding-top:14px}.ck-start{justify-items:start;gap:14px;margin-top:clamp(32px,5vw,64px);display:grid}.ck-start[hidden]{display:none}.ck-tabs{border:1px solid var(--linie);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.ck-tabs button{border-radius:999px;height:40px;padding:0 20px;font-size:15px;font-weight:500}.ck-tabs button[aria-selected=true]{background:var(--s);color:var(--w)}.ck-start .ck-form{width:100%}.ck-bild{width:100%;max-width:980px}.ck-ablage{border:1.5px dashed var(--s);text-align:center;cursor:pointer;border-radius:32px;place-items:center;min-height:180px;padding:24px;font-size:18px;transition:background .2s,color .2s;display:grid}.ck-ablage.drueber,.ck-ablage:hover{background:var(--s);color:var(--w)}.ck-ohne{text-underline-offset:3px;font-size:15px;text-decoration:underline}.ck-bfsg{max-width:52em;font-size:14px;line-height:1.5}.pip{gap:12px;display:grid}.pip-bild{border:1px solid var(--s);cursor:crosshair;border-radius:18px;justify-self:start;max-width:100%;position:relative;overflow:hidden}.pip-bild canvas{max-width:100%;height:auto;max-height:60vh;display:block}.pip-lupe{border:3px solid var(--w);width:64px;height:64px;box-shadow:0 0 0 1.5px var(--s), 0 10px 30px var(--schatten);pointer-events:none;border-radius:50%;display:none;position:absolute;transform:translate(-50%,-120%)}.pip-schritt{margin:0;font-size:18px;font-weight:500}.pip-paar,.fa-paar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pip-paar span,.fa-paar label{border:1px solid var(--linie);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;height:46px;padding:0 14px 0 6px;font-size:15px;display:inline-flex}.pip-paar i,.fa-paar input[type=color]{border:1px solid var(--linie);background:0 0;border-radius:50%;width:34px;height:34px;padding:0}.fa-paar input[type=text]{font-variant-numeric:tabular-nums;text-transform:uppercase;background:0 0;border:0;width:92px;font-size:15px}.fa-probe{border:1px solid var(--linie);border-radius:20px;padding:22px;font-size:18px;line-height:1.4}.fa-probe b{font-family:var(--display);letter-spacing:-.03em;font-size:30px;font-weight:500;display:block}.fa-wert{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.fa-wert b{font-family:var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(44px,6vw,80px);font-weight:500;line-height:1}.fa-wert span{font-size:16px;font-weight:500}.ck-form{border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;max-width:980px;margin-top:0;padding:10px;display:flex;position:relative}.ck-form input{letter-spacing:-.02em;background:0 0;border:0;outline:none;flex:260px;min-width:0;padding:14px 22px;font-size:clamp(20px,2.4vw,34px)}.ck-form input::placeholder{color:var(--s);opacity:.45}.ck-form:focus-within{outline:2px solid var(--s);outline-offset:3px}.ck .los{background:var(--s);height:64px;color:var(--w);border:1px solid var(--s);white-space:nowrap;border-radius:999px;padding:0 30px;font-size:18px;font-weight:500;transition:background .2s,color .2s}.ck .los:hover{background:var(--w);color:var(--s)}.ck .los[disabled]{opacity:.5;cursor:wait}.ck-fehler{flex-basis:100%;padding:4px 22px 8px;font-size:15px;font-weight:500}.ck-hinweis{margin-top:20px;font-size:16px}.ck-hinweis :global(a),.ck-daten :global(a){text-underline-offset:3px;text-decoration:underline}.ck-laden[hidden],.ck-ergebnis[hidden],.ck-fehler[hidden]{display:none}.ck-laden{justify-items:start;gap:16px;min-height:220px;margin-top:56px;display:grid}.ck-kreis{border:2px solid var(--linie);border-radius:50%;width:72px;height:72px;position:relative}.ck-kreis span{border:2px solid #0000;border-top-color:var(--s);border-radius:50%;animation:1s linear infinite ck-dreh;position:absolute;inset:-2px}@keyframes ck-dreh{to{transform:rotate(360deg)}}.ck-schritt{font-family:var(--display);letter-spacing:-.04em;min-height:1.1em;font-size:clamp(28px,4vw,56px);font-weight:500;line-height:1;transition:opacity .35s,transform .35s}.ck-schritt.weg{opacity:0;transform:translateY(10px)}.ck-klein{font-size:14px}.ck-ergebnis{margin-top:64px}.ck-erg-kopf h2{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(28px,3.6vw,52px);line-height:1}.ck-erg-kopf .ck-klein{margin-top:10px}.ck-noten{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px;padding:0;list-style:none;display:grid}.ck-noten li{text-align:center;border-radius:28px;justify-items:center;gap:12px;padding:24px 18px;display:grid}.ck .ring{aspect-ratio:1;width:min(100%,168px);position:relative}.ck .ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.ck .ring .bahn{stroke:var(--linie)}.ck .ring .wert{stroke:var(--s);stroke-linecap:round;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}.ck .ring b{font-family:var(--display);letter-spacing:-.04em;place-items:center;font-size:clamp(36px,4vw,56px);font-weight:500;display:grid;position:absolute;inset:0}.ck-noten h3{letter-spacing:-.02em;font-size:20px}.ck-noten .urteil{font-size:14px}.ck-legende{margin-top:14px;font-size:13px}.ck-ergebnis .abschnitt{margin-top:clamp(56px,7vw,96px)}.ck-probleme{counter-reset:p;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;padding:0;list-style:none;display:grid}.ck-probleme li{counter-increment:p;border:1px solid var(--s);border-radius:24px;align-content:start;gap:10px;padding:22px;display:grid}.ck-probleme li:before{content:counter(p);font-family:var(--display);background:var(--s);width:34px;height:34px;color:var(--w);border-radius:50%;place-items:center;font-size:15px;font-weight:500;display:grid}.ck-probleme .kat{font-size:13px}.ck-probleme h3{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:22px;line-height:1.12}.ck-probleme .wert{font-size:14px;font-weight:500}.ck-probleme p{font-size:16px;line-height:1.45}.ck-probleme .bedeutet{margin-top:4px;font-size:13px;font-weight:500}.ck-alles-gut{font-size:18px;line-height:1.45}.ck-cta{background:var(--s);color:var(--w);border-radius:32px;gap:16px;margin-top:clamp(56px,7vw,96px);padding:clamp(28px,5vw,72px);display:grid}.ck-cta .k{font-size:14px}.ck-cta h2{letter-spacing:-.055em;max-width:9em;font-size:clamp(38px,6vw,104px);line-height:.92}.ck-cta>p:not(.k):not(.ck-kopiert){max-width:34em;font-size:18px;line-height:1.45}.ck .knoepfe{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.ck .knoepfe a,.ck .knoepfe button{border:1px solid var(--w);border-radius:999px;align-items:center;height:56px;padding:0 24px;font-size:17px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.ck .knoepfe .weiss{background:var(--w);color:var(--s)}.ck .knoepfe .weiss:hover{background:var(--s);color:var(--w)}.ck .knoepfe .rand:hover{background:var(--w);color:var(--s)}.ck-cta :focus-visible{outline-color:var(--w)}.ck-kopiert{min-height:1.2em;font-size:14px}.ck-neu{text-underline-offset:3px;margin-top:24px;font-size:15px;text-decoration:underline}.ck-was{margin-top:clamp(80px,10vw,140px)}.ck-was ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.ck-was h3{letter-spacing:-.02em;font-size:22px}.ck-was p{margin-top:8px;font-size:16px;line-height:1.45}.ck-daten{max-width:52em;margin-top:40px;font-size:14px;line-height:1.5}@media (width<=899px){.ck-noten{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-was ul{grid-template-columns:1fr 1fr}}@media (width<=599px){.ck{padding-top:96px}.ck-form{border-radius:28px;padding:8px}.ck-form input{flex-basis:100%;padding:14px}.ck .los{width:100%;height:58px}.ck-noten{gap:10px}.ck-noten li{border-radius:22px;padding:18px 10px}.ck-noten h3{font-size:17px}.ck-was ul{grid-template-columns:1fr}.ck .knoepfe a,.ck .knoepfe button{justify-content:center;width:100%}}
