.page-seitenwesen{background:#faf8f3;color:#171b32}.page-seitenwesen main{overflow:hidden}.kw-intro{padding-top:40px;padding-bottom:32px}.kw-back{font-size:12px;text-decoration:none;color:#656775}.kw-back:hover{color:#171b32}.kw-intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:28px}.kw-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:750;margin:0 0 13px}.kw-intro h1{font-family:Georgia,serif;font-size:clamp(38px,4.6vw,66px);font-weight:400;line-height:1.04;letter-spacing:-2.3px;margin:0}.kw-intro h1 em,.kw-companion h2 em,.kw-story h2 em{font-weight:400;color:#957284}.kw-intro-copy{padding-bottom:5px;max-width:370px}.kw-edition{font-size:9px;letter-spacing:1.3px;font-weight:750}.kw-intro-copy p{font-size:14px;line-height:1.7;color:#6e6b74;margin:12px 0 0}.kw-lab{--pink:#eea5c9;--blue:#3354d8;--lavender:#d9d2ed;--ink:#171b32;--paper:#faf8f3;--stage:#eee9f2;display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:24px}.kw-lab[data-palette=lime]{--pink:#d6ed8b;--blue:#7250ad;--lavender:#e4d6ef;--stage:#e9eddf}.kw-lab[data-palette=blue]{--pink:#c4b6ef;--blue:#2758b9;--lavender:#c9dfe9;--stage:#e6ebf3}.kw-playground{border:1px solid #dcd9e1;border-radius:20px;overflow:hidden;background:var(--stage);min-width:0;transition:background .4s}.kw-chrome{height:43px;background:#faf8f3cf;border-bottom:1px solid #dedbe3;display:flex;align-items:center;gap:15px;padding:0 18px;font-size:9px;color:#727181;letter-spacing:.3px}.kw-window-dots{display:flex;gap:5px}.kw-window-dots i{height:5px;width:5px;border-radius:50%;background:#bbb7c2}.kw-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;font-weight:700;white-space:nowrap}.kw-live i{height:5px;width:5px;border-radius:50%;background:#739e7c}.kw-stage{position:relative;min-height:500px;isolation:isolate;overflow:hidden;background-image:radial-gradient(#77718226 .65px,transparent .65px);background-size:20px 20px}.kw-orbit{position:absolute;border:1px solid #aca3bc35;pointer-events:none;border-radius:50%;width:410px;height:410px;left:50%;top:48%;transform:translate(-50%,-50%);transition:opacity .4s}.kw-orbit-two{width:520px;height:520px}.kw-margin-note{position:absolute;left:25px;top:26px;font:italic 12px/1.5 Georgia,serif;color:#7c7587}.kw-little-star{position:absolute;right:42px;top:48px;font-size:40px;color:var(--blue);transform:rotate(12deg)}.kw-floor-label{position:absolute;bottom:24px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#847b90;pointer-events:none}.kw-shadow{position:absolute;top:395px;left:50%;width:185px;height:22px;border-radius:50%;background:#25203b18;filter:blur(7px);transform:translateX(-50%);transition:opacity .5s}.kw-parts{position:absolute;inset:0;transform:translate(var(--follow-x,0px),var(--follow-y,0px));transition:transform .5s cubic-bezier(.2,.75,.2,1);will-change:transform}.kw-piece{position:absolute;box-sizing:border-box;margin:0;border:0;color:var(--ink);text-decoration:none;display:flex;align-items:center;justify-content:center;overflow:hidden;transform-origin:center;transition:transform .85s cubic-bezier(.22,.8,.22,1),width .85s cubic-bezier(.22,.8,.22,1),height .85s cubic-bezier(.22,.8,.22,1),border-radius .7s,background .35s,color .35s,box-shadow .3s;font-family:inherit;box-shadow:0 5px 0 #15172b0a}.kw-piece button{font:inherit}.kw-piece:hover{text-decoration:none}.kw-brand{background:var(--ink);color:var(--paper);border-radius:9px;font-size:13px;font-weight:800;letter-spacing:1.2px;white-space:nowrap;z-index:6}.kw-brand i{font-family:Georgia,serif;font-style:italic;color:var(--pink);padding:0 3px}.kw-brand-note{margin-left:auto;font-size:8px;letter-spacing:1px;font-weight:500}.kw-head{background:var(--pink);border-radius:38px;z-index:2}.kw-head h2{font-family:Georgia,serif;font-size:clamp(32px,3.1vw,46px);font-weight:400;line-height:1.04;letter-spacing:-1.6px;margin:0}.kw-head h2 em{font-weight:400;color:var(--blue)}.kw-cheek{position:absolute;bottom:26px;width:21px;height:9px;background:#c6638c45;border-radius:50%;transition:opacity .25s}.kw-cheek-left{left:23px}.kw-cheek-right{right:22px}.kw-eye{z-index:4;border-radius:50% 50% 45% 45%;background:#fffdf9;box-shadow:0 4px 0 #171b3210;gap:8px;font-size:12px;font-weight:700;cursor:pointer;overflow:visible}.kw-pupil{width:21px;height:28px;background:var(--ink);border-radius:50%;display:block;transform:translate(var(--gaze-x,0px),var(--gaze-y,0px));transition:transform .16s;position:relative}.kw-pupil:after{content:'';position:absolute;width:6px;height:6px;top:5px;left:4px;border-radius:50%;background:white}.kw-mouth{background:transparent;z-index:5;box-shadow:none;cursor:pointer;font-size:12px;font-weight:650;border-radius:20px}.kw-smile{width:33px;height:15px;border-bottom:4px solid var(--ink);border-radius:0 0 50% 50%;transform:rotate(-4deg)}.kw-body{border-radius:26px;background:var(--blue);color:white;z-index:3}.kw-body-glyph{font-family:Georgia,serif;font-size:55px;line-height:1;letter-spacing:-5px;transform:rotate(-8deg)}.kw-body-glyph span{position:absolute;font:22px/1 sans-serif;right:-19px;top:-4px;color:var(--pink)}.kw-body p{font-size:14px;line-height:1.6;margin:0}.kw-demo{border-radius:28px;background:var(--pink);z-index:1;cursor:pointer}.kw-demo-icon{font-size:33px;font-weight:500;line-height:1}.kw-demo-studio{background:var(--lavender)}.kw-demo-studio .kw-demo-icon{color:var(--blue)}.kw-demo small{font-size:8px;font-weight:700;letter-spacing:1.1px;display:block;margin-bottom:18px}.kw-demo strong{font:400 32px/1.05 Georgia,serif;letter-spacing:-.6px;display:block}.kw-demo .kw-only-page>span{font-size:11px;display:block;margin-top:15px}.kw-foot{background:var(--ink);color:#fffdf9;border-radius:18px 18px 10px 10px;z-index:2;font-size:12px;cursor:pointer}.kw-shoe-mark{font:800 19px/1 monospace;color:var(--pink)}.kw-only-page{transition:opacity .25s;display:block}.kw-lab[data-mode=creature] .kw-only-page{opacity:0;position:absolute;pointer-events:none}.kw-character-hit{position:absolute;background:none;border:0;z-index:8;border-radius:45%;cursor:pointer;transform:translate(var(--follow-x,0px),var(--follow-y,0px));transition:transform .5s cubic-bezier(.2,.75,.2,1);padding:0;touch-action:manipulation}.kw-character-hit:focus-visible{outline:2px dashed var(--blue);outline-offset:10px}.kw-touch-hint{position:absolute;right:-74px;top:58px;font:italic 18px Georgia,serif;transform:rotate(8deg);white-space:nowrap;pointer-events:none;color:#69627b}.kw-touch-hint span{display:inline-block;transform:rotate(180deg);margin-left:7px}.kw-stage-caption{min-height:43px;border-top:1px solid #d9d4df;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;font-size:10px;color:#756d80;background:#faf8f34d}.kw-piece-count{font-size:8px;letter-spacing:1px;white-space:nowrap}.kw-companion{background:#f5f1ea;border:1px solid #e8e2d9;border-radius:20px;padding:28px 23px;position:relative;align-self:stretch}.kw-companion>.kw-eyebrow{font-size:8px;letter-spacing:1.3px}.kw-companion h2{font:400 46px/1.02 Georgia,serif;letter-spacing:-1.7px;margin:18px 0}.kw-title-star{color:var(--blue);font:normal 38px sans-serif;position:absolute;right:31px;top:96px;transform:rotate(18deg)}.kw-control-copy{font-size:12px;line-height:1.75;color:#706b74;margin:0 0 22px}.kw-primary{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px;border:0;border-radius:10px;width:100%;background:#171b32;color:#fffaf4;font:650 11px/1.4 inherit;font-family:inherit;font-size:11px;text-align:left;padding:12px 15px;cursor:pointer}.kw-primary b{font-size:23px;font-weight:400}.kw-primary:hover{background:var(--blue)}.kw-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.kw-action-row button{min-height:42px;border:1px solid #d8d0c9;border-radius:9px;font-family:inherit;font-size:11px;background:transparent;color:#171b32;cursor:pointer}.kw-action-row span{display:inline-block;margin-right:4px;font-size:14px}.kw-action-row button:hover{background:white}.kw-action-row button:disabled{opacity:.4;cursor:default}.kw-look-row{display:flex;align-items:center;justify-content:space-between;margin:23px 0 19px;font-size:10px;color:#716b73}.kw-look-row>div{display:flex;gap:7px}.kw-swatch{width:27px;height:27px;border-radius:50%;border:3px solid #f5f1ea;background:linear-gradient(135deg,var(--swatch-a) 50%,var(--swatch-b) 50%);cursor:pointer;box-shadow:0 0 0 1px transparent}.kw-swatch[aria-pressed=true]{box-shadow:0 0 0 1px #171b32}.kw-speech{position:relative;border-top:1px solid #ded7d0;padding:17px 0 5px;min-height:82px}.kw-speech p{font:italic 15px/1.4 Georgia,serif;color:#746573;margin:0;padding-left:19px}.kw-speech-mark{position:absolute;left:0;top:13px;font:28px Georgia,serif;color:#bd91a8}.kw-bottom-controls{display:flex;justify-content:space-between;gap:6px;margin-top:12px}.kw-bottom-controls button{border:0;background:none;padding:5px 0;color:#79717b;font-family:inherit;font-size:9px;cursor:pointer;text-underline-offset:3px;text-decoration:underline}.kw-demo-note{font-size:9px;line-height:1.6;color:#817982;margin:21px 0 0}.kw-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:69px;padding-bottom:85px}.kw-story h2{font:400 40px/1.08 Georgia,serif;letter-spacing:-1.3px;margin:16px 0 0}.kw-story p:not(.kw-eyebrow){font-size:14px;line-height:1.8;color:#6c6770;margin:0 0 17px}.kw-story .button{font-size:12px}.kw-lab button:focus-visible,.kw-lab a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.kw-lab [hidden]{display:none!important}
.page-seitenwesen .site-header{background:#0b1027}.kw-intro{padding-top:128px}.kw-stage{scroll-margin-top:115px}.kw-primary{font-weight:650}.kw-lab[data-mode=creature] .kw-body-glyph{font-size:calc(55px * var(--creature-scale,1))}.kw-lab[data-mode=creature] .kw-brand{font-size:calc(13px * var(--creature-scale,1))}.kw-lab[data-mode=creature] .kw-pupil{width:calc(21px * var(--creature-scale,1));height:calc(28px * var(--creature-scale,1))}.kw-lab[data-mode=creature] .kw-smile{width:calc(33px * var(--creature-scale,1));height:calc(15px * var(--creature-scale,1))}.kw-lab[data-mode=creature] .kw-cheek{bottom:calc(26px * var(--creature-scale,1));width:calc(21px * var(--creature-scale,1));height:calc(9px * var(--creature-scale,1))}
/* The very same ten elements become an ordinary, usable page. */
.kw-lab[data-mode=page] .kw-orbit,.kw-lab[data-mode=page] .kw-margin-note,.kw-lab[data-mode=page] .kw-little-star,.kw-lab[data-mode=page] .kw-floor-label,.kw-lab[data-mode=page] .kw-shadow{opacity:0}.kw-lab[data-mode=page] .kw-cheek,.kw-lab[data-mode=page] .kw-smile,.kw-lab[data-mode=page] .kw-body-glyph,.kw-lab[data-mode=page] .kw-shoe-mark{display:none}.kw-lab[data-mode=page] .kw-brand{padding:0 18px;border-radius:9px}.kw-lab[data-mode=page] .kw-head{justify-content:flex-start;padding:24px;border-radius:16px}.kw-lab[data-mode=page] .kw-body{justify-content:flex-start;padding:0 8px;background:transparent;color:#625c70;box-shadow:none;border-radius:0}.kw-lab[data-mode=page] .kw-eye{border-radius:30px;box-shadow:none;border:1px solid #bbb2c7;background:#faf8f3}.kw-lab[data-mode=page] .kw-eye[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.kw-lab[data-mode=page] .kw-pupil{width:12px;height:12px;transform:none;background:#eea5c9}.kw-lab[data-mode=page] .kw-eye-right .kw-pupil{background:#d6ed8b}.kw-lab[data-mode=page] .kw-pupil:after{display:none}.kw-lab[data-mode=page] .kw-mouth{background:var(--ink);color:#fffdf9;border-radius:30px}.kw-lab[data-mode=page] .kw-mouth b{margin-left:6px}.kw-lab[data-mode=page] .kw-demo{align-items:flex-start;justify-content:flex-start;padding:25px 22px;border-radius:16px;box-shadow:none}.kw-lab[data-mode=page] .kw-demo:hover{box-shadow:inset 0 0 0 2px var(--blue)}.kw-lab[data-mode=page] .kw-demo-icon{position:absolute;right:20px;top:23px;font-size:22px}.kw-lab[data-mode=page] .kw-demo-shop{background:var(--blue);color:#fffdf9}.kw-lab[data-mode=page] .kw-foot{border-radius:9px;box-shadow:none;justify-content:space-between;padding:0 15px}.kw-lab[data-mode=page] .kw-foot-left{background:transparent;color:var(--ink);border:1px solid #c6bdcf}.kw-foot .kw-only-page{width:100%;display:flex;justify-content:space-between;gap:10px}.kw-lab[data-mode=page] .kw-foot:hover{box-shadow:inset 0 0 0 1px var(--blue)}
/* A useful, readable fallback before JavaScript arrives or when it is disabled. */
.kw-lab:not(.kw-ready) .kw-stage{padding:20px}.kw-lab:not(.kw-ready) .kw-parts{position:relative;display:flex;flex-wrap:wrap;gap:14px}.kw-lab:not(.kw-ready) .kw-piece{position:relative;transform:none!important;width:100%;min-height:48px}.kw-lab:not(.kw-ready) .kw-head{min-height:150px}.kw-lab:not(.kw-ready) .kw-eye{width:calc(50% - 7px)}.kw-lab:not(.kw-ready) .kw-demo{min-height:180px}.kw-lab:not(.kw-ready) #kw-gather,.kw-lab:not(.kw-ready) #kw-surprise{display:none}
.kw-lab.kw-wink[data-mode=creature] .kw-eye-right .kw-pupil{transform:translate(var(--gaze-x,0px),var(--gaze-y,0px)) scaleY(.16)}.kw-lab.kw-waving[data-mode=creature] [data-piece=armRight]{animation:kw-wave .6s ease-in-out 3}.kw-lab.kw-playing[data-mode=creature] [data-piece=brand]{animation:kw-hat 1.2s ease-in-out 2}.kw-lab.kw-playing[data-mode=creature] [data-piece=body]{animation:kw-dance .55s ease-in-out 4}.kw-lab.kw-playing[data-mode=creature] [data-piece=armLeft]{animation:kw-wave .6s ease-in-out 3 reverse}.kw-lab.kw-playing .kw-little-star{animation:kw-spin 2.3s ease-in-out}.kw-lab.kw-sleeping .kw-pupil{transform:scaleY(.2)!important}.kw-lab.kw-paused .kw-parts,.kw-lab.kw-paused .kw-character-hit,.kw-lab.kw-paused .kw-piece{animation:none!important;transition:none!important}.kw-lab.kw-paused .kw-pupil{transition:none;transform:none}.kw-lab.kw-offscreen *{animation-play-state:paused!important}
@keyframes kw-wave{0%,100%{rotate:0deg}50%{rotate:-48deg;translate:5px -13px}}@keyframes kw-hat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -35px;rotate:16deg}}@keyframes kw-dance{0%,100%{rotate:0deg}50%{rotate:9deg}}@keyframes kw-spin{to{rotate:360deg}}
@media(min-width:1400px){.kw-lab{grid-template-columns:minmax(0,1fr) 316px}.kw-stage{min-height:520px}.kw-companion{padding:30px 29px}}
@media(max-width:1000px){.kw-lab{grid-template-columns:minmax(0,1fr) 268px;gap:16px}.kw-companion{padding:25px 20px}.kw-chrome{padding:0 12px;gap:8px}.kw-chrome>span:nth-child(2){font-size:8px}.kw-intro-copy{max-width:300px}.kw-piece-count{display:none}.kw-touch-hint{right:-55px;font-size:16px}.kw-demo strong{font-size:27px}.kw-demo small{font-size:7px;letter-spacing:.5px}.kw-lab[data-mode=page] .kw-demo{padding:22px 18px}.kw-demo .kw-only-page>span{font-size:10px;line-height:1.4}}
@media(max-width:800px){.kw-lab{grid-template-columns:1fr}.kw-intro-row{align-items:flex-start;gap:20px}.kw-intro-copy{max-width:265px}.kw-intro h1{font-size:45px}.kw-companion{display:grid;grid-template-columns:1fr 1.1fr;column-gap:32px;padding:26px}.kw-companion>.kw-eyebrow{grid-column:1}.kw-companion h2{grid-column:1;grid-row:2;margin-top:0}.kw-title-star{position:static;font-size:29px;margin-left:18px}.kw-control-copy{grid-column:1;grid-row:3;font-size:13px}.kw-controls{grid-column:2;grid-row:1/5}.kw-demo-note{grid-column:1;grid-row:4;margin:0}.kw-stage{min-height:470px}.kw-story{gap:30px}.kw-story h2{font-size:35px}.kw-head h2{font-size:44px}.kw-demo strong{font-size:32px}}
@media(max-width:560px){.kw-intro{padding-top:25px;padding-bottom:24px}.kw-intro-row{display:block;margin-top:22px}.kw-intro h1{font-size:43px;letter-spacing:-1.7px}.kw-intro-copy{max-width:none;margin-top:19px}.kw-intro-copy p{margin-top:7px;font-size:12px}.kw-edition{font-size:8px}.kw-back{font-size:10px}.kw-lab{gap:14px}.kw-playground,.kw-companion{border-radius:15px}.kw-stage{min-height:380px}.kw-chrome{height:35px;font-size:7px}.kw-chrome>span:nth-child(2){font-size:7px;letter-spacing:0}.kw-live{font-size:6px;letter-spacing:.5px}.kw-window-dots{gap:3px}.kw-window-dots i{height:4px;width:4px}.kw-margin-note{left:17px;top:18px;font-size:10px}.kw-little-star{right:23px;top:23px;font-size:29px}.kw-touch-hint{right:-45px;font-size:14px;top:17px}.kw-floor-label{font-size:7px;bottom:21px;letter-spacing:1.5px}.kw-stage-caption{font-size:9px;min-height:40px;padding:11px 14px}.kw-companion{display:block;padding:23px}.kw-companion h2{font-size:40px;line-height:1.06;margin:12px 0}.kw-companion h2 br{display:none}.kw-title-star{position:static;font-size:30px;margin-left:21px}.kw-control-copy{font-size:12px;margin-bottom:19px}.kw-primary{font-size:12px;min-height:48px}.kw-action-row button{font-size:12px;min-height:44px}.kw-look-row{margin:18px 0}.kw-swatch{width:31px;height:31px}.kw-speech{min-height:66px;padding-top:14px}.kw-speech p{font-size:16px}.kw-bottom-controls{margin-top:10px}.kw-bottom-controls button{font-size:10px;min-height:32px}.kw-demo-note{margin-top:17px}.kw-story{grid-template-columns:1fr;gap:25px;padding-top:47px;padding-bottom:55px}.kw-story h2{font-size:36px}.kw-story p:not(.kw-eyebrow){font-size:13px}.kw-head h2{font-size:38px}.kw-lab[data-mode=page] .kw-head{padding:22px}.kw-brand-note{display:none}.kw-lab[data-mode=page] .kw-demo{padding:22px}.kw-demo strong{font-size:31px}.kw-demo small{font-size:8px}.kw-demo .kw-only-page>span{font-size:11px}.kw-lab[data-mode=page] .kw-demo-icon{right:24px}.kw-body p{font-size:12px}.kw-lab[data-mode=page] .kw-foot{font-size:11px}.kw-lab[data-mode=page] .kw-eye{font-size:11px}.kw-lab[data-mode=page] .kw-mouth{font-size:11px}}
@media(prefers-reduced-motion:reduce){.kw-lab *, .kw-lab *:before,.kw-lab *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.kw-piece{transition:left .85s cubic-bezier(.22,.8,.22,1),top .85s cubic-bezier(.22,.8,.22,1),transform .85s cubic-bezier(.22,.8,.22,1),width .85s cubic-bezier(.22,.8,.22,1),height .85s cubic-bezier(.22,.8,.22,1),border-radius .7s,background .35s,color .35s,box-shadow .3s}.kw-lab:not(.kw-ready) .kw-eye{display:none}.kw-bottom-controls button:disabled{opacity:.65;cursor:default;text-decoration:none}
@media(max-width:800px){.kw-intro{padding-top:112px}}@media(max-width:560px){.page-seitenwesen{--shell:calc(100vw - 32px)}.kw-intro{padding-top:107px}.kw-touch-hint{display:none}}
@media(prefers-reduced-motion:reduce){.kw-lab .kw-piece{transition:none!important}}