.kic{--k-grund: #FFFFFF;--k-flaeche: #F6F8FB;--k-flaeche-2: #EEF1F6;--k-text: #0A0F1C;--k-titel: #0A0F1C;--k-zweit: #4A5365;--k-leise: #7A8396;--k-haar: rgba(10,15,28,.08);--k-linie: rgba(10,15,28,.14);--k-akzent: #3E63F6;--k-akzent-hell: #EEF2FF;--k-ink: #0A0F1C;--k-ink-text: #FFFFFF;--k-fokus: #3E63F6;--k-gut: #0E8A5F;--k-gut-hell: #E8F6EF;--k-mittel: #B45309;--k-mittel-hell: #FFF4E5;--k-schlecht: #B42318;--k-info: #7A8396;--k-schrift: "Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--k-mono: "Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--k-schrift-titel: var(--k-schrift);--k-groesse: 15px;--k-zeile: 1.55;--k-titel-gewicht: 560;--k-radius-rahmen: 14px;--k-radius: 12px;--k-radius-feld: 10px;--k-radius-knopf: 10px;--k-innen: clamp(18px,3.6vw,32px);--k-karte-innen: 18px;--k-abstand: 32px;--k-textbreite: 62ch;--k-breite: 880px;--k-kurve: cubic-bezier(.16,1,.3,1);background: var(--k-grund);color: var(--k-text);font: 400 var(--k-groesse)/var(--k-zeile) var(--k-schrift);-webkit-font-smoothing: antialiased;border-radius: var(--k-radius-rahmen);border: 1px solid rgba(10,15,28,.10);box-shadow: 0 1px 2px rgba(10,15,28,.05),0 12px 32px -16px rgba(10,15,28,.14),0 32px 72px -32px rgba(10,15,28,.2);padding: var(--k-innen);max-width: var(--k-breite);margin: 0 auto;box-sizing: border-box;position: relative;container: kic / inline-size}.kic *,.kic *::before,.kic *::after{box-sizing: border-box}.kic h2,.kic h3,.kic h4,.kic p,.kic ol,.kic ul{margin: 0}.kic ol,.kic ul{padding: 0;list-style: none}.kic :focus-visible{outline: 2px solid var(--k-fokus);outline-offset: 3px;border-radius: 6px}.kic a{color: inherit}.kic [hidden]{display: none !important}.kic p,.kic li{max-width: var(--k-textbreite);text-wrap: pretty}.kic>*{animation: kic-rein .6s var(--k-kurve) both}.kic-mono,.kic-zaehler,.kic-preis,.kic-art,.kic-teile,.kic-augenbraue{font-family: var(--k-mono);font-variant-numeric: tabular-nums}.kic-augenbraue{display: flex;align-items: center;gap: 10px;font-size: 12px;font-weight: 500;letter-spacing: .08em;text-transform: uppercase;color: var(--k-zweit)}.kic-augenbraue::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--k-akzent);flex: none}.kic-titel{font: var(--k-titel-gewicht) clamp(1.5em,4vw,1.9em)/1.12 var(--k-schrift-titel);color: var(--k-titel);margin-top: .6em;letter-spacing: -.03em;text-wrap: balance}.kic-titel-klein{font-size: 1.15em;margin-top: 0;letter-spacing: -.02em}.kic-unter{color: var(--k-zweit);margin-top: .7em}.kic-demo{margin-top: 10px;font: 500 11px/16px var(--k-mono);letter-spacing: .04em;text-transform: uppercase;color: var(--k-leise);display: inline-flex;align-items: center;gap: 8px}.kic-demo::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--k-mittel);flex: none}.kic-form{margin-top: calc(var(--k-abstand) * .66);display: grid;gap: 16px;grid-template-columns: 1fr}.kic[data-kompakt] .kic-form{margin-top: 0}@container kic (min-width: 560px){.kic-form{grid-template-columns: 1fr 1fr}.kic-voll{grid-column: 1 / -1}}.kic-feld label{display: block;font-size: 14px;line-height: 20px;font-weight: 500;color: var(--k-text);margin-bottom: 6px}.kic-feld input{width: 100%;height: 48px;padding: 0 14px;font: inherit;font-size: 16px;color: var(--k-text);background: var(--k-grund);border: 1px solid var(--k-linie);border-radius: var(--k-radius-feld);box-shadow: inset 0 1px 2px rgba(10,15,28,.03);transition: border-color .2s ease,box-shadow .2s ease;-webkit-appearance: none;appearance: none}.kic-feld input::placeholder{color: var(--k-leise)}.kic-feld input:hover{border-color: rgba(10,15,28,.3)}.kic-feld input:focus{outline: none;border-color: var(--k-akzent);box-shadow: 0 0 0 3px rgba(62,99,246,.16)}.kic-feld[data-fehler] input{border-color: var(--k-schlecht)}.kic-fehler{color: var(--k-schlecht);font-size: 14px;margin-top: 6px}.kic-honig{position: absolute !important;left: -10000px;width: 1px;height: 1px;overflow: hidden}.kic-senden{display: grid;justify-items: center;gap: 12px;margin-top: 6px;text-align: center}.kic-senden .kic-klein{max-width: 46ch}.kic-knopf{appearance: none;border: 0;cursor: pointer;font: 500 15px/20px var(--k-schrift);letter-spacing: -.005em;background: linear-gradient(180deg,#1A2236 0%,var(--k-ink) 100%);color: var(--k-ink-text);min-height: 44px;padding: 10px 22px;border-radius: var(--k-radius-knopf);box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(10,15,28,.24);min-width: min(70%,100%);max-width: 100%;transition: transform .6s var(--k-kurve),box-shadow .6s var(--k-kurve),opacity .15s ease;position: relative}@media (hover: hover){.kic-knopf:hover{transform: translateY(-1px);box-shadow: inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px -10px rgba(10,15,28,.6),0 1px 2px rgba(10,15,28,.24)}}.kic-knopf:active{transform: scale(.985);transition-duration: .1s}.kic-knopf[disabled]{opacity: .55;cursor: default;transform: none}.kic-knopf-leise{background: var(--k-grund);color: var(--k-text);box-shadow: inset 0 0 0 1px var(--k-linie);min-width: 0}@media (hover: hover){.kic-knopf-leise:hover{box-shadow: inset 0 0 0 1px rgba(10,15,28,.3),0 8px 20px -12px rgba(10,15,28,.24)}}.kic-klein{font-size: 13px;line-height: 1.5;color: var(--k-leise)}.kic-meldung{margin-top: 18px;padding: 14px 16px;border-radius: var(--k-radius-feld);background: var(--k-flaeche);color: var(--k-text);border: 1px solid var(--k-haar)}.kic-fortschritt{margin-top: 18px;height: 3px;border-radius: 3px;background: var(--k-flaeche-2);overflow: hidden}.kic-fortschritt i{display: block;height: 100%;background: var(--k-akzent);transform-origin: left center;transform: scaleX(0);transition: transform .6s var(--k-kurve)}.kic-schritte{margin-top: 14px;display: grid}.kic-schritt{display: grid;grid-template-columns: 28px minmax(0,1fr);align-items: start;column-gap: 12px;row-gap: 2px;padding: 12px 0;border-bottom: 1px solid var(--k-haar);animation: kic-rein .6s var(--k-kurve) both}.kic-schritt:last-child{border-bottom: 0}.kic-schritt-text{display: grid;gap: 1px;grid-column: 2}.kic-schritt-titel{font-weight: 500;color: var(--k-text)}.kic-schritt-detail{font-size: 13px;color: var(--k-zweit)}.kic-schritt[data-zustand="fertig"] .kic-schritt-titel{font-weight: 450;color: var(--k-zweit)}.kic-notiz{font-size: 13px;color: var(--k-mittel);margin-top: 4px;animation: kic-rein .5s var(--k-kurve) both}.kic-schritt[data-zustand="fertig"] .kic-notiz{display: none}.kic-marke{width: 20px;height: 20px;margin-top: 2px;border-radius: 50%;position: relative;display: grid;place-items: center;grid-row: span 2}.kic-marke::before{content: "";position: absolute;inset: 0;border-radius: 50%;border: 1.5px solid var(--k-flaeche-2);border-top-color: var(--k-akzent);animation: kic-dreh .9s linear infinite}.kic-marke::after{content: "";position: absolute;inset: 0;border-radius: 50%;background: var(--k-ink);transform: scale(.4);opacity: 0;transition: transform .45s var(--k-kurve),opacity .2s ease}.kic-marke svg{position: relative;z-index: 1;width: 12px;height: 12px;fill: none;stroke: #fff;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;transform: scale(.3);opacity: 0;transition: transform .5s var(--k-kurve) .08s,opacity .2s ease .08s}.kic-schritt[data-zustand="fertig"] .kic-marke::before{animation: none;opacity: 0;transition: opacity .2s ease}.kic-schritt[data-zustand="fertig"] .kic-marke::after{transform: scale(1);opacity: 1}.kic-schritt[data-zustand="fertig"] .kic-marke svg{transform: scale(1);opacity: 1}.kic-zaehler{grid-column: 2;font-size: 12px;color: var(--k-leise);white-space: nowrap}.kic-zaehler:empty{display: none}.kic-warten{margin-top: 14px}@keyframes kic-dreh{to{transform: rotate(360deg)}}@keyframes kic-rein{from{opacity: 0;transform: translateY(8px)}}.kic-kopf{display: grid;gap: 18px 36px;align-items: center;margin-top: 16px}@container kic (min-width: 640px){.kic-kopf{grid-template-columns: auto 1fr}}.kic-zahl{font: var(--k-titel-gewicht) clamp(4em,14vw,5.6em)/.9 var(--k-schrift-titel);color: var(--k-titel);letter-spacing: -.05em;font-variant-numeric: tabular-nums}.kic-zahl small{font: 450 .2em/1 var(--k-mono);letter-spacing: 0;color: var(--k-zweit);margin-left: .5em}.kic-stufe{font: var(--k-titel-gewicht) 1.25em/1.25 var(--k-schrift-titel);letter-spacing: -.02em;color: var(--k-titel);display: flex;align-items: center;gap: 10px}.kic-stufe::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--k-info);flex: none}.kic-stufe[data-ton="gut"]::before{background: var(--k-gut)}.kic-stufe[data-ton="mittel"]::before{background: var(--k-mittel)}.kic-stufe[data-ton="schlecht"]::before{background: var(--k-schlecht)}.kic-genannt{margin-top: 6px;color: var(--k-text)}.kic-genannt span{color: var(--k-zweit)}.kic-segmente{display: grid;grid-template-columns: repeat(var(--z,9),minmax(0,1fr));gap: 3px;height: 10px;margin-top: 14px;max-width: 420px}.kic-segmente i{display: block;border-radius: 2px;background: var(--k-flaeche-2);transform-origin: center bottom;animation: kic-zelle .6s var(--k-kurve) both;animation-delay: calc(var(--n,0) * 50ms + 250ms)}.kic-segmente i.an{background: var(--k-akzent)}@keyframes kic-zelle{from{transform: scaleY(.25);opacity: .5}}.kic-balken{margin-top: 14px;height: 6px;background: var(--k-flaeche-2);border-radius: 6px;overflow: hidden;max-width: 420px}.kic-balken i{display: block;height: 100%;background: var(--k-akzent);border-radius: 6px;transform-origin: left center;animation: kic-balken 1.2s var(--k-kurve) .25s both}@keyframes kic-balken{from{transform: scaleX(0)}}.kic-teile{display: flex;flex-wrap: wrap;gap: 4px 20px;margin-top: 12px;font-size: 12px;color: var(--k-zweit)}.kic-teile b{color: var(--k-text);font-weight: 500}.kic [data-rein]{animation: kic-rein .7s var(--k-kurve) both;animation-delay: calc(var(--i,0) * 90ms + 200ms)}.kic-abschnitt{margin-top: var(--k-abstand)}.kic-abschnitt>h3{font: 500 12px/16px var(--k-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--k-leise);margin-bottom: 14px}.kic-luna{background: var(--k-flaeche);border: 1px solid var(--k-haar);border-radius: var(--k-radius);padding: var(--k-karte-innen)}.kic-luna-kopf{display: flex;align-items: center;gap: 12px;margin-bottom: 12px}.kic-luna-zeichen{width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;background: var(--k-ink);color: var(--k-ink-text);font: 560 14px/1 var(--k-schrift);flex: none}.kic-luna-name{font-weight: 500;color: var(--k-titel);line-height: 1.2}.kic-luna-rolle{font-size: 13px;color: var(--k-zweit);line-height: 1.3}.kic-luna-schritte{margin-top: 16px;display: grid;gap: 10px;counter-reset: kic}.kic-luna-schritte li{counter-increment: kic;display: grid;grid-template-columns: 30px 1fr;gap: 6px}.kic-luna-schritte li::before{content: "0" counter(kic);font: 500 11px/22px var(--k-mono);letter-spacing: .04em;color: var(--k-leise)}.kic-funde{display: grid;gap: 12px;grid-template-columns: 1fr}@container kic (min-width: 640px){.kic-funde{grid-template-columns: 1fr 1fr}.kic-fund:first-child{grid-column: 1 / -1}}.kic-fund{background: var(--k-grund);border: 1px solid var(--k-haar);border-radius: var(--k-radius);padding: var(--k-karte-innen);position: relative;overflow: hidden;box-shadow: 0 1px 2px rgba(10,15,28,.04),0 2px 8px -2px rgba(10,15,28,.06),inset 0 1px 0 rgba(255,255,255,.7)}.kic-fund::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 2px;background: var(--k-info)}.kic-fund[data-ton="gut"]::before{background: var(--k-gut)}.kic-fund[data-ton="mittel"]::before{background: var(--k-mittel)}.kic-fund[data-ton="schlecht"]::before{background: var(--k-schlecht)}.kic-fund h4{margin: 0 0 6px;font: var(--k-titel-gewicht) 1.04em/1.3 var(--k-schrift-titel);letter-spacing: -.015em;color: var(--k-titel)}.kic-fund p{color: var(--k-zweit)}.kic-fund .kic-beispiel{margin-top: 10px;color: var(--k-zweit);font-size: .94em}.kic-fragen{border-top: 1px solid var(--k-haar)}.kic-fragen summary{cursor: pointer;padding: 16px 0;font-weight: 500;color: var(--k-titel);list-style: none;display: flex;justify-content: space-between;gap: 12px}.kic-fragen summary::-webkit-details-marker{display: none}.kic-fragen summary::after{content: "+";font: 400 1.3em/1 var(--k-mono);color: var(--k-leise);transition: transform .4s var(--k-kurve)}.kic-fragen[open] summary::after{transform: rotate(45deg)}.kic-fragen[open] .kic-frage{animation: kic-rein .5s var(--k-kurve) both}.kic-frage{display: grid;gap: 4px;padding: 12px 0;border-top: 1px solid var(--k-haar)}@container kic (min-width: 720px){.kic-frage{grid-template-columns: 1fr 170px 170px;align-items: center;gap: 16px}}.kic-frage-ki{font-size: 13px;color: var(--k-zweit);display: flex;gap: 8px;align-items: center}.kic-frage-ki::before{content: "";width: 8px;height: 8px;border-radius: 50%;border: 1.5px solid var(--k-leise);flex: none}.kic-frage-ki[data-genannt="ja"]{color: var(--k-text);font-weight: 500}.kic-frage-ki[data-genannt="ja"]::before{background: var(--k-gut);border-color: var(--k-gut)}.kic-frage-ki[data-genannt="fehlt"]{color: var(--k-leise)}.kic-hinweis{margin-top: 26px;font-size: .92em;color: var(--k-zweit);border-left: 2px solid var(--k-linie);padding-left: 14px}.kic-mail{margin-top: 14px;font-size: .94em}.kic-angebote{display: grid;gap: 12px;grid-template-columns: 1fr}@container kic (min-width: 640px){.kic-angebote{grid-template-columns: 1fr 1fr}}.kic-angebot{border: 1px solid var(--k-haar);border-radius: var(--k-radius);padding: var(--k-karte-innen);display: flex;flex-direction: column;gap: 6px;background: var(--k-grund);box-shadow: 0 1px 2px rgba(10,15,28,.04),0 2px 8px -2px rgba(10,15,28,.06),inset 0 1px 0 rgba(255,255,255,.7)}.kic-angebot[data-haupt]{border-color: var(--k-akzent);box-shadow: 0 0 0 1px var(--k-akzent),0 12px 32px -16px rgba(62,99,246,.25)}.kic-angebot-kopf{display: flex;justify-content: space-between;align-items: baseline;gap: 12px}.kic-angebot h4{margin: 0;font: var(--k-titel-gewicht) 1.04em/1.3 var(--k-schrift-titel);letter-spacing: -.015em;color: var(--k-titel)}.kic-preis{display: flex;align-items: baseline;gap: 6px;font-weight: 500;font-size: 14px;color: var(--k-titel);white-space: nowrap}.kic-netto{font-size: 13px;line-height: 18px;color: var(--k-zweit);font-weight: 450}.kic-wege{display: grid;gap: 16px;grid-template-columns: 1fr;align-items: start}@container kic (min-width: 640px){.kic-wege{grid-template-columns: 1fr 1fr}}.kic-weg-offen{padding: 8px 4px}.kic-weg-offen h4{margin: 0;font: var(--k-titel-gewicht) 1.04em/1.3 var(--k-schrift-titel);letter-spacing: -.015em;color: var(--k-titel)}.kic-weg-offen p{font-size: .92em;color: var(--k-zweit);margin-top: 6px}.kic-weg-offen a,.kic-selbst a,.kic-mehr a{color: var(--k-titel);font-weight: 500;text-decoration: underline;text-decoration-color: rgba(10,15,28,.25);text-underline-offset: 4px}.kic-weg-offen a{display: inline-block;margin-top: 10px}.kic-selbst{margin-top: 10px;font-size: .92em;color: var(--k-zweit)}.kic-mehr{margin-top: 14px;font-size: .9em;color: var(--k-zweit)}.kic-angebot p{font-size: .92em;color: var(--k-zweit);flex: 1}.kic-art{font-size: 11px;letter-spacing: .02em;color: var(--k-leise)}.kic-angebot a{margin-top: 8px;align-self: flex-start;text-decoration: underline;text-decoration-color: rgba(10,15,28,.25);text-underline-offset: 4px;font-weight: 500;font-size: .94em;color: var(--k-text);transition: text-decoration-color .3s ease}.kic-angebot a:hover{text-decoration-color: currentColor}.kic-angebot[data-haupt] a{text-decoration: none;background: linear-gradient(180deg,#1A2236 0%,var(--k-ink) 100%);color: var(--k-ink-text);padding: 11px 20px;border-radius: var(--k-radius-knopf);align-self: center;min-width: 70%;text-align: center;box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(10,15,28,.24);transition: transform .6s var(--k-kurve),box-shadow .6s var(--k-kurve)}@media (hover: hover){.kic-angebot[data-haupt] a:hover{transform: translateY(-1px);box-shadow: inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px -10px rgba(10,15,28,.6)}}.kic-angebot[data-haupt] a:active{transform: scale(.985)}.kic-bruecke{margin-top: var(--k-abstand);padding-top: 20px;border-top: 1px solid var(--k-haar);color: var(--k-zweit)}.kic-bruecke a{color: var(--k-text);font-weight: 500;text-decoration-color: rgba(10,15,28,.25);text-underline-offset: 4px}.kic-neu{margin-top: 28px}@media (prefers-reduced-motion: reduce){.kic *,.kic>*,.kic [data-rein],.kic-schritt,.kic-balken i,.kic-segmente i{animation: none !important;transition: none !important}.kic-marke::before{border-right-color: var(--k-akzent)}}
