/* One MOC art direction across all marketing journeys. */
body.moc-site{--moc-blue:#a4d9e0;--moc-navy:#172127;--moc-text:#edf5f6;--moc-muted:#b9cbd2;--moc-paper:#1c282e;--moc-border:#83aeb533;--bg:#181e22;--ink:#edf5f6;--muted:#b9cbd2;--dim:#b9cbd2;--accent:#a4d9e0;--cyan:#a4d9e0;background:#181e22!important;color:#edf5f6!important}
.moc-site main>section,.moc-recruiting main>.section{background:radial-gradient(ellipse at 85% 0,#3f76821c,transparent 60%),#181e22;color:#edf5f6}
.moc-site main .moc-tint,.moc-site main .moc-outcomes,.moc-site main .moc-results,.moc-site main .moc-delivery,.moc-site main .moc-call,.moc-site main .moc-contact,.moc-site main .moc-industry-hero,.moc-site main .moc-founder,.moc-site main .moc-hero:not(.moc-sales-hero){background:radial-gradient(ellipse at 85% 0,#3f768222,transparent 65%),#1a242a}
.moc-site main h1,.moc-site main h2,.moc-site main h3,.moc-site main summary{color:#edf5f6}.moc-site main p{color:#b9cbd2}.moc-site main .moc-eyebrow,.moc-site main .hud,.moc-site main .moc-card-index{color:#a4d9e0!important}.moc-site main .moc-fine{color:#b4c7cf}.moc-site h1>span,.moc-service .svc-hero h1 em{color:#a4d9e0}.moc-site .moc-button.secondary,.moc-service .btn-ghost{color:#deeff3!important;border-color:#87b6c166;background:#20353b}.moc-site .moc-button.secondary:hover,.moc-service .btn-ghost:hover{background:#2c4650}
.moc-site :is(.moc-card,.moc-industry-card,.moc-project,.moc-fit,.moc-responsibilities,.moc-campaign-card,.moc-project-brief,.moc-call-person,.moc-person,.moc-result-case,.moc-sector-angle){background:radial-gradient(ellipse at 0 0,#416d7726,transparent 75%),#243239;border:1px solid #8bafb63b;border-radius:20px;color:#edf5f6;box-shadow:inset 0 1px #e2f5f508,0 18px 45px #07161d1a}
.moc-site :is(.moc-card,.moc-campaign-card,.moc-sector-angle){padding:28px}.moc-site .moc-project>a{background:#32424a}.moc-site .moc-project a,.moc-site .moc-text-link{color:#b6e5ec!important}.moc-site .moc-trust{background:#1c282e;border-color:#759ba333}.moc-site .moc-logos{background:#f1f6f6;border-radius:14px;padding:25px}.moc-site .moc-case-heading{background:#f0f5f5;border-radius:10px;padding:12px}.moc-site .moc-case-heading>span{color:#3e5663}.moc-site .moc-result-stats dd{color:#e3f2f5}.moc-site .moc-result-stats>div:first-child dd{color:#a4d9e0}.moc-site .moc-result-stats dt,.moc-site .moc-case-source,.moc-call-person span,.moc-call-outcomes span{color:#b9cbd2}.moc-site .moc-deliverables>li>span,.moc-call-outcomes li:before,.moc-sector-angle>span,.moc-project-questions span{color:#a4d9e0}.moc-site .moc-project-questions li{background:#25373e;border-color:#7ba1ab3b;color:#e5f2f5}.moc-site .moc-example-top>span:last-child,.moc-site .moc-example-label{color:#b8d5dc;background:#25414c;border-color:#7daeb544}.moc-site .moc-campaign-message{background:#203039;border-color:#8aaeb33b}.moc-site .moc-campaign-message>span,.moc-site .moc-campaign-card dt{color:#b9e3eb}.moc-site .moc-campaign-card dd{color:#b9cbd2}.moc-site .moc-faq details{border-color:#7eacb044}.moc-site .moc-booking-option{background:#24363e;border-color:#83aeb544}.moc-site .moc-booking-option p{color:#bfd1d7}.moc-site .moc-direct-links a,.moc-site .moc-calendar-alternative{color:#c6e9ee}.moc-site .moc-proof-video .video__play{background:#286c7a;border-color:#91c7d3;color:white}
/* The screenshot's former white icon strip becomes a gallery of animated artwork. */
.moc-site .moc-outcome-grid{gap:24px;text-align:left}.moc-site .moc-outcome{min-width:0;border:1px solid #8bafb638;border-radius:22px;padding:22px 24px 30px;background:linear-gradient(145deg,#314a5377,#223038);box-shadow:inset 0 1px #efffff0a}.moc-site .moc-outcome h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin-top:23px}.moc-site .moc-outcome p{max-width:none;font-size:16px}.moc-site .moc-outcomes h2{max-width:860px}
/* Existing service facts and real project imagery stay intact. */
body.moc-service{--ink:#edf5f6;--muted:#b9cbd2;--dim:#b9cbd2;background:#181e22!important;color:#edf5f6!important}.moc-service :is(.holo-panel,.ref-screen,.steps>li,.steps>div,.flow-graphic li,.auto-card,.shield-card,.contact-card){background:linear-gradient(140deg,#2c424b,#233139);border:1px solid #83aeb53b;border-radius:18px;color:#edf5f6}.moc-service .holo-card{overflow:hidden}.moc-service .holo-list strong,.moc-service .steps b,.moc-service .steps h3,.moc-service .faq summary{color:#e2f1f4}.moc-service .holo-list li,.moc-service .mock-copy ul,.moc-service .work-photo figcaption{color:#b9cbd2}.moc-service .hud-tabs{background:#1d2e35;border-color:#83aeb533}.moc-service .hud-tabs a{color:#d7e9ee}.moc-service .chips li{background:#233b43;border-color:#87b6c13b;color:#c7dfe5}.moc-service .editorial-caption{background:#263940;color:#e0eff2}.moc-service .editorial-caption span{color:#b9cbd2}.moc-service .flow-svg .box{fill:#25434e;stroke:#79acba}.moc-service .flow-svg .lbl{fill:#e7f5f6}.moc-service .flow-svg .sub{fill:#b9d4dc}.moc-service .flow-svg .tag{fill:#a4d9e0}.moc-service .flow-svg .link,.moc-service .flow-svg .loop{stroke:#9acfd9}.moc-service .related{background:#1c2a30}.moc-service .related a{color:#c2e7ed}.moc-service .num,.moc-service .project .tag,.moc-service .project a{color:#a4d9e0}.moc-service .svc-close,.moc-service .cta-band{background:radial-gradient(ellipse at 0 0,#416d7744,transparent 80%),#213139}.moc-service .ref-note a{color:#a4d9e0}.moc-site .moc-sector-angle{border-top:1px solid #8bafb63b}.moc-site .moc-sector-angle h3{font-size:23px;line-height:1.3}.moc-site .moc-breadcrumb{color:#c2d7de}
/* Retained recruiting proof follows the same palette, without changing evidence. */
.moc-recruiting main .section{background:radial-gradient(ellipse at 90% 0,#48787e18,transparent 65%),#1a242a}.moc-recruiting main .section:nth-of-type(2n){background:#182127}.moc-recruiting main :is(.karte,.vorteil,.fall,.problem,.prozess__karte,.faq__item,.kontakt__box,.referenz){background:#26363d;border-color:#84aeb53b;border-radius:18px}.moc-recruiting main .fall{color:#edf5f6}.moc-recruiting main a:not(.btn):not(.moc-button):not(.video__play){color:#b9e2e9}.moc-recruiting main .fall__logo{background:#eef5f5;border-radius:10px;padding:10px}.moc-recruiting main .btn{background:#286e7c;color:#fff;border-color:#81b6c2}.moc-recruiting main .section__kicker{color:#a4d9e0}.moc-recruiting main :is(.zahl,.fall__zahl,.stat__zahl){color:#b9e2e9}
/* Original depth illustrations, internally animated rather than static icon badges. */
.moc-benefit-scene{height:auto;aspect-ratio:360/250;position:relative;isolation:isolate;min-width:0;margin:0 0 8px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 55%,#5bafc315,transparent 73%)}
.moc-site .moc-benefit-scene>svg{display:block;width:100%;height:auto;padding:0;margin:0;border-radius:0;background:none;color:inherit;max-height:none;overflow:visible;filter:drop-shadow(0 13px 13px #071a2344)}.moc-benefit-caption{position:absolute;bottom:2%;left:0;right:0;text-align:center;font-size:9px;line-height:1.5;letter-spacing:.08em;color:#b9d7df}
.benefit-stream{animation:benefit-transfer 5s linear infinite}.benefit-check{animation:benefit-feedback 4.5s ease-in-out infinite}.benefit-aim{transform-origin:180px 111px;animation:benefit-feedback 5s ease-in-out infinite}.benefit-radar{transform-box:fill-box;transform-origin:left center;animation:benefit-radar 9s linear infinite}.benefit-scan{animation:benefit-scan 6s ease-in-out infinite alternate}
@keyframes benefit-transfer{to{stroke-dashoffset:-290}}@keyframes benefit-feedback{0%,100%{opacity:.5}50%{opacity:1}}@keyframes benefit-radar{to{transform:rotate(360deg)}}@keyframes benefit-scan{from{transform:translateY(0);opacity:.4}to{transform:translateY(-105px);opacity:1}}
.moc-benefit-scene *{animation-play-state:paused}.moc-benefit-scene.moc-artwork-visible *{animation-play-state:running}
/* Legacy service stylesheet disabled all animation; permit only the reviewed new artwork. */
.moc-service .service-page .moc-benefit-scene .benefit-stream{animation:benefit-transfer 5s linear infinite!important}.moc-service .service-page .moc-benefit-scene .benefit-check{animation:benefit-feedback 4.5s ease-in-out infinite!important}
@media(max-width:950px){.moc-site .moc-outcome-grid{grid-template-columns:1fr}.moc-site .moc-outcome{display:grid;grid-template-columns:minmax(170px,.8fr) 1.2fr;column-gap:25px;align-items:center}.moc-site .moc-outcome .moc-benefit-scene{grid-row:span 2}.moc-site .moc-outcome h3{align-self:end;margin:0 0 12px}.moc-site .moc-outcome p{align-self:start}}
@media(max-width:600px){.moc-site .moc-outcome{display:block;padding:20px 24px 28px}.moc-site .moc-outcome .moc-benefit-scene{max-width:330px;margin-inline:auto}.moc-site .moc-outcome h3{margin:15px 0}.moc-site .moc-sector-angle{padding:24px}.moc-site .moc-outcome-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){.moc-benefit-scene *,.moc-service .service-page .moc-benefit-scene *{animation:none!important}}
html[data-moc-motion="paused"] .moc-benefit-scene *,html[data-moc-motion="paused"] .moc-service .service-page .moc-benefit-scene *{animation:none!important}
/* Ratgeber and legal content share navigation and material, while reading remains calm. */
body.moc-editorial:before,.moc-editorial .holo-field{display:none!important}.moc-editorial>.moc-header{max-width:none;width:100%;margin:0;transform:none}.moc-editorial main.service-page{max-width:1200px;width:calc(100% - 64px);margin:0 auto;padding:45px 0 70px}.moc-editorial :is(.post-card,.article-body,.legal-body,.post-cta,.holo-panel){background:#24333b;border:1px solid #83aeb538;border-radius:18px;box-shadow:none;backdrop-filter:none}.moc-editorial main p,.moc-editorial main li{color:#bfd0d7}.moc-editorial .post-card-title{color:#edf5f6}.moc-editorial .post-cat,.moc-editorial .post-meta,.moc-editorial .post-card-meta,.moc-editorial .post-card-meta b{color:#b9dbe3}.moc-editorial main a{color:#bce6ee}.moc-editorial .moc-footer{max-width:none;width:100%;margin:0}.moc-editorial .post-filter .chip{background:#243940;color:#d8edf1;border-color:#8eb6c04d;min-height:44px}.moc-editorial .post-filter .chip.is-on{background:#31535e;color:#fff}.moc-editorial .hud{color:#a4d9e0}.moc-editorial .holo-panel:before,.moc-editorial .holo-panel:after{display:none}
@media(max-width:720px){.moc-editorial main.service-page{width:calc(100% - 40px);padding-top:25px}.moc-editorial .moc-header-inner{width:calc(100% - 40px)}}
.moc-site main .moc-delivery{background:radial-gradient(ellipse at 85% 0,#3f768222,transparent 65%),#1a242a!important}
.moc-recruiting main :is(.h-64,.h-48,.h-32,.faq__titel){color:#edf5f6!important}.moc-recruiting main :is(.lead,.text-18,.methode__lead,.branchen__lead){color:#bfd0d7!important}.moc-recruiting main .schritt{background:#26373f!important;border:1px solid #86adb53b;border-radius:20px;overflow:hidden}.moc-recruiting main .schritt__liste li,.moc-recruiting main .schritt__liste span{color:#d3e6eb!important}
.moc-editorial main .btn-holo{background:linear-gradient(115deg,#286c7a,#194f5e);color:#fff!important;border-color:#91bec64d;border-radius:11px;padding:15px 23px}.moc-editorial main .btn-holo>span{color:#fff}.moc-editorial main .btn-ghost{color:#d8edf1;border-color:#8aadb655}
.moc-benefit-scene .benefit-aim{transform-box:fill-box;transform-origin:center;animation:benefit-aim 5s ease-in-out infinite}.benefit-mode-6 svg>g:last-child{animation:benefit-phone 6s ease-in-out infinite alternate}.benefit-mode-12 circle:nth-child(2){animation-delay:-1.5s}.benefit-mode-12 circle:nth-child(3){animation-delay:-3s}
@keyframes benefit-aim{0%,100%{transform:translate(-4px,4px);opacity:.6}50%{transform:translate(0,0);opacity:1}}@keyframes benefit-phone{from{translate:0 3px}to{translate:0 -5px}}
.moc-benefit-scene:not(.moc-artwork-visible) *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.moc-benefit-scene *{animation:none!important}}
html[data-moc-motion="paused"] .moc-benefit-scene *{animation:none!important}
.moc-editorial .post-meta{flex-wrap:wrap}.moc-editorial .post-meta>div{min-width:0}.moc-editorial .post-meta time{white-space:normal}.moc-editorial main :is(h1,h2,h3,p,li,a){overflow-wrap:break-word}.moc-editorial .table-wrap{max-width:100%;min-width:0}
/* Reading surfaces and their text colours must change together. */
.moc-site .moc-deliverables li{border-color:#819fa84d}.moc-site .moc-deliverables li>span{color:var(--phase);background:var(--phase-wash)}
.moc-site .moc-industry-card>span:first-child,.moc-site .moc-example-top{color:#c6dfe6}
.moc-service :is(.flow-note,.project li,.project .tag i,.project h3 small,.contact-card>div,.mock-copy p,.mock-copy li){color:#c4d6dd}
.moc-service .auto-side{background:#22343d;color:#edf5f6}.moc-service .auto-examples b,.moc-service .auto-examples strong{color:#edf5f6}
.moc-recruiting main .split__text .lead strong{color:#edf5f6}
/* A photograph must never be the only contrast protection for its caption. */
.moc-site .moc-sector-photo figcaption{background:linear-gradient(0deg,#13232afc,#13232af0);padding:22px 25px;color:#f1f8fa}
.moc-site .moc-sector-photo figcaption span,.moc-site .moc-sector-photo figcaption strong{color:#f1f8fa}
.moc-service .auto-side .auto-examples li b{color:#edf5f6}
.moc-recruiting main .section .lead strong{color:#edf5f6}
.moc-recruiting main .section:not(.section--black) .lead strong{color:#edf5f6}
.moc-service .flow-note,.moc-service .project .tag i{font-size:13px!important;line-height:1.65}.moc-service .project h3 small{display:block;font-size:15px;line-height:1.5;margin-top:8px}.moc-site .moc-example-top{font-size:12px}.moc-site .moc-industry-card>span:first-child{font-size:12px}
.moc-site .moc-sector-photo figcaption{position:relative;inset:auto;background:#192d36}
.moc-service .zone-label{white-space:normal;max-width:calc(100% - 24px);overflow-wrap:anywhere;line-height:1.6}
@media(max-width:380px){.moc-site .moc-brand img{width:116px}.moc-site .moc-header-inner{gap:8px}.moc-site .moc-menu{padding-inline:12px;gap:8px}}