/* Layered illustration direction researched in the owner's MISSION KMU Webflow site. */
.moc-care-illustration.moc-rich-scene{height:270px;display:block;isolation:isolate;perspective:900px;overflow:visible;margin:24px 0 8px;color:#d5f1f3;background:radial-gradient(ellipse at 50% 60%,#58aebc28,transparent 72%)}
.moc-scene-grid{position:absolute;inset:0;background-image:linear-gradient(#a4d9e00a 1px,transparent 1px),linear-gradient(90deg,#a4d9e00a 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 74%);pointer-events:none}
.moc-art-layer{--layer-angle:0deg;transform:translate3d(0,0,0) rotate(var(--layer-angle));animation:moc-artwork-float 8s ease-in-out infinite alternate;animation-delay:var(--layer-delay,0s);animation-play-state:paused;backface-visibility:hidden}
.moc-artwork-visible .moc-art-layer{animation-play-state:running}
@keyframes moc-artwork-float{from{transform:translate3d(0,3px,0) rotate(var(--layer-angle))}to{transform:translate3d(0,-5px,0) rotate(calc(var(--layer-angle) + 1deg))}}
.moc-rich-scene:hover .moc-scene-browser,.moc-rich-scene:hover .moc-project-board{box-shadow:0 24px 48px #05131866,0 0 0 1px #c1e9eb66}
.moc-scene-orbit{position:absolute;left:19%;top:4%;width:62%;aspect-ratio:1;border:1px solid #9cdbe31a;border-radius:50%;box-shadow:0 0 0 30px #82c5d106,0 0 0 60px #82c5d104}
.moc-scene-browser{position:absolute;left:4%;top:3%;width:69%;background:#f4f7f7;border:1px solid #e6ffff80;border-radius:13px;overflow:hidden;box-shadow:0 22px 42px #05131866,0 0 0 1px #c1e9eb22;transition:box-shadow .45s}
.moc-window-chrome{height:26px;display:flex;align-items:center;gap:4px;padding:0 11px;background:#e1e9ea;border-bottom:1px solid #cdd9dc;color:#65818a;font:8px MOC,Arial,sans-serif}.moc-window-chrome i{width:4px;height:4px;border-radius:50%;background:#91aeb5}.moc-window-chrome>span{margin-left:auto;font-size:8px;letter-spacing:.01em}
.moc-browser-content{padding:14px 16px 13px;color:#193943;text-align:left}.moc-ui-kicker{display:block;font-size:7px;letter-spacing:.12em;line-height:1.6;color:#498191;font-weight:700}.moc-browser-content>strong{display:block;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:-.03em;margin:7px 0 10px}.moc-browser-photo{height:60px;background:url('/assets/img/category-kunden-gewinnen.webp') center 0/cover;border-radius:6px;margin-bottom:11px}.moc-ui-button{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:linear-gradient(120deg,#3a8793,#246474);border-radius:5px;font-size:8px;color:#fff}.moc-ui-button b{font-size:13px;font-weight:400}
.moc-scene-phone{position:absolute;right:3%;top:16%;width:27%;min-height:208px;padding:10px 9px 8px;border:4px solid #15272e;border-radius:22px;background:#edf3f4;box-shadow:0 18px 35px #06151d88,0 0 0 1px #b7dde56b;color:#27454f;text-align:center}
.moc-phone-speaker{width:24px;height:4px;border-radius:5px;margin:0 auto 10px;background:#233d46}.moc-phone-avatar{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(135deg,#8dcbd1,#2a6b7a);border-radius:50%;color:#fff;font-size:17px;margin:0 auto 7px}.moc-scene-phone>strong{display:block;font-size:11px;line-height:1.35;margin-bottom:11px;font-weight:700}.moc-phone-message{display:block;margin:7px 6px 7px 0;padding:9px 7px;background:#fff;border:1px solid #dce6e9;border-radius:8px 8px 8px 2px;text-align:left;font-size:8px;line-height:1.4;color:#3b5963}.moc-phone-message.is-reply{margin-left:7px;margin-right:0;background:#d9eaec;border-color:#c7dfe2;border-radius:8px 8px 2px 8px}.moc-phone-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.moc-phone-actions span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#2a6b78;color:#fff;font-size:12px}
.moc-scene-label{position:absolute;left:8%;bottom:-3%;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #98c7d34d;border-radius:11px;background:linear-gradient(120deg,#385760f2,#263e48f2);box-shadow:0 15px 25px #06151d66;text-align:left}.moc-scene-label strong{display:block;font-size:10px;font-weight:700;color:#e5f4f6}.moc-scene-label div>span{display:block;font-size:8px;color:#aecbd3;margin-top:3px}.moc-scene-check{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #b4e9ec66;background:#87cbd333;color:#cefbf5;font-size:15px}
.moc-map-board{position:absolute;left:2%;top:12%;width:94%;height:76%;border-radius:17px;box-shadow:0 22px 42px #05131888;border:1px solid #c6e5e366;overflow:hidden;background:#e8efec}.moc-rich-scene .moc-map-board>svg{display:block;width:100%;height:100%;stroke:none}.moc-map-pin{position:absolute;left:48%;top:24%;width:40px;height:40px;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);background:linear-gradient(135deg,#8ccdd6,#1f6476);box-shadow:-6px 10px 10px #123e4c33,0 0 0 9px #317e8d14}.moc-map-pin>span{position:absolute;inset:12px;border-radius:50%;background:#edf9f9;box-shadow:inset 0 2px 4px #245e6c55}
.moc-target-card{position:absolute;left:6%;top:0;display:flex;gap:10px;align-items:center;padding:15px 18px;border-radius:12px;border:1px solid #b8dfe177;background:#f6faf9;box-shadow:0 12px 24px #102e3d40;color:#254550;text-align:left}.moc-target-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#d6e9e9,#accfd5);color:#2d7b88;font-size:27px}.moc-target-card strong{display:block;font-size:15px;line-height:1.3;letter-spacing:-.02em;margin-top:5px;font-weight:700}
.moc-region-card{position:absolute;right:0;bottom:1%;display:flex;align-items:center;gap:10px;padding:14px 17px;border-radius:11px;background:linear-gradient(120deg,#365862,#223c47);border:1px solid #98c7d35c;box-shadow:0 16px 26px #06151d66;text-align:left}.moc-region-card>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#98d2dc22;color:#cef0f4;font-size:20px}.moc-region-card strong{display:block;font-size:11px;color:#e1f4f7;font-weight:700}.moc-region-card small{display:block;font-size:9px;color:#a9c9d3;margin-top:4px}
.moc-feedback-phone{position:absolute;left:7%;top:-2%;width:47%;padding:12px 13px;border:5px solid #172c34;border-radius:25px;background:#f0f6f6;box-shadow:0 18px 35px #06151d77,0 0 0 1px #a5d4dc66;color:#284650;text-align:left}.moc-feedback-person{display:flex;align-items:center;gap:7px;margin:14px 0}.moc-feedback-person>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:linear-gradient(130deg,#73b5bf,#265e70);color:#fff;font-size:10px}.moc-feedback-person strong{display:block;font-size:9px;font-weight:700}.moc-feedback-person small{display:block;font-size:7px;color:#6f8b94;margin-top:3px}
.moc-waveform{height:32px;border-radius:8px;background:#dceced;display:flex;align-items:center;justify-content:center;gap:4px;margin:8px 0 12px}.moc-waveform i{width:3px;height:12px;border-radius:3px;background:#5594a0}.moc-waveform i:nth-child(3n){height:23px}.moc-waveform i:nth-child(2n){height:7px}
.moc-next-step-card{position:absolute;right:0;top:16%;width:55%;padding:20px 18px;border-radius:13px;background:linear-gradient(130deg,#dfeef0,#f4f8f8);border:1px solid #edffffaa;box-shadow:0 22px 35px #071a2480;color:#27454f;text-align:left}.moc-next-step-card>strong{display:block;font-size:19px;letter-spacing:-.035em;line-height:1.2;font-weight:700;margin:9px 0 15px}.moc-next-step-card>span:not(.moc-ui-kicker){display:block;font-size:8px;margin:10px 0;color:#587983}.moc-next-step-card i{display:inline-block;margin-right:5px;font-size:9px;color:#347c87;font-style:normal}.moc-feedback-badge{position:absolute;right:6%;bottom:-4%;font-size:9px;padding:11px 14px;border:1px solid #90c5cf55;border-radius:9px;background:#284852;box-shadow:0 9px 20px #071a2455;color:#d5f0f4}.moc-feedback-badge>span{margin-left:12px}
/* Larger choreography board: a composition of overlapping UI panels. */
.moc-method-stage.moc-rich-method{aspect-ratio:640/470;overflow:hidden;background:radial-gradient(ellipse at 75% 20%,#7ec6d044,transparent 65%),linear-gradient(135deg,#1f3039,#18252d);perspective:1000px}
.moc-method-back-sheet{position:absolute;left:13%;right:11%;top:18%;height:57%;border:1px solid #a4d9e029;background:linear-gradient(135deg,#4f7d8933,#27445055);border-radius:15px;transform:rotate(7deg);box-shadow:0 15px 35px #07151c55}
.moc-project-board{position:absolute;left:7%;top:12%;width:85%;border:1px solid #e2f7f799;border-radius:14px;overflow:hidden;background:#eff4f4;box-shadow:0 30px 45px #07151c88;color:#2e4a54;text-align:left}
.moc-project-heading{padding:22px 22px 15px}.moc-project-heading>strong{display:block;font-size:24px;letter-spacing:-.04em;line-height:1.18;margin-top:8px;font-weight:700}.moc-project-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 20px 24px}.moc-project-lanes>div{background:#e2eaec;border:1px solid #d5e1e4;border-radius:8px;padding:12px 9px}.moc-project-lanes i{font-size:9px;color:#6e929d;font-style:normal}.moc-project-lanes strong{display:block;font-size:11px;font-weight:700;margin:6px 0 12px}.moc-project-lanes span{display:block;font-size:7px;line-height:1.5;padding:8px 6px;background:#fff;border-radius:5px;margin:6px 0;border:1px solid #d5e1e4}
.moc-project-owner{position:absolute;right:3%;bottom:10%;width:70%;display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid #acd7df66;border-radius:14px;background:linear-gradient(130deg,#375d69,#23404d);box-shadow:0 18px 35px #06182066;text-align:left}.moc-project-monogram{display:flex;align-items:center;gap:2px;font-size:26px;font-weight:400;letter-spacing:3px;color:#c6edf1}.moc-project-monogram>span{border-bottom:1px solid #a4d9e0;line-height:1.25}.moc-project-owner small{display:block;font-size:8px;letter-spacing:.1em;color:#a7ced7}.moc-project-owner strong{display:block;font-size:17px;color:#f0f8fa;font-weight:400;margin-top:5px}.moc-project-owner>i{font-style:normal;margin-left:auto;font-size:25px;color:#b6e3e9}.moc-project-caption{position:absolute;left:7%;bottom:4%;font-size:9px;line-height:1.4;color:#a5c4cc}
@media(max-width:1100px) and (min-width:951px){.moc-rich-scene .moc-browser-content>strong{font-size:16px}.moc-scene-label{left:1%;padding:10px}.moc-project-heading{padding:18px 15px 10px}.moc-project-heading>strong{font-size:19px}.moc-project-lanes{padding:0 12px 16px;gap:5px}.moc-project-lanes>div{padding:8px 5px}.moc-project-owner{padding:13px 15px;gap:9px}.moc-project-owner strong{font-size:14px}.moc-project-monogram{font-size:22px}}
@media(max-width:720px){.moc-care-illustration.moc-rich-scene{height:245px;margin:22px 0 12px}.moc-scene-browser{width:70%;left:0}.moc-browser-content{padding:12px}.moc-browser-content>strong{font-size:17px}.moc-browser-photo{height:54px}.moc-scene-phone{width:29%;right:-2%;top:15%;padding:10px 7px;border-width:3px;min-height:205px}.moc-scene-label{left:0;bottom:-2%;padding:10px 12px}.moc-scene-label strong{font-size:9px}.moc-scene-label div>span{font-size:7px}.moc-target-card{left:0;padding:13px;gap:8px}.moc-target-card strong{font-size:15px}.moc-region-card{right:-1%;padding:12px 13px}.moc-feedback-phone{left:0;top:0;width:49%;padding:12px 10px}.moc-next-step-card{right:-2%;top:20%;width:57%;padding:18px 13px}.moc-next-step-card>strong{font-size:18px}.moc-feedback-badge{bottom:-2%;right:0}.moc-method-stage.moc-rich-method{aspect-ratio:640/510}.moc-project-heading{padding:15px 14px 10px}.moc-project-heading>strong{font-size:18px}.moc-project-lanes{gap:5px;padding:0 10px 15px}.moc-project-lanes>div{padding:8px 5px}.moc-project-lanes strong{font-size:9px;margin-bottom:9px}.moc-project-lanes span{font-size:6px;padding:6px 4px}.moc-project-owner{right:3%;bottom:11%;width:76%;padding:13px 14px;gap:10px}.moc-project-monogram{font-size:22px}.moc-project-owner small{font-size:6px}.moc-project-owner strong{font-size:13px}.moc-project-owner>i{font-size:19px}.moc-project-caption{font-size:7px;left:7%;bottom:4%;max-width:86%}}
@media(prefers-reduced-motion:reduce){.moc-art-layer{animation:none!important;transform:rotate(var(--layer-angle))}}
/* Separate visual stories: project enquiries versus hiring. All interfaces are conceptual. */
.journey-scene{--journey-accent:#74bacb}.journey-recruiting{--journey-accent:#9cc8a7;background:radial-gradient(ellipse,#89ba9c22,transparent 72%)!important}
.journey-scene strong,.journey-scene span,.journey-scene small{line-height:1.35}.journey-scene .moc-art-layer{position:absolute;text-align:left;border-radius:14px;border:1px solid #d7eded99;box-shadow:0 20px 38px #07151d66;background:#edf4f4;color:#234550;padding:19px}.journey-overline{display:block;font-size:7px;font-weight:700;letter-spacing:.1em;color:#447482}.journey-scene strong{display:block;font-size:19px;letter-spacing:-.025em;margin:10px 0}.journey-caption{position:absolute;bottom:0;left:0;right:0;font-size:9px;text-align:center;color:#b5cfd4}.journey-campaign,.journey-job{left:0;top:0;width:64%;--layer-angle:-6deg;--layer-delay:-1s}.journey-campaign-image{height:69px;margin:10px 0;background:linear-gradient(90deg,#1b424322,transparent),url('/assets/img/category-kunden-gewinnen.webp') center 30%/cover;border-radius:7px}.journey-ad-cta{display:block;font-size:8px;background:#276c7b;color:white;border-radius:5px;padding:8px}.journey-request,.journey-application{right:-1%;top:21%;width:54%;--layer-angle:5deg;--layer-delay:-4s}.journey-scene .journey-request strong,.journey-scene .journey-application strong{font-size:14px}.journey-input{display:flex;align-items:center;gap:6px;padding:10px 5px;font-size:8px;border-bottom:1px solid #cbdcde}.journey-input i{width:7px;height:7px;border:1px solid #4e8793;border-radius:50%;background:#8bbec6;animation:journey-check 6s infinite}.journey-input:nth-of-type(2) i{animation-delay:1.5s}.journey-submit{display:block;font-size:8px;margin-top:12px;padding:9px 6px;border-radius:6px;background:#2b6371;color:#fff;position:relative;overflow:hidden}.journey-submit:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#e3ffff55,transparent);animation:journey-sweep 5s infinite}
.journey-workshop{height:73px;margin-top:12px;display:flex;align-items:flex-end;gap:8px;background:linear-gradient(135deg,#b9cec2,#e2ece5);border-radius:8px;padding:12px;position:relative;overflow:hidden}.journey-workshop i{width:25px;height:35px;background:#477763;border-radius:3px 3px 0 0}.journey-workshop i:nth-child(2){height:46px;background:#6d9480}.journey-workshop i:nth-child(3){height:27px;background:#8cab97}.journey-workshop>span{margin-left:auto;font-size:30px;color:#3c6e58;animation:journey-arrow 4s ease-in-out infinite}.journey-tags{display:flex;gap:4px}.journey-tags span{font-size:7px;padding:5px;background:#d5e5da;border-radius:4px}.journey-application>span{font-size:9px;color:#477761}.journey-recruiting .journey-submit{background:#3d6f58}
.journey-target,.journey-radar{left:0;top:5%;width:73%;height:215px;background:radial-gradient(ellipse,#355966,#152c35)!important;overflow:hidden;--layer-angle:-5deg}.journey-target-ring,.journey-radar-ring{position:absolute;width:150px;height:150px;left:calc(50% - 75px);top:30px;border:1px solid #86c4d277;border-radius:50%}.journey-target-ring.second,.journey-radar-ring.second{width:90px;height:90px;left:calc(50% - 45px);top:60px}.journey-target>span,.journey-hq{position:absolute;left:calc(50% - 40px);top:88px;width:80px;font-size:11px;text-align:center;color:#e7f7f4}.journey-fit,.journey-radius{right:-1%;top:23%;width:46%;--layer-angle:6deg;--layer-delay:-4s}.journey-fit strong{font-size:22px}.journey-match{display:flex;gap:5px}.journey-match i{height:6px;width:25px;border-radius:3px;background:#509aa8;animation:journey-check 4s infinite}.journey-match i:nth-child(2){animation-delay:.6s}.journey-match i:nth-child(3){animation-delay:1.2s}.journey-signal{position:absolute;width:10px;height:10px;border-radius:50%;background:#a4e5ed;animation:journey-orbit 9s linear infinite;left:calc(50% - 5px);top:100px}.journey-signal.s2{animation-delay:-3s}.journey-signal.s3{animation-delay:-6s}.journey-radar{background:radial-gradient(ellipse,#3d6753,#193c30)!important}.journey-radar-ring{border-color:#a1d2ac66}.journey-radar-sweep{position:absolute;inset:29px calc(50% - 75px);width:150px;height:150px;border-radius:50%;background:conic-gradient(transparent 240deg,#b7edc455);animation:journey-rotate 9s linear infinite}.journey-person{position:absolute;color:#b2e6bd;font-size:15px;font-style:normal;animation:journey-check 5s infinite}.journey-person.p1{top:45px;left:30%}.journey-person.p2{top:145px;left:24%;animation-delay:1.5s}.journey-person.p3{top:115px;left:70%;animation-delay:3s}.journey-radius>span:last-child{font-size:8px;color:#60816c}
.journey-sales,.journey-hiring{left:0;top:1%;width:86%;--layer-angle:-5deg}.journey-sales-path{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:8px}.journey-sales-path span{padding:7px 5px;background:#dce9ec;border-radius:5px}.journey-sales-path i{font-style:normal;color:#3a899b;animation:journey-arrow 4s infinite}.journey-sales-bars{display:flex;height:45px;align-items:flex-end;gap:9px;margin:14px 0}.journey-sales-bars i{width:18%;height:65%;background:linear-gradient(#91c9d1,#387988);border-radius:4px 4px 0 0;transform-origin:bottom;animation:journey-bars 6s ease-in-out infinite alternate}.journey-sales-bars i:nth-child(2n){height:95%;animation-delay:-2s}.journey-sales-bars i:nth-child(3n){height:80%;animation-delay:-4s}.journey-sales small{font-size:7px;color:#65828a}.journey-insight,.journey-interview{right:-1%;top:61%;width:69%;padding:13px 17px!important;background:linear-gradient(120deg,#305665,#203e49)!important;color:#edf7f8!important;--layer-angle:4deg;--layer-delay:-4s}.journey-insight>span{float:right;font-size:27px;animation:journey-arrow 4s infinite}.journey-insight strong,.journey-interview strong{font-size:13px;margin:0 0 5px}.journey-insight small,.journey-interview>span{font-size:7px;color:#c3dedf}.journey-hiring-row{display:flex;align-items:center;gap:8px;font-size:9px;margin-top:9px;background:#dce9df;padding:8px;border-radius:5px}.journey-hiring-row i{font-size:7px;font-style:normal;color:#5c8268}.journey-hiring-row b{margin-left:auto;color:#477c59;animation:journey-check 6s infinite}.journey-hiring-row:nth-of-type(2) b{animation-delay:2s}.journey-hiring-row:nth-of-type(3) b{animation-delay:4s}.journey-interview{background:linear-gradient(120deg,#355b49,#203e32)!important}.journey-interview>div{float:right;display:flex;gap:5px}.journey-interview i{font-size:20px;color:#afd4b7;font-style:normal;animation:journey-conversation 3s ease-in-out infinite alternate}.journey-interview i:nth-child(2){animation-delay:-1.5s}
@keyframes journey-check{0%,100%{opacity:.4;transform:scale(.8)}35%,65%{opacity:1;transform:scale(1)}}@keyframes journey-sweep{0%,20%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}@keyframes journey-arrow{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-3px)}}@keyframes journey-orbit{from{transform:rotate(0deg) translateX(73px) rotate(0deg)}to{transform:rotate(360deg) translateX(73px) rotate(-360deg)}}@keyframes journey-rotate{to{transform:rotate(360deg)}}@keyframes journey-bars{from{transform:scaleY(.65)}to{transform:scaleY(1)}}@keyframes journey-conversation{from{transform:translateY(2px);opacity:.6}to{transform:translateY(-3px);opacity:1}}
.journey-scene *,.journey-scene *:after{animation-play-state:paused}.journey-scene.moc-artwork-visible *,.journey-scene.moc-artwork-visible *:after{animation-play-state:running}
@media(max-width:720px){.journey-scene strong{font-size:17px}.journey-scene .moc-art-layer{padding:15px}.journey-campaign-image{height:58px}.journey-target,.journey-radar{height:195px}.journey-fit strong{font-size:20px}.journey-scene .journey-request strong,.journey-scene .journey-application strong{font-size:12px}.journey-input{font-size:7px;padding:9px 3px}.journey-caption{font-size:8px}.journey-sales small{font-size:6px}.journey-insight strong,.journey-interview strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.journey-scene *,.journey-scene *:after{animation:none!important}}
/* Keep the small illustration labels legible on pale interface surfaces. */
.moc-window-chrome{color:#45616b}.moc-ui-kicker{color:#356b7b}.moc-feedback-person small{color:#4e6d78}.moc-project-lanes i{color:#476a76}
.journey-sales small{color:#496972}
.journey-radius>span:last-child,.journey-hiring-row i{color:#3e644b}