/* Vollständiger sechseitiger Karton und wechselnde Fotosequenz. */
.kp-cube-left,.kp-cube-back,.kp-cube-bottom{position:absolute;width:245px;height:245px;backface-visibility:hidden;border:1px solid #c37c46;background:#e69b64;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.1' filter='url(%23n)'/%3E%3C/svg%3E")}.kp-cube-back{transform:rotateY(180deg) translateZ(122.5px);padding:28px;background-color:#eea16a;color:#382c25}.kp-cube-back>span{font-size:27px;line-height:1.03;font-weight:700;display:block;letter-spacing:-1px;margin-top:23px}.kp-cube-back>small{position:absolute;bottom:22px;left:28px;letter-spacing:1px;font-size:10px}.kp-cube-left{transform:rotateY(-90deg) translateZ(122.5px);padding:25px;background-color:#e8925c;color:#442c26}.kp-cube-left>span{font-size:20px;font-weight:750;display:block;line-height:1.08;letter-spacing:-.5px;margin-top:15px}.kp-cube-left>i{display:block;width:130px;height:40px;position:absolute;bottom:25px;background:repeating-linear-gradient(90deg,#382c25 0 2px,transparent 2px 5px,#382c25 5px 6px,transparent 6px 9px);opacity:.75}.kp-cube-bottom{transform:rotateX(-90deg) translateZ(122.5px);background-color:#ce824c}.kp-store .kp-cube{animation:kp-box-360 16s cubic-bezier(.4,0,.2,1) infinite}.kp-cube-scene{animation:kp-box-presence 16s ease-in-out infinite}.kp-hero-alternates{position:absolute;inset:8% 0 0;pointer-events:none;opacity:0;animation:kp-photo-presence 16s ease-in-out infinite;z-index:2;will-change:transform,opacity}.kp-hero-photo{position:absolute;background:#fffdf9;border:1px solid #ffffffa6;box-shadow:0 20px 35px #1e0a672f;border-radius:12px;padding:12px 12px 17px;color:#38235a;transform:rotate(var(--photo-angle));display:block}.kp-hero-photo img{display:block;width:100%;height:calc(100% - 32px);object-fit:contain;background:white;border-radius:5px}.kp-hero-photo figcaption{font-size:13px;font-weight:700;padding:10px 5px 0;letter-spacing:.01em}.kp-hero-photo-one{width:64%;height:66%;top:6%;left:22%;--photo-angle:7deg}.kp-hero-photo-two{width:50%;height:41%;top:46%;left:2%;--photo-angle:-12deg}.kp-hero-photo-three{width:40%;height:37%;top:55%;right:0;--photo-angle:11deg}.kp-hero-photo-two img{height:calc(100% - 32px)}.kp-motion-toggle{position:absolute;bottom:0;left:0;background:#35138e66;color:#f2eaff;border:1px solid #bfa1ff99;padding:7px 11px;font-size:13px;line-height:1.3;border-radius:20px;cursor:pointer;z-index:6}.kp-motion-toggle:hover{background:#2b0e8d}.kp-stage-caption{max-width:55%;text-align:right;bottom:0}.kp-motion-paused .kp-stage *,.kp-motion-paused .kp-ticker>div{animation-play-state:paused!important}.kp-stage.kp-motion-offscreen *{animation-play-state:paused!important}.kp-orbit-one{animation:kp-orbit-spin 35s linear infinite}.kp-orbit-two{animation:kp-orbit-spin-back 43s linear infinite}
@keyframes kp-box-360{0%,8%{transform:rotateX(-18deg) rotateY(-31deg) rotateZ(-9deg) translateY(0)}20%{transform:rotateX(-12deg) rotateY(69deg) rotateZ(-4deg) translateY(-15px)}34%{transform:rotateX(-21deg) rotateY(209deg) rotateZ(-7deg) translateY(-8px)}46%,56%{transform:rotateX(-18deg) rotateY(329deg) rotateZ(-9deg) translateY(0)}57%,94%{transform:rotateX(-18deg) rotateY(329deg) rotateZ(-9deg) translateY(0)}95%,100%{transform:rotateX(-18deg) rotateY(329deg) rotateZ(-9deg) translateY(0)}}
@keyframes kp-box-presence{0%,46%{opacity:1;scale:1}52%,91%{opacity:0;scale:.7}97%,100%{opacity:1;scale:1}}
@keyframes kp-photo-presence{0%,46%{opacity:0;transform:translateX(100px) translateY(18px) scale(.9)}55%,72%{opacity:1;transform:translateX(0) translateY(0) scale(1)}84%{opacity:1;transform:translateX(0) translateY(-9px) scale(1.015)}91%{opacity:0;transform:translateX(-100px) translateY(6px) scale(.92)}100%{opacity:0;transform:translateX(-100px) scale(.92)}}
@keyframes kp-orbit-spin{to{transform:rotate(336deg)}}@keyframes kp-orbit-spin-back{to{transform:rotate(-332deg)}}
@media(max-width:520px){.kp-motion-toggle{font-size:11px;padding:6px 9px}.kp-hero-photo{padding:7px 7px 10px;border-radius:8px}.kp-hero-photo figcaption{font-size:10px}.kp-hero-photo-one{height:60%;top:7%;left:24%}.kp-hero-photo-two{top:43%;height:40%}.kp-hero-photo-three{top:54%;height:34%}.kp-stage-caption{font-size:10px;max-width:51%}}
@media(prefers-reduced-motion:reduce){.kp-store .kp-stage *{animation:none!important}.kp-cube-scene{opacity:1;scale:1}.kp-store .kp-cube{transform:rotateX(-18deg) rotateY(-31deg) rotateZ(-9deg)}.kp-hero-alternates{display:none}.kp-motion-toggle{display:none}}

/* Nutzerkorrektur: klare Typografie statt überlappender Fotokarten. */
.kp-store .kp-hero-alternates{inset:17% 6% 23%;z-index:2}.kp-format-story{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fffdf4;padding:20px 26px}.kp-format-kicker{font-size:13px;letter-spacing:.12em;color:#e8deff;margin-bottom:18px}.kp-format-story>strong{font-size:clamp(65px,7vw,106px);font-weight:850;line-height:.95;letter-spacing:-.065em}.kp-format-story em{font-family:Georgia,serif;font-weight:400;color:#d9ff4d}.kp-format-arrow{position:absolute;right:6%;top:5%;font-size:110px;line-height:1;color:#ff997b;animation:kp-arrow-glide 2.8s ease-in-out infinite}.kp-format-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.kp-format-chips span{padding:9px 13px;border:1px solid #b89aff;border-radius:30px;font-size:11px;letter-spacing:.06em}.kp-store .kp-float-bottom{bottom:12%;right:0;max-width:95%;transform:none;padding:13px 18px}.kp-store .kp-float-top{top:5%}.kp-store .kp-measure{display:none}.kp-store .kp-cube{top:28%}.kp-store .kp-cube-shadow{bottom:20%}.kp-stage-caption{font-size:12px!important;max-width:48%}.kp-motion-toggle{font-size:13px!important}
@keyframes kp-arrow-glide{50%{translate:9px -9px}}
@media(max-width:1190px){.kp-format-story{padding:12px}.kp-format-story>strong{font-size:82px}.kp-format-arrow{font-size:80px;right:2%;top:2%}.kp-format-kicker{font-size:11px}}
@media(max-width:520px){.kp-format-story>strong{font-size:68px}.kp-format-kicker{font-size:10px}.kp-format-chips{margin-top:18px;gap:5px}.kp-format-chips span{font-size:9px;padding:7px 9px}.kp-store .kp-float-bottom{bottom:13%;padding:11px 13px}.kp-format-arrow{font-size:65px;top:0}.kp-store .kp-hero-alternates{inset:14% 3% 25%}.kp-stage-caption{font-size:10px!important}.kp-motion-toggle{font-size:11px!important}}
