.kn-k{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border:1px solid var(--linie);border-radius:999px;background:var(--flaeche);color:var(--text);font:600 15px/1.2 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}.kn-k:hover{border-color:var(--text2);color:var(--text)}.kn-k:focus-visible,.kn-x:focus-visible,.kn-pf button:focus-visible,.kn-nochmal:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.kn-k.voll{background:var(--akzent);border-color:var(--akzent);color:var(--flaeche)}.kn-k.voll:hover{background:var(--akzent2);border-color:var(--akzent2);color:var(--flaeche)}.kn-k.still{border-color:transparent;background:transparent;color:var(--text2)}.kn-k.still:hover{color:var(--text);border-color:var(--linie)}.kn-k[hidden],.kn-blase[hidden]{display:none}.kn-eb{margin:0;font:600 12px/16px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}.kn-e{font-family:var(--mono);font-weight:700;color:var(--text)}.kn-marke{font-family:var(--mono);font-size:.92em;color:var(--akzent2);overflow-wrap:anywhere}html[data-modus=dunkel] .kn-marke{color:var(--akzent)}.kn-amp-p{color:var(--amp-passt)}.kn-amp-g{color:var(--amp-geht)}.kn-amp-s{color:var(--amp-sprung)}.kn-unsichtbar{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}dialog.kn-ein{width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid var(--linie);border-radius:16px;background:var(--flaeche);color:var(--text);box-shadow:0 24px 64px -24px #000a;overflow:auto;overscroll-behavior:contain}dialog.kn-ein::backdrop{background:color-mix(in srgb,var(--grund) 72%,transparent);backdrop-filter:blur(2px)}dialog.kn-ein[open]{display:grid;gap:20px;animation:kn-blattrein .35s ease-out both}.kn-ein-kopf,.kn-ein-fuss{display:flex;justify-content:space-between;align-items:center;gap:12px}.kn-ein-kopf .kn-k.still{margin-inline-end:-10px}.kn-ein-lead{margin:-12px 0 0;color:var(--text2);font-size:14px;line-height:22px}.kn-ein-inhalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:24px;align-items:center}.kn-ein-text{display:grid;gap:12px;align-content:start;min-width:0}.kn-ein-text h2{margin:0;font:400 clamp(28px,2vw + 18px,36px)/1.1 var(--serif);letter-spacing:-.01em;color:var(--text)}.kn-ein-text h2:focus{outline:none}.kn-ein-text p{margin:0;font-size:16px;line-height:26px;color:var(--text)}.kn-ein-text .kn-k{justify-self:start}.kn-striche{display:flex;gap:6px;align-items:center}.kn-striche i{display:block;width:20px;height:3px;border-radius:2px;background:var(--linie)}.kn-striche i.an{width:32px;background:var(--akzent)}.kn-ein-fuss .kn-k[data-a=zur][aria-hidden=true]{visibility:hidden}.kn-ein-spaeter{margin:-8px 0 0;text-align:center;font-size:13px;color:var(--text2)}.kn-ein-inhalt.neu{animation:kn-seite .3s ease-out both}@keyframes kn-blattrein{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes kn-seite{0%{opacity:0;transform:translate(var(--kn-von,24px))}to{opacity:1;transform:none}}@media(max-width:760px){dialog.kn-ein{width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;border-bottom:0;gap:16px}.kn-ein-inhalt{grid-template-columns:minmax(0,1fr);gap:16px}.kn-ein .kn-demo{min-height:150px}.kn-ein-text h2{font-size:28px}.kn-ein-text p{font-size:15px;line-height:24px}}.kn-spot{position:fixed;z-index:2147483000;border-radius:10px;box-shadow:0 0 0 3px var(--akzent),0 0 0 100vmax color-mix(in srgb,var(--grund) 70%,transparent);pointer-events:none;transition:all .35s ease}.kn-spotkarte{position:fixed;z-index:2147483001;width:min(360px,calc(100vw - 24px));display:grid;gap:12px;padding:20px;border:1px solid var(--linie);border-radius:14px;background:var(--flaeche);color:var(--text);box-shadow:0 18px 48px -18px #0009}.kn-spotkarte h2{margin:0;font:400 26px/1.15 var(--serif)}.kn-spotkarte h2:focus{outline:none}.kn-spotkarte p{margin:0;font-size:14px;line-height:22px;color:var(--text2)}.kn-status{position:fixed;left:50%;bottom:calc(24px + var(--reiter,0px) + env(safe-area-inset-bottom,0px));z-index:2147482990;max-width:calc(100vw - 32px);transform:translate(-50%);padding:10px 18px;border:1px solid var(--linie);border-radius:999px;background:var(--flaeche2);color:var(--text);font-size:14px;line-height:20px;box-shadow:0 12px 32px -16px #0008;text-align:center}.kn-status[hidden]{display:none}@media(max-width:743px){.kn-status{bottom:calc(96px + env(safe-area-inset-bottom,0px))}}.kn-blase{position:fixed;z-index:2147482980;display:grid;gap:8px;width:min(340px,calc(100vw - 24px));padding:16px;border:1px solid color-mix(in srgb,var(--akzent) 45%,var(--linie));border-radius:14px;background:var(--flaeche2);color:var(--text);box-shadow:0 16px 40px -18px #000a;font-size:14px;line-height:22px;animation:kn-blaserein .3s .2s ease-out both}.kn-blase .kn-kopfz{display:flex;justify-content:space-between;align-items:center;gap:8px}.kn-blase h3{margin:0;font:600 16px/22px var(--sans);color:var(--text)}.kn-blase p{margin:0;color:var(--text)}.kn-x{display:grid;place-items:center;width:44px;height:44px;margin:-12px -12px -12px 0;border:0;border-radius:50%;background:transparent;color:var(--text2);font:400 22px/1 var(--sans);cursor:pointer}.kn-x:hover{color:var(--text);background:var(--flaeche)}.kn-blase .kn-reihe{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kn-blase .kn-alle{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:auto;font-size:13px;color:var(--text2)}.kn-blase .kn-alle:hover{color:var(--text)}.kn-blase.unten:before,.kn-blase.oben:before{content:"";position:absolute;width:12px;height:12px;background:var(--flaeche2);border:1px solid color-mix(in srgb,var(--akzent) 45%,var(--linie));border-width:1px 0 0 1px;left:var(--kn-px,50%)}.kn-blase.unten:before{bottom:-7px;transform:rotate(225deg)}.kn-blase.oben:before{top:-7px;transform:rotate(45deg)}@keyframes kn-blaserein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kn-zeigt{position:relative;outline:3px solid var(--akzent);outline-offset:3px;border-radius:10px}.plusknopf.kn-zeigt{border-radius:50%}.kn-ring{position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(var(--akzent2) var(--kn-g,0%),transparent 0);-webkit-mask:radial-gradient(circle,transparent calc(50% - 4px),#000 calc(50% - 3px));mask:radial-gradient(circle,transparent calc(50% - 4px),#000 calc(50% - 3px));pointer-events:none;animation:kn-halt .6s .2s both}@property --kn-g{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes kn-halt{to{--kn-g:100%}}.kn-taste{position:absolute;top:4px;left:6px;z-index:2;padding:1px 5px;border:1px solid var(--linie);border-radius:4px;background:var(--flaeche);font:700 11px/1.3 var(--mono);color:var(--text);pointer-events:none}.kn-druck{animation:kn-druck .6s both}@keyframes kn-druck{30%,60%{transform:translateY(2px);outline-color:var(--akzent2)}}.kn-leucht{background:color-mix(in srgb,var(--akzent) 28%,transparent);border-radius:4px}dialog.kn-tk-dialog{width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid var(--linie);border-radius:16px;background:var(--flaeche);color:var(--text);box-shadow:0 24px 64px -24px #000a;overflow:auto}dialog.kn-tk-dialog::backdrop{background:color-mix(in srgb,var(--grund) 72%,transparent)}dialog.kn-tk-dialog[open]{display:grid;gap:16px}.kn-tk-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px}.kn-tk-kopf h2{margin:0;font:400 30px/1.1 var(--serif)}.kn-tk-dialog>p{margin:0;color:var(--text2);font-size:14px}.kn-tk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kn-tk section{display:grid;gap:4px;align-content:start;padding:20px;border:1px solid var(--linie);border-radius:12px;background:var(--flaeche)}.kn-tk-dialog .kn-tk section{background:var(--grund)}.kn-tk h3{margin:0 0 8px;font:600 14px/20px var(--sans);color:var(--text)}.kn-tk dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center;margin:0;font-size:14px}.kn-tk dt{display:flex;flex-wrap:wrap;gap:4px}.kn-tk dd{margin:0;color:var(--text2)}.kn-tk kbd,.kn-kbd{display:inline-grid;place-items:center;min-width:28px;min-height:26px;padding:0 6px;border:1px solid var(--linie);border-bottom-width:2px;border-radius:6px;background:var(--flaeche2);font:600 12px/1 var(--mono);color:var(--text)}@media(max-width:860px){.kn-tk{grid-template-columns:minmax(0,1fr)}}.kn-demo{position:relative;display:grid;align-content:center;min-height:180px;padding:16px;overflow:hidden;border:1px solid var(--linie);border-radius:10px;background:var(--grund);color:var(--text);font-size:13px;line-height:20px}html:not(.js) .kn-demo{display:none}.kn-demo.fertig *,.kn-demo.fertig *:before,.kn-demo.fertig *:after{animation-duration:1ms!important;animation-delay:0s!important}@media(prefers-reduced-motion:reduce){.kn-demo *,.kn-demo *:before,.kn-demo *:after,dialog.kn-ein[open],.kn-ein-inhalt.kd-neu,.kn-blase,.kn-ring,.kn-druck{animation-duration:1ms!important;animation-delay:0s!important;transition:none!important}.kn-spot{transition:none}}.kn-demo .kd-dz{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto auto auto;gap:10px;align-items:center;min-height:40px;padding:4px 8px;border-top:1px solid var(--linie);background:var(--flaeche)}.kn-demo .kd-dz:first-of-type{border-top:0}.kn-demo .kd-cv{width:24px;height:24px;border-radius:4px;background:linear-gradient(135deg,var(--akzent),var(--zweit))}.kn-demo .kd-tt{display:grid;min-width:0}.kn-demo .kd-tt b{overflow:hidden;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.kn-demo .kd-tt span{overflow:hidden;font-size:12px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;color:var(--text2)}.kn-demo .kd-w{position:relative;min-width:24px;font:500 12px/1 var(--mono);text-align:end;color:var(--text2)}.kn-demo .kd-w.kd-e{color:var(--text);font-weight:700}.kn-demo .kd-quelle{margin-bottom:8px;font:500 12px/16px var(--mono);color:var(--text2)}.kn-demo .kd-quelle span{color:var(--text)}.kn-demo .kd-fuss{display:flex;gap:8px;align-items:center;margin:8px 0 0;font-size:12px;color:var(--text2)}.kn-demo .kd-haken{font-weight:700;color:var(--gut)}.kn-demo .kd-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1px solid var(--linie);border-radius:999px;font-size:12px;white-space:nowrap;color:var(--text2)}.kn-demo .kd-chip.kd-an{border-color:var(--akzent);color:var(--text);background:color-mix(in srgb,var(--akzent) 18%,transparent)}.kn-demo .kd-mk{font-family:var(--mono);border-radius:4px;padding:0 2px;color:var(--text)}@keyframes kn-rein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes kn-raus{to{opacity:0}}@keyframes kn-da{0%{opacity:0}to{opacity:1}}@keyframes kn-hoch{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.d-import .kd-w s{position:absolute;inset-inline-end:0;text-decoration:none}.d-import .kd-w em{font-style:normal;color:var(--text);opacity:0}.spielt .d-import .kd-w s{animation:kn-raus .3s calc(.6s + var(--i)*.6s) both}.spielt .d-import .kd-w em{animation:kn-da .3s calc(.7s + var(--i)*.6s) both}.d-import .kd-fuss{clip-path:inset(0 100% 0 0)}.spielt .d-import .kd-fuss{animation:kn-wisch .4s 2.6s both}@keyframes kn-wisch{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.spielt .d-rb .kd-dz{animation:kn-rein .35s calc(.2s + var(--i)*.25s) both}.spielt .d-rb .kd-dz:not(.kd-nie){animation:kn-rein .35s calc(.2s + var(--i)*.25s) both,kn-zu .4s 2.4s forwards}.spielt .d-rb .kd-chip{animation:kn-chipan .3s 2.1s both}@keyframes kn-chipan{to{border-color:var(--akzent);color:var(--text);background:color-mix(in srgb,var(--akzent) 18%,transparent)}}@keyframes kn-zu{to{opacity:0;min-height:0;height:0;padding-block:0;border-width:0}}.d-upload .kd-balken{height:8px;overflow:hidden;border-radius:4px;background:var(--flaeche2)}.d-upload .kd-balken i{display:block;width:0;height:100%;border-radius:4px;background:var(--akzent)}.spielt .d-upload .kd-balken i{animation:kn-fuell 3.6s .3s both}@keyframes kn-fuell{0%{width:0}40%{width:58%}62%{width:58%}to{width:100%}}.d-upload .kd-netz{position:absolute;top:12px;inset-inline-end:16px;margin:0;font-size:18px;color:var(--warn);opacity:0}.spielt .d-upload .kd-netz{animation:kn-blink 1s 1.8s both}@keyframes kn-blink{0%,to{opacity:0}30%,70%{opacity:1}}.d-upload .kd-haken{opacity:0}.spielt .d-upload .kd-haken{animation:kn-da .3s 3.9s both}.spielt .d-upload .kd-rest{animation:kn-raus .3s 3.8s both}.d-energie{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;height:150px}.d-energie .kd-st{display:grid;grid-template-rows:1fr auto;gap:6px;justify-items:center;height:100%}.d-energie .kd-saeule{display:flex;align-items:flex-end;width:100%;max-width:44px;overflow:hidden;border-radius:6px;background:var(--flaeche2)}.d-energie .kd-saeule i{display:block;width:100%;height:var(--h);background:linear-gradient(to top,var(--zweit),var(--akzent));transform-origin:bottom}.spielt .d-energie .kd-saeule i{animation:kn-wachs .5s calc(var(--i)*.35s) both}@keyframes kn-wachs{0%{transform:scaleY(0)}to{transform:none}}.d-ampel{display:grid;gap:12px}.d-ampel .kd-paar{display:grid;grid-template-columns:auto minmax(8px,1fr) auto minmax(8px,1fr) auto auto;gap:6px;align-items:center}.d-ampel .kd-tkn{padding:6px 8px;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche);font:500 12px/1 var(--mono);white-space:nowrap}.d-ampel .kd-lin{height:1px;background:var(--linie)}.d-ampel .kd-zeichen{font-size:18px;line-height:1}.d-ampel .kd-wort{font-size:12px;color:var(--text2)}.spielt .d-ampel .kd-paar{animation:kn-rein .4s calc(.2s + var(--i)*.8s) both}.d-rad{display:grid;justify-items:center}.d-rad svg{width:min(100%,180px);height:auto}.d-rad path{fill:var(--flaeche);stroke:var(--linie);stroke-width:1}.d-rad text{font:500 8px var(--mono);fill:var(--text2);text-anchor:middle}.d-rad .kd-nabe{fill:var(--flaeche2);stroke:var(--linie)}.d-rad .kd-nt{font:600 12px var(--mono);fill:var(--text)}.d-rad .kd-mi path{fill:var(--akzent)}.d-rad .kd-mi text{fill:var(--flaeche)}.d-rad .kd-nb path{fill:color-mix(in srgb,var(--akzent) 32%,var(--flaeche))}.d-rad .kd-nb text{fill:var(--text)}.spielt .d-rad .kd-nb path{animation:kn-nachbar .4s calc(1s + var(--n,0)*.35s) both}@keyframes kn-nachbar{0%{fill-opacity:0}to{fill-opacity:1}}.d-okt{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.d-okt .kd-feld{display:grid;justify-items:center;gap:4px;padding:8px 4px;border:1px solid var(--linie);border-radius:8px;background:var(--flaeche)}.d-okt .kd-feld kbd{font:700 12px/1 var(--mono);color:var(--text)}.d-okt .kd-feld span{font:600 13px/1 var(--mono);color:var(--text2)}.d-okt .kd-mitte{display:grid;align-content:center;justify-items:center;padding:6px;border:1px solid var(--akzent);border-radius:8px;background:color-mix(in srgb,var(--akzent) 12%,var(--flaeche));text-align:center}.d-okt .kd-mitte b{font-size:12px;font-weight:500;line-height:16px}.d-okt .kd-mitte>span{font:500 11px/16px var(--mono);color:var(--text2)}.spielt .d-okt .kd-p1{animation:kn-pad .9s .4s both}.spielt .d-okt .kd-p2{animation:kn-pad .9s 1.5s both}.spielt .d-okt .kd-p3{animation:kn-pad .9s 2.6s both}@keyframes kn-pad{0%,to{border-color:var(--linie);transform:none}30%,60%{border-color:var(--akzent);transform:translateY(1px);background:color-mix(in srgb,var(--akzent) 20%,var(--flaeche))}}.d-auto .kd-raus{overflow:hidden}.d-auto .kd-chip{border-color:var(--akzent);color:var(--text)}.spielt .d-auto .kd-raus{animation:kn-zu .5s 2s both}.spielt .d-auto .kd-raus .kd-chip{animation:kn-chipan .3s 1.2s both}.d-teller{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}.d-teller .kd-platte{display:grid;place-items:center;width:96px;height:96px;border:1px solid var(--linie);border-radius:50%;background:repeating-radial-gradient(circle,color-mix(in srgb,var(--text) 82%,var(--grund)) 0 2px,color-mix(in srgb,var(--text) 70%,var(--grund)) 2px 4px)}.d-teller .kd-platte i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--akzent),var(--zweit))}.spielt .d-teller .kd-platte{animation:kn-dreh 4s cubic-bezier(.2,.6,.3,1) both}@keyframes kn-dreh{to{transform:rotate(540deg)}}.d-teller .kd-weiter{margin:0 0 8px;font-weight:500}.d-teller .kd-balken{height:6px;overflow:hidden;border-radius:3px;background:var(--flaeche2)}.d-teller .kd-balken i{display:block;width:46%;height:100%;background:var(--akzent)}.d-plus{display:grid;align-content:start;min-height:200px}.d-plus .kd-pk{position:absolute;bottom:14px;left:50%;display:grid;place-items:center;width:52px;height:52px;margin-left:-26px;border-radius:50%;background:var(--akzent);color:var(--flaeche);font:400 30px/1 var(--sans)}.d-plus .kd-ring{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(var(--akzent2) var(--kn-g,0%),transparent 0);-webkit-mask:radial-gradient(circle,transparent 30px,#000 31px);mask:radial-gradient(circle,transparent 30px,#000 31px)}.spielt .d-plus .kd-ring{animation:kn-halt .6s .6s both}.d-plus .kd-blatt{position:absolute;inset-inline:12px;bottom:76px;display:grid;gap:4px;padding:10px;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche2);opacity:0;transform:translateY(12px)}.d-plus .kd-blatt b{font-size:12px;font-weight:600}.d-plus .kd-ziel{display:block;padding:4px 8px;border-radius:6px;font-size:12px}.d-plus .kd-ziel.kd-an{background:color-mix(in srgb,var(--akzent) 22%,transparent)}.spielt .d-plus .kd-blatt{animation:kn-hoch .35s 1.3s both}.d-wisch{min-height:120px}.d-wisch .kd-unter{position:absolute;top:50%;inset-inline:16px;display:flex;justify-content:space-between;align-items:center;height:40px;margin-top:-20px;padding:0 12px;border-radius:6px;background:var(--flaeche2);font-size:12px;font-weight:600}.d-wisch .kd-li{color:var(--gut)}.d-wisch .kd-re{color:var(--text)}.d-wisch .kd-dz{z-index:1}.spielt .d-wisch .kd-dz{animation:kn-wisch 3.6s .3s both}@keyframes kn-wisch{0%{transform:none}20%,32%{transform:translate(42%)}45%{transform:none}65%,77%{transform:translate(-42%)}90%,to{transform:none}}.d-waechst .kd-kopfz{display:flex;gap:10px;align-items:center;margin:0 0 8px}.d-waechst .kd-zahl{position:relative;min-width:20px;font:600 12px/1 var(--mono);color:var(--text2)}.d-waechst .kd-zahl s{text-decoration:none}.d-waechst .kd-zahl em{position:absolute;left:0;font-style:normal;color:var(--text);opacity:0}.spielt .d-waechst .kd-zahl s{animation:kn-raus .2s 2.2s both}.spielt .d-waechst .kd-zahl em{animation:kn-da .2s 2.3s both}.d-waechst .kd-neu{position:relative;opacity:0}.d-waechst .kd-neu .kd-dz{padding-inline-end:40px}.d-waechst .kd-tag{position:absolute;top:4px;inset-inline-end:4px;z-index:1;font:600 10px/1 var(--mono);text-transform:uppercase;color:var(--text)}.spielt .d-waechst .kd-neu{animation:kn-rein .4s 1.2s both}.spielt .d-waechst .kd-n2{animation-delay:1.8s}.d-export{display:grid;gap:10px}.d-export .kd-kl{margin:0;font:600 10px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.d-export .kd-kom{margin:0;padding:8px;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche);font:500 12px/20px var(--mono);overflow-wrap:anywhere}.d-export .kd-kom .kd-mk{opacity:0}.spielt .d-export .kd-kom .kd-mk{animation:kn-da .3s .6s both}.spielt .d-export .kd-kom .kd-m2{animation:kn-da .3s 1s both,kn-leuchtet 1s 1.4s both}@keyframes kn-leuchtet{30%,70%{background:color-mix(in srgb,var(--akzent) 30%,transparent)}}.d-export .kd-regel{padding:8px;border:1px dashed var(--linie);border-radius:6px;opacity:0}.spielt .d-export .kd-regel{animation:kn-rein .4s 2.1s both}.d-export .kd-regel p{margin:0}.d-export .kd-treffer{display:flex;flex-wrap:wrap;gap:6px}.d-export .kd-treffer>span{padding:2px 8px;border-radius:999px;background:var(--flaeche2);font-size:12px;opacity:0}.spielt .d-export .kd-treffer>span{animation:kn-rein .3s calc(2.7s + var(--i)*.25s) both}.d-kopie{display:grid;grid-template-columns:1fr 1fr;gap:12px}.d-kopie .kd-datei{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid var(--linie);border-radius:8px;background:var(--flaeche)}.d-kopie .kd-datei b{font-size:12px;font-weight:500;overflow-wrap:anywhere}.d-kopie .kd-datei span{font-size:12px;color:var(--text2)}.d-kopie .kd-neu{border-color:var(--akzent);opacity:0}.spielt .d-kopie .kd-neu{animation:kn-kopier .6s .8s both}@keyframes kn-kopier{0%{opacity:0;transform:translate(-60%)}to{opacity:1;transform:none}}.d-anl{display:grid;gap:8px}.d-anl p{display:flex;gap:8px;margin:0;padding:8px;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche);font-size:12px}.spielt .d-anl p{animation:kn-rein .35s calc(.3s + var(--i)*.6s) both}@media(max-width:420px){.kn-demo .kd-dz{grid-template-columns:24px minmax(0,1fr) auto auto}.kn-demo .kd-dz .kd-w:nth-of-type(2){display:none}}.ks{display:grid;gap:56px;width:min(1200px,100% - 2 * var(--rand,16px));margin:0 auto;padding:40px 0 80px}.ks h1{margin:0;font:400 clamp(40px,3vw + 26px,64px)/1.05 var(--serif);letter-spacing:-.015em;color:var(--text)}.ks h2{margin:0;font:400 clamp(28px,1.4vw + 22px,38px)/1.1 var(--serif);color:var(--text)}.ks p{margin:0}.ks-held{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:32px;align-items:end}.ks-held>div:first-child{display:grid;gap:12px}.ks-held .lead{max-width:52ch;font-size:19px;line-height:30px;color:var(--text2)}.kn-pf{display:grid;gap:8px;justify-items:start}.kn-pf .kl{font:600 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.kn-pf [role=radiogroup]{display:inline-flex;flex-wrap:wrap;padding:4px;border:1px solid var(--linie);border-radius:999px;background:var(--flaeche)}.kn-pf button{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--text2);font:500 14px/1 var(--sans);cursor:pointer}.kn-pf button[aria-checked=true]{background:var(--akzent);color:var(--flaeche)}html:not(.js) .kn-pf{display:none}.ks-weg ol{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}.ks-weg ol:before{content:"";position:absolute;top:21px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--akzent),var(--zweit))}.ks-weg li{position:relative;display:grid;justify-items:center;text-align:center}.ks-weg a{display:grid;justify-items:center;gap:6px;min-height:44px;padding:4px;border-radius:8px;color:var(--text);font-size:14px;text-decoration:none}.ks-weg a:hover b{color:var(--akzent)}.ks-weg .pkt{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--akzent);border-radius:50%;background:var(--grund);font:600 12px/1 var(--mono)}.ks-weg b{font-weight:600}.ks-weg span.u{font-size:12px;line-height:16px;color:var(--text2)}@media(max-width:600px){.ks-weg span.u{display:none}.ks-weg a{font-size:12px}}.ks-gruppe{display:grid;gap:20px;scroll-margin-top:96px}.ks-gruppe>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}.ks-gruppe>header p{color:var(--text2)}.ks-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ks-k{display:grid;gap:12px;align-content:start;min-width:0;padding:20px;border:1px solid var(--linie);border-radius:12px;background:var(--flaeche);scroll-margin-top:96px}.ks-k h3{margin:0;font:600 18px/26px var(--sans);color:var(--text)}.ks-k>p{font-size:15px;line-height:24px;color:var(--text)}.ks-karten .ks-k:first-child{grid-column:1/-1;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);column-gap:32px;align-items:start}.ks-karten .ks-k:first-child .kn-demo{grid-row:1/span 6;align-self:stretch;min-height:240px}.ks-karten .ks-k:first-child h3{font:400 30px/36px var(--serif)}.ks-k:target{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}@media(max-width:860px){.ks-karten,.ks-karten .ks-k:first-child{grid-template-columns:minmax(0,1fr)}.ks-karten .ks-k:first-child .kn-demo{grid-row:auto}}.ks-so{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;padding-top:12px;border-top:1px solid var(--linie);font-size:14px;line-height:22px}.ks-so .kl{font:600 11px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.ks-so .pfz[hidden]{display:none}.ks-so .pfz.aus{color:var(--text2)}.ks-so .kommt{margin-inline-start:6px;font:600 11px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text2)}.ks-fz{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;font-size:14px}.ks-fz a{display:inline-flex;align-items:center;min-height:44px;color:var(--text2)}.ks-fz a:hover{color:var(--text)}.kn-nochmal{min-height:44px;padding:0 10px 0 0;border:0;background:transparent;color:var(--text2);font:500 14px/1 var(--sans);cursor:pointer;border-radius:6px}.kn-nochmal:hover{color:var(--text)}html:not(.js) .kn-nochmal{display:none}.ks-mehr{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:0 32px;margin:0;padding:0;list-style:none}.ks-mehr li{display:grid;gap:2px;padding:14px 0;border-top:1px solid var(--linie)}.ks-mehr li[hidden]{display:none}.ks-mehr li b{font-weight:600}.ks-mehr li span{font-size:14px;line-height:22px;color:var(--text2)}.ks-fuss{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:24px;align-items:center;padding:32px;border:1px solid var(--linie);border-radius:16px;background:var(--flaeche)}.ks-fuss>div{display:grid;gap:8px}.ks-fuss p{color:var(--text2)}.ks-fuss a:not(.kn-k){color:var(--text)}.ks-fuss .kn-reihe{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:760px){.ks{gap:40px;padding-top:24px}.ks-held,.ks-fuss{grid-template-columns:minmax(0,1fr)}.ks-fuss{padding:20px}}.kn-hilfe-start{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.kn-dazu{display:grid;gap:4px;margin:16px 0 0;padding:12px 16px;border:1px solid var(--linie);border-inline-start:3px solid var(--akzent);border-radius:8px;background:var(--flaeche)}.kn-dazu h4{margin:0;font:600 12px/16px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}.kn-dazu ul{display:flex;flex-wrap:wrap;gap:0 16px;margin:0;padding:0;list-style:none}.kn-dazu a{display:inline-flex;align-items:center;min-height:44px;color:var(--text)}