/* Original, category-specific campaign story; all UI surfaces are illustrative. */
.cs-heading{max-width:850px;margin:0 auto 42px;text-align:center}.cs-heading .moc-lead{margin-inline:auto}.cs-platforms{display:flex;justify-content:center;gap:12px;margin-top:25px}.cs-platforms>span{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #a4d9e045;border-radius:30px;background:#25424b;color:#dcf0f4;font-size:13px}.cs-platforms svg{flex:none;color:#bce8ef}
.cs-story{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;isolation:isolate}.cs-step{position:relative;min-width:0;border:1px solid #8bb6c044;border-radius:21px;background:linear-gradient(145deg,#2b424b,#202e36);box-shadow:inset 0 1px #efffff0a;overflow:visible}.cs-step:not(:last-child):after{content:'→';position:absolute;right:-18px;top:120px;z-index:2;color:#b6dce4;font-size:21px;line-height:1;background:#1a262d;border-radius:50%}.cs-copy{padding:21px 22px 26px}.cs-step-number{display:block;font-size:12px;line-height:1.6;letter-spacing:.09em;color:#c5e5eb}.moc-site .cs-copy h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:14px 0}.moc-site .cs-copy p{font-size:15px;line-height:1.75;color:#c0d1d8;margin:0}.moc-site .cs-footnote{font-size:13px;line-height:1.75;color:#bbd1d9;max-width:1000px;margin:26px auto 0;text-align:center}
.cs-visual{position:relative;height:265px;overflow:hidden;border-radius:20px 20px 0 0;background:radial-gradient(ellipse at 50% 40%,#68b5c12b,transparent 75%);isolation:isolate}.cs-map{position:absolute;inset:18px 12px 5px;overflow:hidden;border:1px solid #80aeb744;border-radius:16px;transform:perspective(600px) rotateX(9deg) rotateZ(-4deg);box-shadow:0 16px 24px #091b2555}.cs-map>svg{width:100%;height:100%;display:block}.cs-map-label{position:absolute;left:14px;bottom:40px;padding:7px 10px;border-radius:6px;background:#17323e;color:#e2f4f7;font-size:10px;border:1px solid #81acb84d}.cs-map-note{position:absolute;left:14px;bottom:15px;color:#d1e5ea;font-size:9px}.cs-radius{transform-box:fill-box;transform-origin:center;animation:cs-radius 5s ease-in-out infinite}.cs-pin{animation:cs-pin 5s ease-in-out infinite}
.cs-person{position:absolute;width:280px;height:250px;left:calc(50% - 145px);bottom:0;filter:drop-shadow(0 10px 12px #07172055)}.cs-ad-phone{position:absolute;right:12px;top:25px;width:127px;height:227px;padding:8px;border:4px solid #122b36;border-radius:19px;background:#eef6f7;box-shadow:0 13px 18px #07172088,0 0 0 1px #9dcad366;transform:rotate(7deg);color:#254550}.cs-device-speaker{width:34px;height:4px;border-radius:3px;background:#35535e;margin:0 auto 8px}.cs-feed-top{display:flex;align-items:center;gap:4px;padding-bottom:6px;border-bottom:1px solid #b6ced5;color:#385f70;font-size:7px}.cs-feed-top svg{width:12px;height:12px;flex:none}.cs-feed-top svg:last-child{margin-left:auto}.cs-ad-author{display:flex;align-items:center;gap:4px;margin:8px 0}.cs-ad-author>span{display:grid;place-items:center;width:17px;height:17px;background:#276576;border-radius:50%;color:#fff;font-size:10px}.cs-ad-author strong{display:block;font-size:7px;color:#294b59}.cs-ad-author small{display:block;font-size:5px;color:#4a6a78;margin-top:2px}.cs-ad-photo,.cs-landing-picture{height:55px;background:url('/assets/img/category-kunden-gewinnen.webp') center 30%/cover;border-radius:5px}.cs-job-photo{background-image:url('/assets/img/category-mitarbeiter-finden.webp')}.cs-ad-title{display:block;font-size:9px;line-height:1.35;margin:8px 0;color:#254550}.cs-ad-button{position:relative;display:flex;justify-content:space-between;gap:4px;padding:7px 4px;border-radius:4px;background:#286675;color:white;font-size:6px}.cs-finger{position:absolute;width:15px;height:38px;border-radius:9px 9px 3px 3px;background:linear-gradient(90deg,#bb8d71,#e2b99b);right:13px;bottom:-9px;transform:rotate(-21deg);box-shadow:-3px 3px 8px #19343f33;animation:cs-finger 16s ease-in-out infinite}.cs-tap{position:absolute;width:23px;height:23px;right:12px;bottom:18px;border:2px solid #3d91a4;border-radius:50%;animation:cs-tap 16s ease-out infinite;opacity:0}
.cs-landing-phone{position:absolute;left:calc(50% - 77px);top:14px;width:153px;height:239px;border:5px solid #142d38;border-radius:23px;background:#edf5f6;color:#284957;padding:9px 10px;box-shadow:0 18px 22px #07172077,0 0 0 1px #a4d9e055;transform:rotate(-5deg);animation:cs-page 16s ease-in-out infinite}.cs-url{font-size:7px;color:#4a6b78;padding:5px 0 8px}.cs-landing-picture{height:49px;margin-bottom:8px}.cs-ui-eyebrow{display:block;font-size:8px;line-height:1.5;letter-spacing:.06em;color:#3b6676}.cs-landing-phone>strong{display:block;font-size:12px;line-height:1.3;margin:5px 0 8px;letter-spacing:-.02em}.cs-landing-phone ul{padding:0;margin:0;list-style:none;font-size:7px;line-height:1.8;color:#365b69}.cs-landing-cta{font-size:7px;border-radius:4px;background:#2a6978;color:#fff;padding:7px 6px;margin-top:8px}.cs-page-scan{position:absolute;left:7px;right:7px;top:56px;height:3px;background:#8dc5d45e;box-shadow:0 0 12px #85bfcd66;animation:cs-scan 16s ease-in-out infinite}.cs-click-card{position:absolute;left:8px;right:8px;bottom:4px;font-size:8px;line-height:1.4;border:1px solid #94bfc94d;padding:9px;border-radius:8px;background:#23424e;color:#d3edf2;box-shadow:0 10px 17px #06182155}.cs-click-card>span{margin-right:5px;font-size:12px}
.cs-request-panel{position:absolute;left:15px;right:15px;top:35px;padding:17px 13px;border:1px solid #b8dce375;border-radius:13px;background:linear-gradient(130deg,#e7f3f5,#c4e0e5);box-shadow:0 15px 22px #07172066;transform:rotate(4deg);color:#2a4a57}.cs-request-panel>strong{display:block;font-size:14px;line-height:1.3;margin:8px 0 13px}.cs-request-field{display:flex;align-items:center;gap:6px;font-size:8px;padding:9px 0;border-bottom:1px solid #87afbb66;color:#345c6a}.cs-request-field>span{font-size:7px;color:#3b6b7a}.cs-request-field>i{margin-left:auto;font-style:normal;color:#2d6b78;animation:cs-field 16s ease-in-out infinite}.cs-request-field:nth-of-type(2)>i{animation-delay:.7s}.cs-request-field:nth-of-type(3)>i{animation-delay:1.4s}.cs-request-action{padding:8px 7px;margin-top:11px;font-size:8px;background:#286675;border-radius:5px;color:#fff}.cs-handoff{position:absolute;bottom:0;left:8px;right:8px;padding:12px;display:flex;align-items:center;gap:8px;background:#244653;border:1px solid #96c0cb55;border-radius:10px;color:#e2f2f5;box-shadow:0 8px 15px #07172055}.cs-handoff>span{font-size:20px}.cs-handoff strong{font-size:10px;display:block}.cs-handoff small{font-size:8px;color:#c5e2e8;display:block;margin-top:3px}
@keyframes cs-radius{0%,100%{scale:.92;opacity:.6}50%{scale:1.04;opacity:1}}@keyframes cs-pin{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes cs-finger{0%,21%,43%,100%{translate:8px 13px;opacity:.7}29%,35%{translate:0 0;opacity:1}}@keyframes cs-tap{0%,28%,43%,100%{scale:.4;opacity:0}31%{scale:.7;opacity:1}39%{scale:1.7;opacity:0}}@keyframes cs-page{0%,37%,100%{translate:0 6px}49%,70%{translate:0 -3px}}@keyframes cs-scan{0%,39%,100%{translate:0 0;opacity:0}45%{opacity:1}67%{translate:0 136px;opacity:.7}73%{translate:0 136px;opacity:0}}@keyframes cs-field{0%,68%,100%{opacity:.25}78%,95%{opacity:1}}
.cs-story *{animation-play-state:paused}.cs-story.moc-artwork-visible *{animation-play-state:running}
@media(max-width:1100px){.cs-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cs-step:nth-child(2):after{content:none}.cs-visual{max-width:330px;width:100%;margin-inline:auto}.cs-step{overflow:hidden}.cs-step:not(:last-child):after{content:none}.cs-copy{padding:22px 26px 28px}}
@media(max-width:600px){.cs-story{grid-template-columns:1fr;gap:22px}.cs-heading{text-align:left;margin-bottom:30px}.cs-platforms{justify-content:flex-start}.moc-site .cs-copy h3{font-size:23px}.moc-site .cs-copy p{font-size:16px}.cs-copy{padding:15px 24px 26px}.moc-site .cs-footnote{text-align:left}.cs-visual{height:270px}.cs-heading .moc-lead{font-size:17px}}
@media(prefers-reduced-motion:reduce){.cs-story *{animation:none!important}.cs-tap{display:none}}
html[data-moc-motion="paused"] .cs-story *{animation:none!important}
.cs-request-panel{top:15px;padding:13px}.cs-request-field{padding-block:6px}
.cs-controls{display:flex;align-items:center;justify-content:center;gap:18px 28px;flex-wrap:wrap;margin-top:30px}.cs-pause{font:inherit;font-size:13px;line-height:1.5;min-height:44px;padding:10px 14px;color:#d3e8ed;border:1px solid #84aeb655;background:#22363f;border-radius:9px;cursor:pointer}.cs-pause:disabled{cursor:default;color:#b9d0d8}.cs-pause[hidden]{display:none}[data-cs-paused="true"] .cs-story *{animation-play-state:paused!important}
@media(max-width:600px){.cs-controls{justify-content:flex-start}}
.cs-phone-destination{position:absolute;inset:25px 5px 7px;padding:10px 8px;border-radius:8px;background:#edf5f6;opacity:0;translate:0 8px;animation:cs-destination 16s ease-in-out infinite}.cs-phone-destination>strong{display:block;font-size:11px;line-height:1.35;margin:6px 0;color:#284957}.cs-mini-picture{height:44px;border-radius:5px;background:url('/assets/img/category-kunden-gewinnen.webp') center 30%/cover;margin:9px 0}.cs-mini-picture.cs-job-photo{background-image:url('/assets/img/category-mitarbeiter-finden.webp')}.cs-phone-destination>span:not(.cs-ui-eyebrow){font-size:7px;color:#385f6d}.cs-phone-destination>b{display:block;margin-top:9px;padding:8px 5px;font-size:7px;background:#286675;border-radius:4px;color:#fff}.cs-ad-phone .cs-finger,.cs-ad-phone .cs-tap{z-index:2}
@keyframes cs-destination{0%,35%,83%,100%{opacity:0;translate:0 8px}42%,74%{opacity:1;translate:0 0}}
.cs-story .cs-phone-destination{animation-play-state:paused}.cs-story.moc-artwork-visible .cs-phone-destination{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.cs-story .cs-phone-destination{animation:none!important}}
.cs-section[data-cs-paused="true"] *,.cs-section[data-cs-paused="true"] *:before,.cs-section[data-cs-paused="true"] *:after{animation-play-state:paused!important}
.cs-ad-photo,.cs-landing-picture,.cs-mini-picture,.cs-job-photo,.cs-mini-picture.cs-job-photo{background-image:var(--cs-offer-image,url('/assets/img/category-kunden-gewinnen.webp'))}
.cs-section .cs-ad-photo,.cs-section .cs-landing-picture,.cs-section .cs-mini-picture{background-image:none}
.cs-section.cs-assets-visible .cs-ad-photo,.cs-section.cs-assets-visible .cs-landing-picture,.cs-section.cs-assets-visible .cs-mini-picture,html:not(.moc-js) .cs-section .cs-ad-photo,html:not(.moc-js) .cs-section .cs-landing-picture,html:not(.moc-js) .cs-section .cs-mini-picture{background-image:var(--cs-offer-image,url('/assets/img/category-kunden-gewinnen.webp'))}
.cs-visual{content-visibility:auto;contain-intrinsic-size:auto 265px}