@layer components{.kh{position:relative;isolation:isolate;overflow:hidden;padding-top:11.25rem;padding-bottom:6rem;background-image:linear-gradient(180deg,#fff 0%,#fff 34%,var(--color-offwhite) 100%);background-color:#fff;text-align:center}.kh-buehne{position:relative;display:grid;margin-top:4.5rem;padding:4.5rem 3.25rem;border:1px solid var(--color-grey);border-radius:2rem;overflow:hidden;background-color:#e3e8e5;box-shadow:var(--shadow-card)}.kh-stroeme{position:absolute;inset:-30%;z-index:0;pointer-events:none;filter:blur(16px);transform:scaleX(2) rotate(-3deg);background-image:radial-gradient(ellipse 52% 7% at 34% 14%,#8a9c94ad,#8a9c9400 72%),radial-gradient(ellipse 46% 5% at 62% 26%,#ffffffd9,#fff0 74%),radial-gradient(ellipse 50% 8% at 26% 38%,#7e8d9280,#7e8d9200 72%),radial-gradient(ellipse 54% 6% at 70% 52%,#ffffffbf,#fff0 74%),radial-gradient(ellipse 48% 8% at 56% 66%,#687a7180,#687a7100 72%),radial-gradient(ellipse 52% 7% at 30% 80%,#8a9c9499,#8a9c9400 72%),radial-gradient(ellipse 46% 5% at 66% 90%,#fff9,#fff0 74%)}.kh-buehne:before,.kh-buehne:after{content:"";position:absolute;inset:0;pointer-events:none}.kh-buehne:before{z-index:1;background-image:radial-gradient(ellipse 52% 56% at 50% 50%,#ffffff2e,#fff0 76%)}.kh-buehne:after{z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='grob'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23grob)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='fein'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23fein)'/%3E%3C/svg%3E");opacity:.85;mix-blend-mode:overlay}.kh-szene{position:relative;z-index:3;grid-area:1 / 1;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translateY(.75rem);transition:opacity .45s var(--ease-out-soft),transform .45s var(--ease-out-soft),visibility .45s}.kh-szene:first-child{opacity:1;visibility:visible;transform:none}.kh-buehne.ist-gesteuert .kh-szene{opacity:0;visibility:hidden;transform:translateY(.75rem)}.kh-buehne.ist-gesteuert .kh-szene.ist-da{opacity:1;visibility:visible;transform:none;transition:opacity .9s var(--ease-out-soft),transform .9s var(--ease-out-soft),visibility .9s}.kh-ablauf{flex:1;display:flex;align-items:center;justify-content:center;gap:2.25rem}.kh-karte{background-color:#fff;border:1px solid var(--color-grey);border-radius:1.5rem;box-shadow:var(--shadow-card);padding:1.1rem;text-align:left}.kh-beratung{flex:none;width:20.5rem}.kh-berater{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}.kh-berater-bilder{display:flex;flex:none}.kh-berater-bilder img{width:2rem;height:2rem;border-radius:999px;border:2px solid #fff;object-fit:cover}.kh-berater-bilder img+img{margin-left:-.6rem}.kh-berater-text{font-size:.85rem;color:var(--color-paragraph)}.kh-chat{flex:none;width:20.5rem}.kh-chat-text{font-size:1rem;line-height:1.45}.kh-chat-fuss{display:flex;align-items:center;gap:.5rem;margin-top:1.1rem}.kh-plus,.kh-zeichen,.kh-senden{width:2rem;height:2rem;flex:none;display:grid;place-items:center;border-radius:999px}.kh-plus,.kh-zeichen{border:1px solid var(--color-grey);background-color:#fff}.kh-plus{color:var(--color-paragraph);font-size:1.1rem;line-height:1}.kh-zeichen svg{width:1.15rem;height:1.15rem}.kh-senden{margin-left:auto;background-color:var(--color-black);color:#fff}.kh-senden svg{width:1rem;height:1rem}.kh-ergebnis{flex:none;width:26rem}.kh-leiste{display:flex;align-items:center;justify-content:space-between;padding:0 .15rem .8rem;font-size:.85rem;color:var(--color-paragraph)}.kh-marke{border:1px solid var(--color-grey);border-radius:999px;padding:.1rem .6rem;font-size:.75rem;background-color:var(--color-offwhite)}.kh-seite{display:flex;gap:1rem;padding:1.1rem;border-radius:1rem;background-color:var(--color-offwhite)}.kh-seite-text{flex:1;min-width:0}.kh-seite-titel{margin-bottom:.8rem;font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:1.3rem;line-height:1.12;letter-spacing:-.02em}.kh-linie{display:block;height:.45rem;margin-bottom:.45rem;border-radius:999px;background-color:#d5e0db}.kh-linie.ist-kurz{width:62%}.kh-seite-knopf{display:inline-block;margin-top:.85rem;padding:.4rem .9rem;border-radius:999px;background-color:var(--color-black);color:#fff;font-size:.8rem}.kh-seite-bild{flex:none;width:7.5rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:.8rem;border:1px solid var(--color-grey);border-radius:.9rem;background-color:#fff}.kh-seite-bild i{display:block;height:.7rem;border-radius:.35rem;background-color:#e4ebe7}.kh-seite-bild i:first-child{background-color:var(--color-accent)}.kh-seite-bild i:last-child{width:65%}.kh-kacheln{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:1.1rem;border-radius:1rem;background-color:var(--color-offwhite)}.kh-kachel{display:flex;flex-direction:column;gap:.4rem}.kh-kachel-flaeche{display:block;height:3.1rem;border-radius:.6rem;border:1px solid var(--color-grey);background-color:#fff}.kh-kachel.ist-0 .kh-kachel-flaeche{background-image:linear-gradient(135deg,var(--color-accent) 0%,#d8f08a 100%)}.kh-kachel.ist-1 .kh-kachel-flaeche{background-image:linear-gradient(135deg,#cfe0ff,#8fb6f5)}.kh-kachel.ist-2 .kh-kachel-flaeche{background-image:linear-gradient(135deg,#e7ece9,#cdd8d2)}.kh-kachel.ist-3 .kh-kachel-flaeche{background-color:var(--color-black)}.kh-kachel-text{font-size:.75rem;color:var(--color-paragraph)}.kh-messen{padding:1.1rem;border-radius:1rem;background-color:var(--color-offwhite)}.kh-werte{display:flex;gap:1.25rem}.kh-wert{display:flex;flex-direction:column}.kh-wert-zahl{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:1.15rem;letter-spacing:-.02em}.kh-wert-text{font-size:.72rem;color:var(--color-paragraph)}.kh-saeulen{display:flex;align-items:flex-end;gap:.35rem;height:3rem;margin:.9rem 0}.kh-saeulen i{flex:1;height:var(--h);border-radius:.25rem;background-color:#d5e0db}.kh-saeulen i:last-child{background-color:var(--color-accent)}.kh-hinweise{display:grid;gap:.35rem;font-size:.78rem;color:var(--color-paragraph)}.kh-hinweise li{position:relative;padding-left:.95rem}.kh-hinweise li:before{content:"";position:absolute;left:0;top:.45rem;width:.4rem;height:.4rem;border-radius:999px;background-color:var(--color-accent)}.kh-punkte{display:grid;gap:.55rem;padding:1.1rem;border-radius:1rem;background-color:var(--color-offwhite)}.kh-punkt{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid var(--color-grey);border-radius:.7rem;background-color:#fff}.kh-punkt-wert{flex:none;padding:.1rem .55rem;border-radius:999px;background-color:var(--color-offwhite);font-size:.72rem;color:var(--color-paragraph)}.kh-punkt-text{font-size:.85rem}.kh-pfeil{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;color:#b9c6c0}.kh-pfeil svg{width:1.3rem;height:auto;transform:rotate(-90deg)}.kh-pfeil-text{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.4rem;white-space:nowrap;font-size:.8rem;color:var(--color-paragraph)}.kh-live{flex:none;display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.15rem;border-radius:999px;font-size:.9rem}.kh-live i{flex:none;width:.55rem;height:.55rem;border-radius:999px;background-color:var(--color-accent);box-shadow:0 0 0 .25rem #72c7122e}.kh-reiter-reihe{margin-top:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.kh-reiter{display:block;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:var(--color-paragraph);transition:color .3s var(--ease-out-soft)}.kh-reiter.ist-da{color:var(--color-black)}.kh-balken{display:block;height:2px;margin-bottom:.7rem;border-radius:999px;background-color:var(--color-grey);overflow:hidden}.kh-balken-fuell{display:block;width:0;height:100%;border-radius:999px;background-color:var(--color-black)}.kh-reiter.ist-da .kh-balken-fuell{width:100%}@keyframes kh-balken{0%{width:0}to{width:100%}}.kh-reiter-text{font-size:.95rem}@media(prefers-reduced-motion:no-preference){.kh-buehne:not(.ist-gesteuert) .kh-szene:first-child .kh-auf,.kh-buehne.ist-gesteuert .kh-szene.ist-da .kh-auf{animation:kh-auf 1s var(--ease-out-soft) both;animation-delay:calc(var(--i) * .16s + .2s)}}@keyframes kh-auf{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}@media(width<64rem){.kh{padding-top:9rem}.kh-ablauf{flex-direction:column;gap:1.4rem}.kh-buehne{margin-top:3.5rem;padding:3rem 1.5rem}.kh-stroeme{transform:rotate(-16deg) scale(1.2)}.kh-chat,.kh-beratung,.kh-ergebnis{width:min(100%,26rem)}.kh-pfeil{gap:.4rem}.kh-pfeil svg{transform:none}.kh-pfeil-text{position:static;transform:none;margin-top:0}.kh-reiter-reihe{grid-template-columns:1fr;gap:.9rem;margin-top:1.75rem}}@media(width<48rem){.kh{padding-top:7.5rem;padding-bottom:4rem}.kh-buehne{padding:1.75rem 1rem;border-radius:1.5rem}.kh-seite,.kh-kacheln,.kh-messen,.kh-punkte{padding:.9rem}.kh-seite{gap:.8rem}.kh-seite-bild{width:5.5rem;padding:.6rem}.kh-seite-titel{font-size:1.15rem}}}