.ckf{background:var(--s);color:var(--w);border-radius:32px;gap:16px;margin-top:clamp(56px,7vw,96px);padding:clamp(28px,5vw,72px);display:grid}.ckf .k{font-size:14px}.ckf h2{letter-spacing:-.055em;max-width:9em;font-size:clamp(38px,6vw,104px);line-height:.92}.ckf .satz{max-width:34em;font-size:18px;line-height:1.45}.ckf-knoepfe{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.ckf-knoepfe a{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}.ckf-knoepfe .weiss{background:var(--w);color:var(--s)}.ckf-knoepfe .weiss:hover{background:var(--s);color:var(--w)}.ckf-knoepfe .rand:hover{background:var(--w);color:var(--s)}.ckf :focus-visible{outline-color:var(--w)}@media (width<=599px){.ckf-knoepfe a{justify-content:center;width:100%}}.ckm-ablage{max-width:980px;margin-top:clamp(40px,6vw,72px)}.ckm-feld{text-align:center;border:2px dashed var(--s);cursor:pointer;border-radius:32px;justify-items:center;gap:10px;padding:clamp(40px,6vw,72px) 24px;transition:background .2s,color .2s;display:grid}.ckm-feld svg{width:48px;height:48px}.ckm-feld b{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.05}.ckm-feld span{font-size:15px}.ckm-feld:hover,.ckm-ablage.drueber .ckm-feld{background:var(--s);color:var(--w)}#ckm-datei:focus-visible+.ckm-feld{outline:2px solid var(--s);outline-offset:4px}.ckm-unter-ablage{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:14px;display:flex}.ckm-sicher{font-size:15px;font-weight:500}.ckm-beispiel{text-underline-offset:3px;font-size:15px;text-decoration:underline}.ckm-fehler{margin-top:12px;font-size:15px;font-weight:500}.ckm-ergebnis{margin-top:56px}.ckm-datei-zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ckm-datei-zeile b{font-family:var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(24px,3vw,40px);font-weight:500}.ckm-flaechen{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ckm-flaeche div{aspect-ratio:4/3;border:1px solid var(--linie);background-position:50% 18%;background-size:cover;border-radius:28px;place-items:center;padding:14%;display:grid;overflow:hidden}.ckm-flaeche img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.ckm-flaeche.hell div{background-color:#fff}.ckm-flaeche.dunkel div{background-color:#0b0b0c}figure{margin:0}figcaption{margin-top:10px;font-size:14px}.ckm-klein{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.ckm-tabs{grid-row:span 2}.ckm-browser{color:#111;background:#e9e9ec;border-radius:22px 22px 0 0;gap:4px;padding:10px 10px 0;display:flex;overflow:hidden}.ckm-tab{border-radius:12px 12px 0 0;flex:0 220px;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;font-size:13px;display:flex}.ckm-tab.an{background:#fff}.ckm-tab span:not(.ckm-tab-leer){white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ckm-tab i{opacity:.55;font-style:normal}.ckm-tab canvas{flex:none;width:16px;height:16px}.ckm-tab-leer{background:#c7c7cc;border-radius:50%;flex:none;width:16px;height:16px}.ckm-lupe{color:#111;border:1px solid var(--linie);background:#fff;border-top:0;border-radius:0 0 22px 22px;flex-wrap:wrap;align-items:end;gap:24px;padding:24px;display:flex}.ckm-lupe>div{justify-items:start;gap:8px;font-size:13px;display:grid}.ckm-lupe canvas[data-fav-gross]{width:128px;height:128px;image-rendering:pixelated;background:repeating-conic-gradient(#f1f1f3 0 25%, #fff 0 50%) 0 0 / 16px 16px;border:1px solid #d4d4d8;border-radius:6px}.ckm-echt{align-items:end;gap:12px;height:128px;display:flex}.ckm-echt canvas[data-fav="32"]{width:32px;height:32px}.ckm-echt canvas[data-fav="16"]{width:16px;height:16px}.ckm-app-reihe{border:1px solid var(--linie);background:repeating-linear-gradient(135deg, transparent 0 10px, var(--linie) 10px 11px);border-radius:22px;flex-wrap:wrap;gap:16px;padding:24px;display:flex}.ckm-app-reihe canvas{border-radius:20px;width:88px;height:88px;box-shadow:0 6px 18px #0000002e}.ckm-app-reihe div{justify-items:center;gap:8px;font-size:13px;display:grid}.ckm-leiste{color:#111;border:1px solid var(--linie);background:#fff;border-radius:18px;align-items:center;gap:22px;height:64px;padding:0 22px;font-size:14px;display:flex;overflow:hidden}.ckm-leiste img{object-fit:contain;object-position:left center;width:auto;max-width:50%;height:24px;margin-right:auto;display:block}.ckm-farben{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;padding:0;list-style:none;display:grid}.ckm-farben button{text-align:left;border:1px solid var(--linie);border-radius:22px;width:100%;display:grid;overflow:hidden}.ckm-farben .muster{border-bottom:1px solid var(--linie);height:96px}.ckm-farben .werte{gap:2px;padding:12px 16px;display:grid}.ckm-farben b{text-transform:uppercase;font-size:18px;font-weight:500}.ckm-farben small{font-size:13px}.ckm-farben button:hover .werte,.ckm-farben button:focus-visible .werte{background:var(--s);color:var(--w)}.ckm-farb-knoepfe{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.ckm-kopiert{min-height:1.4em;margin-top:8px}.ckm-punkte{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;padding:0;list-style:none;display:grid}.ckm-punkte li{border:1px solid var(--s);border-radius:24px;align-content:start;gap:8px;padding:22px;display:grid}.ckm-punkte .kopf{align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.ckm-punkte h3{letter-spacing:-.02em;font-size:22px;line-height:1.12}.ckm-punkte p{font-size:16px;line-height:1.45}.ckm-schaetzung{max-width:52em;margin-top:18px}@media (width<=899px){.ckm-flaechen{grid-template-columns:1fr 1fr}.ckm-flaeche.foto{grid-column:span 2}.ckm-klein{grid-template-columns:1fr}.ckm-tabs{grid-row:auto}}@media (width<=599px){.ckm-flaechen{grid-template-columns:1fr}.ckm-flaeche.foto{grid-column:auto}.ckm-lupe{gap:16px;padding:18px}.ckm-lupe canvas[data-fav-gross]{width:112px;height:112px}.ckm-leiste{gap:14px;padding:0 16px;font-size:13px}.ckm-leiste span:nth-of-type(2){display:none}.ckm-farb-knoepfe .knopf{width:100%}}.ckm-palette{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.ckm-pal{border:1px solid var(--linie);border-radius:20px;align-items:center;gap:8px;padding:8px;display:flex}.ckm-pal input[type=color]{border:1px solid var(--linie);background:0 0;border-radius:14px;flex:none;width:46px;height:46px;padding:0}.ckm-pal input[type=text]{text-transform:uppercase;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;width:0;font-size:16px}.ckm-pal button{border:1px solid var(--s);border-radius:50%;flex:none;width:36px;height:36px;font-size:16px}.ckm-pal button[aria-pressed=true]{background:var(--s);color:var(--w)}.ckm-pal-erg{flex-wrap:wrap;gap:8px;display:flex}.ckm-pal-probe{font-variant-numeric:tabular-nums;border:1px solid var(--linie);border-radius:18px;gap:2px;min-width:120px;padding:14px 16px;font-size:16px;font-weight:600;display:grid}.ckm-pal-probe small{font-size:13px;font-weight:500}