/*
  creativecouch | Webdesign, SEO und GEO
  Paul Böstro
  Pappelweg 7, 35510 Butzbach
  https://creativecouch.de
*/
@layer tokens,base,layout,components,utilities,sections,pages,reveal,a11y;@layer sections{.clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cloud{position:absolute;border-radius:48% 52% 63% 37% / 45% 40% 60% 55%;background:radial-gradient(120% 120% at 28% 22%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.7) 22%,rgba(238,243,243,0) 55%), radial-gradient(100% 100% at 70% 80%,rgba(168,192,194,.55) 0%,rgba(168,192,194,0) 60%), linear-gradient(160deg,#fbfaf8 0%,#eef3f3 45%,#dfe8e9 80%,#a8c0c2 130%);box-shadow:inset -2.4rem -3.2rem 6rem rgba(73,127,131,.16), inset 1.6rem 2rem 4rem var(--white-a90), 0 4rem 8rem var(--ink-a05)}.cloud--warm{background:radial-gradient(120% 120% at 30% 24%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.65) 24%,rgba(252,243,243,0) 55%), radial-gradient(100% 100% at 72% 78%,rgba(247,200,200,.45) 0%,rgba(247,200,200,0) 60%), linear-gradient(160deg,#fbfaf8 0%,#fcf3f3 50%,#fdebeb 90%);box-shadow:inset -2.4rem -3.2rem 6rem rgba(196,54,54,.07), inset 1.6rem 2rem 4rem var(--white-a90)}.js .clouds .cloud{opacity:0;transition:opacity .6s var(--ease-soft, ease)}.js .clouds.is-fit .cloud{opacity:1}.cloud{animation-duration:18s;animation-timing-function:ease-in-out}@media (prefers-reduced-motion: no-preference){.clouds.is-visible .cloud{animation-name:cloudMorph;animation-iteration-count:infinite;animation-direction:alternate}.clouds.is-visible:not(.clouds--still) .cloud:nth-child(2n){animation-name:cloudMorph2;animation-duration:23s;animation-delay:-7s}.clouds.is-visible:not(.clouds--still) .cloud:nth-child(3n){animation-name:cloudMorph3;animation-duration:15s;animation-delay:-11s}}html.motion-paused .clouds .cloud{animation-play-state:paused}@keyframes cloudMorph{0%{border-radius:48% 52% 63% 37% / 45% 40% 60% 55%;rotate:-5deg;scale:1}25%{border-radius:70% 30% 52% 48% / 38% 62% 38% 62%;rotate:2deg;scale:1.04 .96}50%{border-radius:35% 65% 30% 70% / 60% 45% 55% 40%;rotate:7deg;scale:.97 1.03}75%{border-radius:58% 42% 70% 30% / 30% 58% 42% 70%;rotate:-2deg;scale:1.03}100%{border-radius:40% 60% 55% 45% / 38% 55% 45% 62%;rotate:9deg;scale:.98 1.02}}@keyframes cloudMorph2{0%{border-radius:62% 38% 42% 58% / 50% 65% 35% 50%;rotate:4deg;scale:1}33%{border-radius:38% 62% 66% 34% / 64% 36% 64% 36%;rotate:-6deg;scale:1.05 .95}66%{border-radius:55% 45% 32% 68% / 42% 70% 30% 58%;rotate:3deg;scale:.96 1.04}100%{border-radius:30% 70% 58% 42% / 55% 40% 60% 45%;rotate:-8deg;scale:1.02}}@keyframes cloudMorph3{0%{border-radius:50% 50% 35% 65% / 68% 42% 58% 32%;rotate:-3deg;scale:1.03 .97}50%{border-radius:66% 34% 60% 40% / 36% 60% 40% 64%;rotate:5deg;scale:.97 1.03}100%{border-radius:42% 58% 48% 52% / 52% 34% 66% 48%;rotate:-7deg;scale:1}}.l-page{--l-gap:clamp(4rem, 2.4rem + 3vw, 8rem)}.l-section{position:relative;padding-block:var(--section)}.midcta + .l-section:is(.s-flow,.k-flow){padding-top:clamp(3.2rem, 2rem + 2.4vw, 5.6rem)}.l-page main :is(.l-stack,.l-stack > *){min-width:0}.l-stack{display:grid;grid-template-columns:minmax(0, 1fr);gap:2rem;align-content:start}.l-page main{overflow-wrap:break-word}@media (max-width: 599px){.l-page main :is(p,li,h2,h3,dd,dt){hyphens:manual}}.l-h2{font-size:var(--fs-56);font-weight:var(--fw-head-strong);letter-spacing:-.03em;line-height:1.04;text-wrap:wrap}.l-split__strong,.l-split__light{display:block}.l-split__light{margin-top:.1em;font-weight:300}.l-lede{font-size:var(--fs-lede);line-height:1.45;text-wrap:wrap}.l-eyebrow{font-family:var(--font-head);font-weight:var(--fw-head-light);font-size:var(--fs-20);line-height:1.35}.l-label{font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-18);line-height:1.3}.l-link{color:var(--cc-red);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s, text-decoration-thickness .3s}:is(h1,h2,h3,h4) .l-link{font-weight:inherit}.l-link:hover{color:var(--cc-red);text-decoration-thickness:2px}.l-link.u-nowrap{white-space:nowrap}.l-more{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s}.l-more svg{width:1.2rem;height:1.2rem;transition:transform .4s var(--ease-out)}.l-more:hover{color:var(--cc-red)}:is([data-header="dark"],.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) :is(.l-more,.l-link):not(.l-paper *):is(:hover,:focus-visible){color:inherit;text-decoration-thickness:2px}.l-more:hover svg{transform:translate3d(.2rem, -.2rem, 0)}.l-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem}.l-tone-dark{background:var(--teal-900)}.l-tone-petrol{background:var(--teal-700)}.l-tone-red{background:var(--cc-red)}.l-tone-ink{background:var(--cc-ink)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink){--cc-muted:rgba(255, 255, 255, .86);--cc-line:rgba(255, 255, 255, .26);--cc-line-strong:rgba(255, 255, 255, .45);color:var(--cc-white)}.l-tone-red{--cc-muted:var(--cc-white)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-link{color:var(--cc-white)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-paper{--cc-muted:rgba(28, 28, 28, .74);--cc-line:rgba(28, 28, 28, .14);--cc-line-strong:rgba(28, 28, 28, .26);color:var(--cc-ink)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-paper :focus-visible{outline-color:var(--cc-red)}.l-illu{display:block;width:100%;height:auto;aspect-ratio:835 / 874}@media print{[data-pop-pin]{height:auto !important}[data-pop-sticky]{position:static}[data-pop] [data-pop-item],[data-pop] [data-pop-item] *,[data-pop] [data-pop-final]{opacity:1;transform:none !important;clip-path:none !important;stroke-dashoffset:0}}.l-page :is(.s-step__text,.s-step__result,.bf-check__text){font-size:1.7rem;font-weight:300}.page-k{--k-dark:var(--cc-logo);--k-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}.cloud--night{background:radial-gradient(120% 120% at 30% 24%, rgba(168,192,194,.16) 0%, rgba(73,127,131,.08) 34%, rgba(13,34,37,0) 64%), linear-gradient(160deg, rgba(58,104,107,.26) 0%, rgba(13,34,37,0) 78%);box-shadow:inset -2.4rem -3.2rem 6rem rgba(0,0,0,.22), inset 1.6rem 2rem 4rem rgba(168,192,194,.1)}.k-hero{position:relative;display:grid;min-height:calc(100vh + 1.6rem);min-height:calc(100svh + 1.6rem);overflow:hidden;padding-top:calc(var(--header-h) + clamp(3.2rem, 1rem + 4vw, 7.2rem));background:var(--k-dark);color:var(--cc-white)}.k-hero :focus-visible,.k-close :focus-visible{outline-color:var(--cc-white)}.k-hero .cloud--1{width:54rem;height:48rem;left:-22rem;top:-20rem}.k-hero .cloud--2{width:44rem;height:40rem;right:-10rem;top:18%;animation-duration:24s}.k-hero__grid{position:relative;z-index:2;align-self:stretch;display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:4rem var(--gutter);align-items:end}.k-hero__text{grid-column:1 / span 6;gap:2.4rem;align-self:center;padding-bottom:clamp(4.8rem, 2rem + 4vw, 9.6rem)}.k-hero__eyebrow{color:var(--teal-300)}.k-hero__title{font-size:var(--fs-68);font-weight:800;letter-spacing:-.035em;line-height:1.02;text-wrap:wrap}.k-hero__sub{max-width:60rem;font-size:var(--fs-lede);line-height:1.45;color:var(--white-a90)}.k-hero__media{position:relative;grid-column:7 / span 6;justify-self:end;width:calc(100% + var(--margin));max-width:82rem;margin-right:calc(var(--margin) * -1);overflow:hidden}.k-hero__media img{width:100%;height:auto}@media (prefers-reduced-motion: no-preference){.js .k-hero__media img{animation:kRise 1.2s var(--ease-out) .15s both}.js .k-hero__media::after{content:"";position:absolute;left:0;right:0;top:0;height:28%;background:linear-gradient(180deg, rgba(168,192,194,0) 0%, rgba(168,192,194,.14) 88%, var(--cc-red) 98%, rgba(196,54,54,0) 100%);pointer-events:none;opacity:0;animation:kScan 5s cubic-bezier(.65, 0, .35, 1) .7s infinite both}html.motion-paused .k-hero__media::after{animation-play-state:paused}}.k-hero__media .band__toggle{position:absolute;z-index:2;left:1.6rem;bottom:1.6rem;margin:0;border-color:rgba(255, 255, 255, .45);background:rgba(13, 34, 37, .72);color:var(--cc-white)}.k-hero__media .band__toggle:is(:hover,:focus-visible){background:var(--cc-white);border-color:var(--cc-white);color:var(--cc-ink)}.k-hero__media .band__toggle:focus-visible{outline:3px solid var(--cc-white);outline-offset:3px}.k-hero__media .band__toggle-label{background:var(--cc-white);color:var(--cc-ink)}.k-hero__media.is-paused .band__toggle .i-play{display:block}.k-hero__media.is-paused .band__toggle .i-pause{display:none}html:not(.js) .k-hero__media .band__toggle{display:none}@media (prefers-reduced-motion: reduce){.k-hero__media .band__toggle{display:none}}@keyframes kRise{from{opacity:0;transform:translate3d(0, 4rem, 0)}to{opacity:1;transform:none}}@keyframes kScan{0%{transform:translate3d(0, -100%, 0);opacity:1}41%{opacity:1}48%,100%{transform:translate3d(0, 360%, 0);opacity:0}}.k-why{background:var(--teal-700);color:var(--cc-white)}.k-why__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:4.8rem var(--gutter);align-items:start}.k-why__text{grid-column:1 / span 6;gap:2rem}.k-why__def{margin-block:1.2rem 1.6rem}.k-lens{grid-column:8 / span 5;display:grid;gap:2rem;min-width:0;padding:clamp(2.4rem, 1.6rem + 1.2vw, 3.6rem);border-radius:var(--radius-lg);background:var(--cc-white);box-shadow:var(--shadow-1)}.k-lens__cap{font-family:var(--font-head);font-weight:700;font-size:var(--fs-26);letter-spacing:-.01em;line-height:1.2}@keyframes kPulse{50%{box-shadow:0 0 0 .7rem var(--red-100)}}@keyframes kWipe{from{clip-path:inset(0 0 100% 0);transform:translate3d(0, .6rem, 0)}to{clip-path:inset(0 0 0 0);transform:none}}.k-bad,.k-good{color:inherit;background:none}.k-bad{padding:.1rem .3rem;border-radius:.4rem;outline:2px dashed var(--cc-red);outline-offset:1px}.k-good{padding:0 .2rem;border-radius:.3rem;background:rgba(168, 192, 194, .22)}.k-scope{background:var(--teal-50)}.k-scope__title{max-width:20ch;margin-bottom:var(--l-gap)}.k-layers{display:grid;gap:.6rem}.k-layer{--k-inset:0%;display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:1.2rem clamp(2.4rem, 1rem + 3vw, 6.4rem);align-items:baseline;margin-inline:var(--k-inset);padding:clamp(2.4rem, 1.6rem + 1.2vw, 3.6rem) clamp(2.4rem, 1.2rem + 2vw, 4.8rem);border-radius:var(--radius-lg);background:var(--cc-white)}.k-layer--1{--k-inset:10%}.k-layer--2{--k-inset:8%;background:var(--cc-mist)}.k-layer--3{--k-inset:6%;background:var(--teal-300)}.k-layer--4{--k-inset:4%;background:var(--teal-700);color:var(--cc-white)}.k-layer--5{--k-inset:2%;background:var(--teal-900);color:var(--cc-white)}.k-layer--6{background:var(--k-dark);color:var(--cc-white)}.k-layer__title{font-size:var(--fs-h3);font-weight:var(--fw-head-strong);letter-spacing:-.015em;line-height:1.15;text-wrap:wrap}.k-layer__text{min-width:0}.k-flow{background:var(--cc-paper)}.k-flow__title{margin-bottom:clamp(3.2rem, 2rem + 2vw, 5.6rem)}.k-flow__pin.is-pinned .k-flow__sticky{position:sticky;top:calc(var(--header-h) + 1.2rem)}.k-flow__frame{--k-gap:var(--gutter);--k-pad:clamp(2rem, 1.4rem + 1vw, 3.2rem);display:grid;gap:1.6rem}.k-bracket{position:relative;height:3.2rem;margin-inline:calc((100% - 3 * var(--k-gap)) / 8);border:2px solid var(--cc-red);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.k-bracket span{position:absolute;left:50%;top:0;translate:-50% -55%;padding:0 1.2rem;background:var(--cc-paper);font-family:var(--font-head);font-weight:700;font-size:var(--fs-18);color:var(--cc-red);white-space:nowrap}.k-flow__list{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-rows:repeat(4, auto);column-gap:var(--k-gap);row-gap:1.2rem}.k-step{grid-row:1 / span 4;display:grid;grid-template-rows:subgrid;min-width:0;padding:var(--k-pad);border:1px solid var(--cc-line-strong);border-radius:var(--radius-lg)}.k-step--mess{border:2px solid var(--teal-700);background:var(--cc-white)}.k-step__kind{grid-row:1;justify-self:start;align-self:start;padding:.2rem 1rem;border-radius:99rem;background:var(--teal-700);font-size:var(--fs-16);font-weight:600;color:var(--cc-white)}.k-step__title{grid-row:2;display:grid;gap:.4rem;font-size:var(--fs-h3);font-weight:var(--fw-head);letter-spacing:-.01em;line-height:1.2}.k-step__num{font-family:var(--font-head);font-weight:300;font-size:var(--fs-48);line-height:1;color:var(--teal-700)}.k-step__text{grid-row:3;color:var(--cc-muted)}.k-step__result{grid-row:4;align-self:start;padding-top:1.2rem;border-top:1px solid var(--cc-line)}.k-step__result strong{display:block;font-family:var(--font-head);font-weight:700;color:var(--cc-red)}.k-flow.is-live .k-step{opacity:0;transform:translate3d(0, 2.4rem, 0) scale(.92);transition:opacity .3s var(--ease-soft), transform .3s var(--ease-out)}.k-flow.is-live .k-step > *{opacity:0;transform:translate3d(0, 1.2rem, 0);transition:opacity .3s var(--ease-soft), transform .3s var(--ease-out)}.k-flow.is-live .k-step.is-on{opacity:1;transform:none;transition:opacity .35s var(--ease-soft), transform .6s cubic-bezier(.175, .885, .32, 1.35);transition-delay:var(--pop-delay, 0ms)}.k-flow.is-live .k-step.is-on > *{opacity:1;transform:none;transition:opacity .5s var(--ease-soft), transform .7s var(--ease-out);transition-delay:calc(var(--pop-delay, 0ms) + 140ms)}.k-flow.is-live .k-step.is-on > :nth-child(3){transition-delay:calc(var(--pop-delay, 0ms) + 200ms)}.k-flow.is-live .k-step.is-on > :nth-child(4){transition-delay:calc(var(--pop-delay, 0ms) + 260ms)}.k-flow.is-live .k-bracket{clip-path:inset(-2rem 50% 0 50%);transition:clip-path .8s cubic-bezier(.65, 0, .35, 1)}.k-flow.is-live .k-bracket.is-on{clip-path:inset(-2rem -1rem 0 -1rem);transition-duration:1.2s;transition-delay:var(--pop-delay, 0ms)}.k-pair{background:var(--cc-red);color:var(--cc-white)}.k-pair__head{gap:2.4rem;max-width:84rem}.k-pair__cards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--gutter);margin-block:var(--l-gap)}.k-pair__card{display:grid;align-content:space-between;gap:4rem;min-height:clamp(22rem, 14rem + 10vw, 32rem);padding:clamp(2.8rem, 1.6rem + 2vw, 5.6rem);border-radius:var(--radius-lg);background:var(--cc-white)}.k-pair__card--ki{background:var(--k-dark);color:var(--cc-white)}.k-pair__name{font-family:var(--font-head);font-weight:700;font-size:var(--fs-18);color:var(--teal-700)}.k-pair__card--ki .k-pair__name{color:var(--teal-300)}.k-pair__q{font-family:var(--font-head);font-weight:700;font-size:var(--fs-48);letter-spacing:-.03em;line-height:1.08;text-wrap:wrap}.k-pair__more{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:2.4rem var(--gutter)}.k-pair__claim{grid-column:1 / span 6;font-family:var(--font-head);font-weight:300;font-size:var(--fs-34);letter-spacing:-.015em;line-height:1.25}.k-pair__more > p:last-child{grid-column:8 / span 5;align-self:end}.k-faq{padding-top:var(--section)}.k-faq .faq__a :is(a,a:hover,a:focus-visible){color:var(--cc-red-hover)}.k-faq__title{margin-bottom:4rem}.k-close{overflow:hidden;background:var(--k-dark);color:var(--cc-white)}.k-close .cloud--1{width:48rem;height:44rem;right:-16rem;top:-16rem}.k-close .cloud--2{width:36rem;height:32rem;left:-12rem;bottom:-18rem;animation-duration:22s}.k-close__inner{position:relative;z-index:2;gap:3.2rem}.k-close__title{max-width:18ch}.k-close__title{font-size:var(--fs-88);font-weight:800;letter-spacing:-.04em;line-height:1;text-wrap:wrap}.k-close .l-lede{max-width:64rem;color:var(--white-a90)}@media (min-width: 992px) and (max-height: 820px){.k-hero{padding-top:calc(var(--header-h) + 2.4rem)}.k-hero__text{gap:2rem;padding-bottom:3.2rem}}@media (max-width: 1279px){.k-why__text{grid-column:1 / span 6}.k-lens{grid-column:7 / span 6}.k-flow__list{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:repeat(8, auto)}.k-step:nth-child(n + 3){grid-row:5 / span 4;margin-top:var(--k-gap)}.k-bracket{display:none}}@media (max-width: 991px){.k-hero__text,.k-hero__media,.k-why__text,.k-lens{grid-column:1 / -1}.k-hero__text{padding-bottom:0}.k-hero__media{justify-self:center;width:100%;max-width:56rem;margin-right:0}.k-lens{position:static}.k-layer{margin-inline:0}.k-pair__claim,.k-pair__more > p:last-child{grid-column:1 / -1}}@media (max-width: 767px){.k-hero .cloud--1{width:30rem;height:28rem;left:-14rem;top:-10rem}.k-hero .cloud--2{width:24rem;height:22rem;right:-12rem}.k-layer{grid-template-columns:minmax(0, 1fr)}.k-flow__list,.k-pair__cards{grid-template-columns:minmax(0, 1fr)}.k-flow__list{grid-template-rows:none;row-gap:var(--k-gap)}.k-step,.k-step:nth-child(n + 3){grid-row:auto;grid-template-rows:none;gap:1.2rem;margin-top:0}.k-step > *{grid-row:auto}.k-close .cloud--1{width:28rem;height:26rem;right:-12rem}}@media print{.k-hero,.k-close,.k-layer,.k-pair__card--ki{background:none;color:var(--cc-black)}.k-hero__media,.k-bracket{display:none}.k-lens{position:static;box-shadow:none}}.k-xr{--p:.5;gap:1.6rem}.k-xr__heads{display:flex;justify-content:space-between;gap:1.6rem;font-size:var(--fs-16);font-weight:600;line-height:1.3}.k-xr__heads span:last-child{text-align:right;color:var(--teal-700)}.k-xr__stage{position:relative;display:grid;border:1px solid var(--cc-line-strong);border-radius:var(--radius-lg);overflow:hidden;background:var(--cc-white);touch-action:pan-y;user-select:none;-webkit-user-select:none}.k-xr__row{position:relative;display:grid;grid-column:1}.k-xr__row--bar{grid-row:1}.k-xr__row--head{grid-row:2}.k-xr__row--title{grid-row:3}.k-xr__row--body{grid-row:4}.k-xr__row--foot{grid-row:5}.js .k-xr__row > *{grid-area:1 / 1}.k-xr__h,.k-xr__c{min-width:0;padding:1.2rem 1.6rem 1.2rem 6.4rem}.k-xr__c{padding-left:1.6rem}.k-xr__row--bar .k-xr__h{padding-left:1.6rem}.k-xr__h{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;background:var(--cc-white)}.k-xr__c{display:flex;align-items:center;justify-content:flex-end;background:var(--k-dark);color:var(--teal-50)}.js .k-xr__c{clip-path:inset(0 0 0 calc(var(--p) * 100%))}.k-xr__c code{font-family:var(--k-mono);font-size:var(--fs-16);line-height:1.5;letter-spacing:-.03em;white-space:break-spaces;overflow-wrap:anywhere;text-align:left}.k-xr__c .k-bad{outline-color:var(--cc-red)}.k-xr__c .k-good{color:var(--cc-white);background:rgba(168, 192, 194, .28)}.k-xr__row--bar .k-xr__h{gap:.8rem;flex-wrap:wrap;background:var(--teal-50)}.k-xr__row--bar .k-xr__c{background:#081719}.k-xr__dots{flex:none;width:3.2rem;height:.8rem;background:radial-gradient(circle at .4rem 50%, var(--teal-300) .4rem, transparent .45rem), radial-gradient(circle at 1.6rem 50%, var(--teal-300) .4rem, transparent .45rem), radial-gradient(circle at 2.8rem 50%, var(--teal-300) .4rem, transparent .45rem)}.k-xr__tab{padding:.2rem 1rem;border-radius:.6rem .6rem 0 0;background:var(--cc-white);font-size:var(--fs-16);white-space:nowrap}.k-xr__url{min-width:0;font-size:var(--fs-16);color:var(--cc-muted);overflow-wrap:anywhere}.k-xr__brand{font-family:var(--font-head);font-weight:700;font-size:var(--fs-18)}.k-xr__nav{display:flex;gap:.6rem;margin-left:auto}.k-xr__nav span{width:3.2rem;height:.6rem;border-radius:99rem;background:var(--cc-line-strong)}.k-xr__row--head .k-xr__h{border-bottom:1px solid var(--cc-line)}.k-xr__row--title .k-xr__h{flex-direction:column;align-items:flex-start;gap:.4rem;padding-block:2rem 1.2rem}.k-xr__title{font-family:var(--font-head);font-weight:800;font-size:var(--fs-28);line-height:1.1;letter-spacing:-.02em}.k-xr__lead{font-size:var(--fs-16);line-height:1.4;color:var(--cc-muted)}.k-xr__cards{display:flex;flex-wrap:wrap;gap:.8rem}.k-xr__cards span{padding:1.6rem 1.2rem .8rem;border-radius:var(--radius);background:var(--teal-50);font-size:var(--fs-16);line-height:1.2}.k-xr__row--foot .k-xr__h{border-top:1px solid var(--cc-line);background:var(--cc-paper)}.k-xr__foot{font-size:var(--fs-16);color:var(--cc-muted)}.k-xr__sw{display:inline-grid}.k-xr__sw > *{grid-area:1 / 1}.k-xr[data-state="vorher"] .k-xr__n,.k-xr[data-state="nachher"] .k-xr__v{visibility:hidden}.k-xr__mark{position:relative;z-index:3;grid-column:1;align-self:center;justify-self:start;display:grid;place-items:center;width:4.4rem;height:4.4rem;margin-left:1rem;padding:0;border:.3rem solid var(--cc-white);border-radius:50%;background:var(--cc-red);color:var(--cc-white);font-family:var(--font-head);font-weight:700;font-size:var(--fs-18);box-shadow:0 .2rem .8rem rgba(13, 34, 37, .25);cursor:pointer;transition:background-color .3s, transform .3s}.k-xr__mark[data-n="1"]{grid-row:3}.k-xr__mark[data-n="2"]{grid-row:2}.k-xr__mark[data-n="3"]{grid-row:4}.k-xr__mark:hover,.k-xr__mark.is-hot{transform:scale(1.08)}.k-xr__mark:focus-visible{outline:3px solid var(--cc-red);outline-offset:3px}.k-xr__ok{display:none;width:2rem;height:2rem}.k-xr[data-state="nachher"] .k-xr__mark{background:var(--teal-700)}.k-xr[data-state="nachher"] .k-xr__mark .k-xr__num{display:none}.k-xr[data-state="nachher"] .k-xr__mark .k-xr__ok{display:block}.k-xr__handle{position:absolute;z-index:4;top:0;bottom:0;left:calc(var(--p) * 100%);width:4.4rem;margin-left:-2.2rem;cursor:ew-resize;touch-action:none}.k-xr__handle[hidden]{display:none}.k-xr__handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:.3rem;margin-left:-.15rem;background:var(--cc-red)}.k-xr__grip{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:4.4rem;height:4.4rem;margin:-2.2rem 0 0 -2.2rem;border:.3rem solid var(--cc-red);border-radius:50%;background:var(--cc-white);color:var(--cc-red);box-shadow:0 .2rem .8rem rgba(13, 34, 37, .25)}.k-xr__grip svg{width:2rem;height:2rem}.k-xr__handle:focus-visible{outline:3px solid var(--cc-ink);outline-offset:-3px}.k-xr__handle:focus-visible .k-xr__grip{outline:3px solid var(--cc-ink);outline-offset:2px}.k-xr.is-maus .k-xr__handle:focus-visible,.k-xr.is-maus .k-xr__handle:focus-visible .k-xr__grip{outline:none}.k-xr.is-drag .k-xr__stage{cursor:ew-resize}.k-xr__legend{display:grid;gap:.8rem}.k-xr__legend li{display:grid;grid-template-columns:2.8rem minmax(0, 1fr);gap:1.2rem;align-items:start;font-size:var(--fs-16);line-height:1.4;transition:color .3s}.k-xr__lnum{display:grid;place-items:center;width:2.8rem;height:2.8rem;margin-top:-.3rem;border-radius:50%;background:var(--cc-red);color:var(--cc-white);font-family:var(--font-head);font-weight:700;font-size:var(--fs-16);transition:background-color .3s}.k-xr[data-state="nachher"] .k-xr__lnum{background:var(--teal-700)}.k-xr__lab{font-weight:600}.k-xr__legend li.is-hot .k-xr__lab{color:var(--cc-red)}.k-xr__foot-bar{display:grid;gap:1.2rem;padding:1.6rem;border-radius:var(--radius-lg);background:var(--teal-50)}.k-xr__foot-bar[hidden]{display:none}.k-xr__score{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1.6rem;font-size:var(--fs-16)}.k-xr__score strong{font-weight:600;font-size:var(--fs-24);line-height:1;color:var(--cc-red)}.k-xr[data-state="nachher"] .k-xr__score strong{color:var(--teal-700)}.k-xr__toggle{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.6fr);gap:.4rem;padding:.4rem;border-radius:99rem;background:var(--cc-white)}.k-xr__toggle button{min-height:4.4rem;padding:.6rem 1.2rem;border:0;border-radius:99rem;background:none;color:var(--cc-ink);font:inherit;font-size:var(--fs-16);font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .3s, color .3s}.k-xr__toggle button[aria-pressed="true"]{background:var(--k-dark);color:var(--cc-white)}.k-xr__toggle button:focus-visible{outline:3px solid var(--cc-red);outline-offset:2px}html:not(.js) .k-xr__heads{display:none}html:not(.js) .k-xr__sw{display:inline}html:not(.js) .k-xr .k-xr__n{visibility:visible}html:not(.js) .k-xr__legend .k-xr__n{display:block}html:not(.js) .k-xr__c code{text-align:left}html:not(.js) .k-xr__h .k-xr__n,html:not(.js) .k-xr__c .k-xr__n,html:not(.js) .k-xr__mark,html:not(.js) .k-xr__score .k-xr__n{display:none}html:not(.js) .k-xr__c{justify-content:flex-start}html:not(.js) .k-xr__legend .k-xr__n::before{content:" Nach der Optimierung:";font-weight:600}@media (max-width: 599px){.k-xr__nav,.k-xr__lead,.k-xr__url{display:none}.k-xr{gap:1.2rem;padding:1.6rem 1.2rem}.k-xr__heads{gap:.8rem}.k-xr__c code{letter-spacing:-.05em;text-align:right}.k-xr__foot-bar{padding:1.2rem}.k-xr__h{padding:1rem 1.2rem 1rem 5.6rem}.k-xr__c,.k-xr__row--bar .k-xr__h{padding:1rem .8rem}.k-xr__row--title .k-xr__h{padding-block:1.4rem 1rem}.k-xr__cards span{padding:.8rem 1rem}.k-xr__mark{margin-left:.6rem}.k-xr__lab{display:none}}@media (prefers-reduced-motion: reduce){.k-xr__mark,.k-xr__lnum,.k-xr__toggle button{transition:none}}html:not(.js) .k-xr__h{padding-left:1.2rem}.k-step .k-step__text,.k-step .k-step__result{font-size:1.7rem;font-weight:300}}