:root{--kq-creme: #FBF7F1;--kq-creme-tief: #F3E9DC;--kq-linie: #EADFD0;--kq-text: #2B2622;--kq-text-weich: #6B6058;--kq-terra: #A85C42;--kq-terra-dunkel: #8E4B34;--kq-terra-hell: #C8765A;--kq-gold: #E3B98F;--kq-weiss: #FFFFFF;--kq-radius: 16px;--kq-schatten: 0 1px 2px rgba(43, 38, 34, .04), 0 8px 24px rgba(43, 38, 34, .06);--kq-tempo: .28s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}.kq-body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--kq-creme);color:var(--kq-text);font-family:var(--kq-sans, "Poppins", sans-serif);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.kq-body main{flex:1 0 auto}.kq{width:100%;max-width:560px;margin:0 auto;padding:16px 16px 40px}.kq-top{display:flex;align-items:center;gap:12px;min-height:40px;margin-bottom:8px}.kq-zurueck{flex:0 0 auto;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--kq-text-weich);cursor:pointer;transition:background var(--kq-tempo),color var(--kq-tempo)}.kq-zurueck:hover{background:var(--kq-creme-tief);color:var(--kq-text)}.kq-zurueck[hidden]{display:inline-flex;visibility:hidden}.kq-fortschritt{flex:1 1 auto;height:6px;border-radius:999px;background:var(--kq-linie);overflow:hidden}.kq-fortschritt[hidden]{display:block;visibility:hidden}.kq-fortschritt__balken{height:100%;width:0;border-radius:inherit;background:var(--kq-terra);transition:width .5s cubic-bezier(.22,.8,.3,1)}.kq-screen{animation:kq-rein .38s cubic-bezier(.22,.8,.3,1) both}.kq-screen.is-raus{animation:kq-raus .2s ease-in both}@keyframes kq-rein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kq-raus{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.kq-eyebrow{margin:0 0 12px;font-family:var(--kq-sans-medium, "Poppins", sans-serif);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--kq-terra)}.kq-titel{margin:0 0 16px;font-family:var(--kq-serif, "Lora", serif);font-weight:500;font-size:clamp(30px,8vw,42px);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.kq-frage{margin:8px 0 6px;font-family:var(--kq-serif, "Lora", serif);font-weight:500;font-size:clamp(24px,6.4vw,30px);line-height:1.25;text-wrap:balance}.kq-hilfe{margin:0 0 20px;color:var(--kq-text-weich);font-size:15px}.kq-nr{margin:0;font-size:13px;color:var(--kq-text-weich);letter-spacing:.04em}.kq-text{margin:0 0 16px;font-size:17px}.kq-klein{margin:12px 0 0;font-size:14px;color:var(--kq-text-weich)}.kq-start{padding-top:12vh;text-align:center}.kq-start .kq-text{max-width:30em;margin-inline:auto;margin-bottom:28px}.kq-knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;padding:14px 24px;border:0;border-radius:999px;background:var(--kq-terra);color:var(--kq-weiss);font-family:var(--kq-sans-medium, "Poppins", sans-serif);font-size:17px;font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--kq-tempo),transform .15s,opacity var(--kq-tempo);-webkit-tap-highlight-color:transparent}.kq-knopf:hover{background:var(--kq-terra-dunkel)}.kq-knopf:active{transform:scale(.98)}.kq-knopf:disabled{opacity:.35;cursor:default;transform:none;background:var(--kq-terra)}.kq-knopf:focus-visible,.kq-option:focus-visible,.kq-link:focus-visible,.kq-zurueck:focus-visible{outline:2px solid var(--kq-terra);outline-offset:3px}.kq-knopf--cta{background:var(--kq-terra-hell)}.kq-knopf--cta:hover{background:var(--kq-terra)}.kq-weiter{margin-top:24px}.kq [tabindex="-1"]:focus{outline:none}.kq-link{display:inline-block;margin-top:16px;padding:8px 4px;border:0;background:none;color:var(--kq-text-weich);font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.kq-link:hover{color:var(--kq-text)}.kq-optionen{display:grid;gap:12px;margin-top:20px}.kq-option{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:14px 18px;border:1.5px solid var(--kq-linie);border-radius:var(--kq-radius);background:var(--kq-weiss);color:var(--kq-text);font:inherit;font-size:16px;line-height:1.4;text-align:left;cursor:pointer;box-shadow:var(--kq-schatten);transition:background var(--kq-tempo),border-color var(--kq-tempo),color var(--kq-tempo),transform .15s;-webkit-tap-highlight-color:transparent;overflow:hidden;isolation:isolate}@media(hover:hover){.kq-option:hover{border-color:var(--kq-terra-hell)}}.kq-option:active{transform:scale(.985)}.kq-option__marke{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--kq-linie);border-radius:50%;background:var(--kq-creme);transition:background var(--kq-tempo),border-color var(--kq-tempo)}.kq-option--mehrfach .kq-option__marke{border-radius:6px}.kq-option__marke svg{width:14px;height:14px;opacity:0;transform:scale(.4);transition:opacity .2s,transform .35s cubic-bezier(.3,1.8,.5,1)}.kq-option__marke svg path,.kq-schritte__marke svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s .08s ease-out}.kq-option.is-gewaehlt{background:var(--kq-terra);border-color:var(--kq-terra);color:var(--kq-weiss);animation:kq-puls .42s ease-out}.kq-option.is-gewaehlt .kq-option__marke{background:var(--kq-weiss);border-color:var(--kq-weiss)}.kq-option.is-gewaehlt .kq-option__marke svg{opacity:1;transform:none}.kq-option.is-gewaehlt .kq-option__marke svg path{stroke-dashoffset:0}@keyframes kq-puls{0%{box-shadow:0 0 #a85c4273}to{box-shadow:0 0 0 12px #a85c4200}}.kq-optionen--paar .kq-option{justify-content:center;text-align:center;min-height:72px;font-family:var(--kq-sans-medium, "Poppins", sans-serif);font-weight:500}.kq-optionen--paar .kq-option__marke{display:none}.kq-optionen--janein{grid-template-columns:1fr 1fr}.kq-regler{margin-top:28px}.kq-regler__wert{display:block;margin-bottom:18px;text-align:center;font-family:var(--kq-serif, "Lora", serif);font-size:56px;line-height:1;color:var(--kq-terra);color:color-mix(in srgb,var(--kq-terra) var(--kq-staerke, 70%),var(--kq-gold));transform:scale(var(--kq-groesse, 1));transition:transform .25s cubic-bezier(.3,1.6,.5,1),color .25s}.kq-regler__wert.is-hupf{transform:scale(calc(var(--kq-groesse, 1) * 1.15))}.kq-regler input[type=range]{--kq-fuellung: 50%;-webkit-appearance:none;appearance:none;width:100%;height:8px;margin:0;border-radius:999px;background:linear-gradient(to right,var(--kq-terra) var(--kq-fuellung),var(--kq-linie) var(--kq-fuellung));outline:none;cursor:pointer}.kq-regler input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border:4px solid var(--kq-weiss);border-radius:50%;background:var(--kq-terra);box-shadow:0 2px 8px #2b262240}.kq-regler input[type=range]::-moz-range-thumb{width:24px;height:24px;border:4px solid var(--kq-weiss);border-radius:50%;background:var(--kq-terra);box-shadow:0 2px 8px #2b262240}.kq-regler input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--kq-terra);outline-offset:3px}.kq-regler__enden{display:flex;justify-content:space-between;margin-top:12px;font-size:14px;color:var(--kq-text-weich)}.kq-karte{margin-top:8vh;padding:36px 28px;border-radius:20px;background:var(--kq-text);color:var(--kq-creme);box-shadow:var(--kq-schatten)}.kq-karte .kq-eyebrow{color:var(--kq-gold)}.kq-karte__text{margin:0 0 28px;font-family:var(--kq-serif, "Lora", serif);font-size:clamp(21px,5.6vw,25px);line-height:1.4;text-wrap:pretty}.kq-karte .kq-knopf{background:var(--kq-terra-hell)}.kq-karte .kq-knopf:hover{background:var(--kq-terra)}.kq-form{display:grid;gap:14px;margin-top:20px}.kq-feld label{display:block;margin-bottom:6px;font-size:14px;font-weight:500}.kq-feld input{width:100%;min-height:52px;padding:12px 16px;border:1.5px solid var(--kq-linie);border-radius:12px;background:var(--kq-weiss);color:var(--kq-text);font:inherit;font-size:16px;transition:border-color var(--kq-tempo)}.kq-feld input:focus{outline:none;border-color:var(--kq-terra)}.kq-zustimmung{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;cursor:pointer}.kq-zustimmung input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--kq-terra)}.kq-fehler{margin:0;min-height:1.4em;font-size:14px;color:var(--kq-terra-dunkel)}.kq-datenschutz{margin:0;font-size:13px;color:var(--kq-text-weich)}.kq-datenschutz a{color:inherit}.kq-mitte{text-align:center}.kq-ergebnis .kq-titel{margin-bottom:20px}.kq-zusammenfassung{margin:0 0 28px;padding:16px 18px;border-radius:var(--kq-radius);background:var(--kq-creme-tief)}.kq-zusammenfassung h2{margin:0 0 8px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--kq-text-weich)}.kq-zusammenfassung ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.kq-zusammenfassung li{padding:6px 12px;border-radius:14px;background:var(--kq-weiss);font-size:14px}.kq-absatz{margin:0 0 16px;font-size:17px}.kq-entlastung{margin:28px 0;padding:20px 22px;border-left:3px solid var(--kq-terra);border-radius:0 12px 12px 0;background:var(--kq-weiss)}.kq-entlastung span{display:block;margin-bottom:6px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--kq-terra)}.kq-entlastung p{margin:0;font-family:var(--kq-serif, "Lora", serif);font-size:21px;line-height:1.4}.kq-untertitel{margin:32px 0 14px;font-family:var(--kq-serif, "Lora", serif);font-weight:500;font-size:24px}.kq-hilft{margin:0;padding:0;list-style:none;counter-reset:kq-hilft;display:grid;gap:12px}.kq-hilft li{counter-increment:kq-hilft;display:flex;gap:14px;padding:16px 18px;border-radius:var(--kq-radius);background:var(--kq-weiss);box-shadow:var(--kq-schatten)}.kq-hilft li:before{content:counter(kq-hilft);flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--kq-terra);color:var(--kq-weiss);font-size:14px;font-weight:500}.kq-uebergang{margin:32px 0 20px;font-size:17px}.kq-platzhalter{outline:2px dashed var(--kq-terra-hell);outline-offset:4px;background:#c8765a14}.kq-noscript{padding:40px 0;text-align:center}.kq-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:24px 16px 32px;font-size:13px}.kq-footer a{color:var(--kq-text-weich);text-decoration:none}.kq-footer a:hover{color:var(--kq-text);text-decoration:underline}.kq-knopf{position:relative;overflow:hidden;isolation:isolate}.kq-welle{position:absolute;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(227,185,143,.35) 40%,transparent 70%);transform:scale(0);pointer-events:none;animation:kq-welle .65s cubic-bezier(.2,.8,.3,1) forwards}.kq-option .kq-welle{z-index:0}.kq-option__marke,.kq-option__text{position:relative;z-index:1}@keyframes kq-welle{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.kq-option.is-gewaehlt{animation:none}.kq-option.is-pop{animation:kq-pop .45s cubic-bezier(.3,1.4,.5,1),kq-puls .6s ease-out}.kq-option.is-ab{animation:kq-ab .3s ease-out}@keyframes kq-pop{0%{transform:scale(1)}28%{transform:scale(.955)}62%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes kq-ab{0%{transform:scale(1)}40%{transform:scale(.97)}to{transform:scale(1)}}.kq-funke{position:fixed;z-index:50;border-radius:50%;pointer-events:none;will-change:transform,opacity}.kq-funke--strich,.kq-funke--raute{border-radius:2px}.kq-knopf.is-wach{animation:kq-wach .6s cubic-bezier(.3,1.6,.5,1)}.kq-knopf.is-wach:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);transform:translate(-100%);animation:kq-glanz .8s .1s ease-out forwards;pointer-events:none}@keyframes kq-wach{0%{transform:scale(.96)}55%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes kq-glanz{to{transform:translate(100%)}}.kq-knopf--start{animation:kq-atmen 2.6s ease-in-out 1.2s infinite}@keyframes kq-atmen{0%,to{box-shadow:0 0 #a85c4200}50%{box-shadow:0 0 0 8px #a85c421f}}.kq-fortschritt{position:relative;overflow:visible}.kq-fortschritt__balken{position:relative;box-shadow:0 0 10px #a85c4259}.kq-fortschritt__balken:before{content:"";position:absolute;right:-2px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--kq-gold);box-shadow:0 0 10px 3px #e3b98fcc}.kq-fortschritt.is-schub .kq-fortschritt__balken:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:kq-schimmer .8s .15s ease-out both}@keyframes kq-schimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.kq-fortschritt.is-schub{animation:kq-balkenhupf .5s .35s ease-out}@keyframes kq-balkenhupf{0%,to{transform:scaleY(1)}40%{transform:scaleY(1.8)}}.kq-wort{display:inline-block;opacity:0;transform:translateY(6px);filter:blur(3px);animation:kq-wort .45s ease-out forwards}@keyframes kq-wort{to{opacity:1;transform:none;filter:none}}.is-wackel{animation:kq-wackel .4s ease-in-out}@keyframes kq-wackel{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.kq-auswertung{padding-top:8vh}.kq-ring{position:relative;width:132px;height:132px;margin:0 auto 20px}.kq-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.kq-ring circle{fill:none;stroke-width:8}.kq-ring__spur{stroke:var(--kq-linie)}.kq-ring__lauf{stroke:var(--kq-terra);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 6px rgba(168,92,66,.35))}.kq-ring__zahl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--kq-serif, "Lora", serif);font-size:28px;color:var(--kq-terra)}.kq-schritte{list-style:none;margin:24px auto 0;padding:0;max-width:340px;display:grid;gap:14px}.kq-schritte li{display:flex;align-items:center;gap:12px;color:var(--kq-text-weich);opacity:.45;transition:opacity .3s,color .3s}.kq-schritte li.is-aktiv{opacity:1}.kq-schritte li.is-fertig{opacity:1;color:var(--kq-text)}.kq-schritte__marke{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--kq-linie);border-radius:50%;background:var(--kq-weiss);transition:background .3s,border-color .3s}.kq-schritte__marke svg{width:14px;height:14px}.kq-schritte li.is-aktiv .kq-schritte__marke{border-color:var(--kq-terra-hell);animation:kq-puls 1s ease-out infinite}.kq-schritte li.is-fertig .kq-schritte__marke{background:var(--kq-terra);border-color:var(--kq-terra);animation:kq-pop .45s cubic-bezier(.3,1.4,.5,1)}.kq-schritte li.is-fertig .kq-schritte__marke svg path{stroke:#fff;stroke-dashoffset:0}.kq-ergebnis__kopf{animation:kq-titelrein .7s cubic-bezier(.2,.9,.3,1.2) both}@keyframes kq-titelrein{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.kq-staffel{animation:kq-rein .5s cubic-bezier(.22,.8,.3,1) both}.kq-knopf--cta{box-shadow:0 8px 24px #c8765a59}.kq-ton{flex:0 0 auto;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--kq-text-weich);cursor:pointer;transition:background var(--kq-tempo),color var(--kq-tempo);-webkit-tap-highlight-color:transparent}.kq-ton:hover{background:var(--kq-creme-tief);color:var(--kq-text)}.kq-ton:focus-visible{outline:2px solid var(--kq-terra);outline-offset:3px}.kq-ton .kq-ton__aus,.kq-ton.is-aus .kq-ton__an{display:none}.kq-ton.is-aus .kq-ton__aus{display:block}.kq-ton.is-aus{opacity:.6}@media(min-width:700px){.kq-body{font-size:18px}.kq{max-width:680px;padding:28px 24px 56px}.kq-top{margin-bottom:20px}.kq-fortschritt{height:8px}.kq-eyebrow{font-size:14px}.kq-titel{font-size:54px}.kq-frage{font-size:38px;margin-bottom:10px}.kq-nr,.kq-hilfe{font-size:17px}.kq-text,.kq-absatz,.kq-uebergang{font-size:20px}.kq-klein{font-size:16px}.kq-optionen{gap:14px;margin-top:28px}.kq-option{min-height:72px;padding:18px 24px;font-size:19px;gap:18px}.kq-option__marke{width:26px;height:26px}.kq-option__marke svg{width:16px;height:16px}.kq-optionen--paar .kq-option{min-height:88px}.kq-knopf{min-height:64px;font-size:19px}.kq-weiter{margin-top:32px}.kq-regler__wert{font-size:72px}.kq-karte{padding:48px 44px}.kq-karte__text{font-size:30px}.kq-entlastung p{font-size:25px}.kq-untertitel{font-size:30px}.kq-hilft li{padding:20px 22px;font-size:18px}.kq-zusammenfassung li{font-size:16px}.kq-start{padding-top:14vh}.kq-ring{width:156px;height:156px}.kq-schritte{max-width:400px;font-size:18px}.kq-feld input{min-height:58px;font-size:18px}.kq-footer{font-size:14px}}@media(min-width:1100px){.kq{max-width:740px}.kq-titel{font-size:62px}.kq-frage{font-size:42px}}@media(prefers-reduced-motion:reduce){.kq-screen,.kq-screen.is-raus,.kq-option.is-pop,.kq-option.is-ab,.kq-knopf.is-wach,.kq-knopf--start,.kq-fortschritt.is-schub,.kq-wort,.is-wackel,.kq-ergebnis__kopf,.kq-staffel,.kq-schritte__marke,.kq-schritte li.is-aktiv .kq-schritte__marke,.kq-schritte li.is-fertig .kq-schritte__marke{animation:none}.kq-wort{opacity:1;transform:none;filter:none}.kq-knopf.is-wach:after,.kq-fortschritt.is-schub .kq-fortschritt__balken:after{display:none}.kq-fortschritt__balken,.kq-option,.kq-option__marke svg,.kq-option__marke svg path,.kq-regler__wert{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/klartext-quiz.css.map */