body.agency-light .agent-solutions-section{padding:48px 0!important}
#cases-grid{scroll-margin-top:190px}
body.agency-light .agent-solutions-section #uc-title{font-size:clamp(30px,4vw,48px);line-height:1.12}
body.agency-light .agent-solutions-section #uc-sub{font-size:18px}
.workflow-line{list-style:none;margin:0 auto;padding:0;max-width:1000px;display:grid;gap:24px}
.workflow-step{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:22px;align-items:center}
.workflow-step:not(:last-child):before{content:'';position:absolute;left:22px;top:50%;height:calc(100% + 24px);width:2px;background:#d7c6f2}
.workflow-step:not(:last-child):after{content:'';position:absolute;left:18px;bottom:-15px;width:10px;height:10px;border-right:2px solid #9466d9;border-bottom:2px solid #9466d9;transform:rotate(45deg)}
.workflow-number{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ddcdef;border-radius:50%;background:#faf7ff;color:#7951ce;font-size:15px;font-weight:700}
.workflow-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;align-items:center;padding:24px 28px;border:1px solid #eee8f5;border-radius:20px;background:linear-gradient(110deg,#f8f7fa,#fbf9ff);box-shadow:0 5px 22px #39255804}
.workflow-icon{width:76px;height:76px;display:grid;place-items:center;background:#fff;border-radius:18px;box-shadow:0 5px 12px #2315330b;color:var(--step-color)}
.workflow-icon svg{width:43px;height:43px}
.workflow-card h3{margin:0 0 5px;font-size:25px;letter-spacing:-.5px;color:#292333}
.workflow-card p{margin:0;font-size:16px;line-height:1.5;color:#6e657b}
.workflow-card small{display:block;margin-top:9px;font-size:12px;line-height:1.5;color:#8b7b9e}
.workflow-bwa{max-width:932px;margin:36px auto 0;padding:22px 26px;border-radius:16px;border:1px dashed #d4c4e9;background:#fcfaff;box-sizing:border-box}
.workflow-bwa strong{color:#7751b5;font-size:18px}.workflow-bwa p{margin:8px 0 0;color:#756c80;font-size:15px;line-height:1.5}
@media(max-width:700px){.workflow-line{gap:20px}.workflow-step{grid-template-columns:32px minmax(0,1fr);gap:10px}.workflow-number{width:32px;height:32px;font-size:12px}.workflow-step:not(:last-child):before{left:15px;height:calc(100% + 20px)}.workflow-step:not(:last-child):after{left:11px;bottom:-13px}.workflow-card{padding:17px 14px;grid-template-columns:44px minmax(0,1fr);gap:12px;border-radius:16px}.workflow-icon{width:44px;height:48px;border-radius:12px}.workflow-icon svg{width:30px;height:30px}.workflow-card h3{font-size:19px;overflow-wrap:anywhere}.workflow-card p{font-size:14px}.workflow-card small{font-size:11px}.workflow-bwa{margin-left:42px;padding:18px}}
body.agency-light #cases-grid .workflow-line>li.workflow-step{display:grid;padding:0;margin:0;align-items:center;min-height:0}
body.agency-light #cases-grid .workflow-line>li.workflow-step:before{content:'';position:absolute;left:22px;top:50%;height:calc(100% + 24px);width:2px;background:#d7c6f2;border:0;transform:none}
body.agency-light #cases-grid .workflow-line>li.workflow-step:after{content:'';position:absolute;left:18px;top:auto;bottom:-15px;width:10px;height:10px;border:0;border-right:2px solid #9466d9;border-bottom:2px solid #9466d9;transform:rotate(45deg)}
body.agency-light #cases-grid .workflow-line>li.workflow-step:last-child:before,body.agency-light #cases-grid .workflow-line>li.workflow-step:last-child:after{display:none}
@media(max-width:700px){body.agency-light #cases-grid .workflow-line>li.workflow-step:before{left:15px;height:calc(100% + 20px)}body.agency-light #cases-grid .workflow-line>li.workflow-step:after{left:11px;bottom:-13px}}
.followup-section{max-width:1120px;margin:72px auto 12px;padding:42px;display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center;border:1px solid #e9dff6;border-radius:28px;background:linear-gradient(120deg,#fcfaff,#f2ebfc)}
.followup-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#8766b7}.followup-copy h2{font-size:clamp(28px,3vw,44px);line-height:1.13;letter-spacing:-1.5px;margin:18px 0;color:#30233e}.followup-copy p{font-size:17px;line-height:1.7;color:#6c6079;margin:0}.followup-copy .followup-detail{font-size:13px;margin-top:16px;color:#877892}
.followup-cycle{position:relative;width:100%;max-width:360px;aspect-ratio:1;justify-self:center}.followup-cycle svg{width:100%;height:100%}.cycle-label{position:absolute;padding:9px 13px;background:white;border:1px solid #e5d9f4;border-radius:12px;color:#74509e;font-size:13px;font-weight:600;box-shadow:0 5px 16px #6035990a;white-space:nowrap}.cycle-top{top:12%;left:50%;transform:translate(-50%,-50%)}.cycle-bottom{bottom:12%;left:50%;transform:translate(-50%,50%)}.cycle-left{left:0;top:50%;transform:translateY(-50%)}.cycle-right{right:0;top:50%;transform:translateY(-50%)}.cycle-center{position:absolute;top:62%;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;color:#846997;line-height:1.3}
@media(max-width:700px){.followup-section{margin-top:36px;padding:24px 18px;grid-template-columns:1fr;gap:22px}.followup-copy p{font-size:15px}.followup-cycle{max-width:310px}.cycle-label{font-size:11px;padding:8px}.followup-copy h2{letter-spacing:-.8px}}
/* Compact seven-step overview. */
body.agency-light .agent-solutions-section{padding-top:20px!important}
body.agency-light .agent-solutions-section .uc-head{margin-bottom:16px!important}
body.agency-light .agent-solutions-section #uc-title{font-size:34px;margin:0 0 8px}
body.agency-light .agent-solutions-section #uc-sub{font-size:15px;margin:0 0 14px}
#cases-grid{scroll-margin-top:180px}
.workflow-line{max-width:1120px;gap:8px}
body.agency-light #cases-grid .workflow-line>li.workflow-step{grid-template-columns:44px minmax(0,1fr);gap:16px}
body.agency-light #cases-grid .workflow-number{font-family:Arial,Helvetica,sans-serif!important;font-size:30px;font-weight:700;letter-spacing:-1px;width:44px;height:44px;align-self:center;line-height:1;background:#fff;border:0;border-radius:10px}
.workflow-card{padding:10px 16px;grid-template-columns:42px minmax(0,1fr);gap:15px;border-radius:13px;min-height:62px;box-sizing:border-box}
.workflow-icon{width:42px;height:42px;border-radius:11px}.workflow-icon svg{width:27px;height:27px}
.workflow-card h3{font-size:19px;margin:0 0 3px;line-height:1.15}.workflow-card p{font-size:14px;line-height:1.35}
body.agency-light #cases-grid .workflow-line>li.workflow-step:before{left:21px;height:calc(100% + 8px)}
body.agency-light #cases-grid .workflow-line>li.workflow-step:after{left:18px;bottom:-5px;width:6px;height:6px}
@media(max-width:700px){body.agency-light .agent-solutions-section #uc-title{font-size:28px}.workflow-card{padding:10px;gap:10px;grid-template-columns:34px minmax(0,1fr)}.workflow-icon{width:34px;height:38px}.workflow-icon svg{width:24px;height:24px}.workflow-card h3{font-size:17px}.workflow-card p{font-size:13px}body.agency-light #cases-grid .workflow-line>li.workflow-step{grid-template-columns:32px minmax(0,1fr);gap:8px}body.agency-light #cases-grid .workflow-number{width:32px;font-size:26px}body.agency-light #cases-grid .workflow-line>li.workflow-step:before{left:15px}body.agency-light #cases-grid .workflow-line>li.workflow-step:after{left:12px}}

/* Brand statement, based on the supplied reference. */
body.agency-light .brand-promise{background:#f4f2fc;text-align:center;padding:42px 24px 48px;scroll-margin-top:100px}
body.agency-light .brand-promise .promise-label{display:flex;align-items:center;justify-content:center;gap:18px;color:#783aef;font:700 15px/1.4 Inter,Arial,sans-serif;letter-spacing:.22em}
body.agency-light .promise-label:before{content:"";width:40px;height:2px;background:#783aef}
body.agency-light .brand-promise h2{font-family:Inter,Arial,sans-serif;font-size:clamp(30px,4vw,56px);font-weight:400;letter-spacing:-.035em;line-height:1.16;color:#222230;margin:18px auto 32px;max-width:1250px}
body.agency-light .brand-promise p{font-family:Inter,Arial,sans-serif;font-size:clamp(18px,2vw,27px);font-weight:400;color:#777585;line-height:1.45;margin:0}
@media(max-width:600px){body.agency-light .brand-promise{padding:34px 20px}body.agency-light .brand-promise h2{margin-bottom:22px}.brand-promise .promise-label{font-size:12px!important}}

/* Strong continuous timeline with a shared entrance. */
body.agency-light #cases-grid .workflow-line>li.workflow-step:before{width:5px;left:19px;background:#8751eb;border-radius:4px;opacity:1}
body.agency-light #cases-grid .workflow-number{color:#7940de!important;background:#f6f1ff!important;box-shadow:none;font-weight:600}
@media(min-width:701px){body.agency-light .agent-solutions-section #uc-title{white-space:nowrap;font-size:clamp(27px,3.1vw,44px)}.workflow-card h3{white-space:nowrap}}
.workflow-waiting{opacity:0;transform:translateY(14px)}
.workflow-visible{animation:workflowOverviewIn .55s ease-out both}
@keyframes workflowOverviewIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:700px){body.agency-light #cases-grid .workflow-line>li.workflow-step:before{left:13px}.workflow-card h3{overflow-wrap:normal;word-break:normal}}
@media(prefers-reduced-motion:reduce){.workflow-waiting,.workflow-visible{opacity:1;transform:none;animation:none}}

/* Editorial process rail: prominent numbers, continuous spine, quiet surfaces. */
body.agency-light #cases-grid .workflow-line{max-width:none;gap:0;padding:8px 0;position:relative}
body.agency-light #cases-grid .workflow-line>li.workflow-step{grid-template-columns:100px minmax(0,1fr);gap:24px;min-height:72px}
body.agency-light #cases-grid .workflow-line>li.workflow-step:before{left:47px;width:6px;height:100%;top:50%;background:linear-gradient(#7542ec,#a484f5);box-shadow:0 0 18px #8657ef25}
body.agency-light #cases-grid .workflow-line>li.workflow-step:after{display:none}
body.agency-light #cases-grid .workflow-number{width:64px;height:64px;justify-self:center;border-radius:50%;font-family:Inter,Arial,sans-serif!important;font-size:44px;font-weight:400;letter-spacing:-.06em;color:#9173b6!important;background:linear-gradient(145deg,#f5effc,#e9def5)!important;border:5px solid #fff;box-shadow:0 3px 12px #8d70ad10;box-sizing:border-box}
body.agency-light #cases-grid .workflow-card{min-height:72px;padding:10px 22px;grid-template-columns:48px minmax(0,1fr);gap:22px;border:0;border-bottom:1px solid #e7e1f1;border-radius:0;background:transparent;box-shadow:none;transition:background .25s ease,transform .25s ease}
body.agency-light #cases-grid .workflow-step:last-child .workflow-card{border-bottom:0}
body.agency-light #cases-grid .workflow-step:hover .workflow-card{background:#f6f2ff;transform:translateX(4px);border-radius:12px}
body.agency-light #cases-grid .workflow-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(140deg,#fff,#f4effc);border:1px solid #eae3f4;box-shadow:0 3px 8px #29114606}
body.agency-light #cases-grid .workflow-icon svg{width:29px;height:29px}
body.agency-light #cases-grid .workflow-card h3{font-size:23px;font-weight:600;letter-spacing:-.035em;margin:0 0 4px;line-height:1.12}
body.agency-light #cases-grid .workflow-card p{font-size:15px;color:#736b80;line-height:1.35}
body.agency-light .agent-solutions-section #uc-title{font-weight:500;letter-spacing:-.045em}
@media(max-width:700px){
body.agency-light #cases-grid .workflow-line>li.workflow-step{grid-template-columns:52px minmax(0,1fr);gap:10px;min-height:86px}
body.agency-light #cases-grid .workflow-number{width:48px;height:48px;font-size:32px;border-width:4px}
body.agency-light #cases-grid .workflow-line>li.workflow-step:before{left:23px;width:5px}
body.agency-light #cases-grid .workflow-card{min-height:86px;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:12px 0}
body.agency-light #cases-grid .workflow-icon{width:34px;height:40px;border-radius:10px}
body.agency-light #cases-grid .workflow-icon svg{width:23px;height:23px}
body.agency-light #cases-grid .workflow-card h3{font-size:18px;white-space:normal}
body.agency-light #cases-grid .workflow-card p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){body.agency-light #cases-grid .workflow-card{transition:none}body.agency-light #cases-grid .workflow-step:hover .workflow-card{transform:none}}

/* Centered wide stage matching the supplied desktop reference. */
body.agency-light .agent-solutions-section{width:87.3%;max-width:1760px;margin-inline:auto;box-sizing:border-box;padding-inline:0!important}
body.agency-light #cases-grid{width:100%;max-width:none;margin-inline:auto}
body.agency-light #cases-grid .workflow-line{width:100%;box-sizing:border-box;margin-inline:auto}
@media(max-width:700px){body.agency-light .agent-solutions-section{width:calc(100% - 28px)}}

/* The reference selection marks a narrower, centered timeline. */
body.agency-light #cases-grid{width:60%;max-width:1040px;margin-inline:auto}
body.agency-light #cases-grid .workflow-card{padding-inline:14px;gap:14px}
@media(max-width:1100px){body.agency-light #cases-grid{width:85%}}
@media(max-width:700px){body.agency-light #cases-grid{width:100%}}
@media(min-width:1101px){body.agency-light #cases-grid .workflow-line>li.workflow-step{grid-template-columns:80px minmax(0,1fr);gap:14px;min-height:64px}body.agency-light #cases-grid .workflow-line>li.workflow-step:before{left:37px}body.agency-light #cases-grid .workflow-card{min-height:64px;grid-template-columns:40px minmax(0,1fr);padding:8px 12px;gap:14px}body.agency-light #cases-grid .workflow-card h3{font-size:21px}body.agency-light #cases-grid .workflow-card p{font-size:14px}body.agency-light #cases-grid .workflow-icon{width:40px;height:40px}}

/* Proportional 10 percent enlargement of the process rail. */
body.agency-light #cases-grid .workflow-line{zoom:1.1}
@media(min-width:701px){body.agency-light #cases-grid{width:66%;max-width:1144px}}
@media(min-width:701px) and (max-width:1100px){body.agency-light #cases-grid{width:93.5%}}

body.agency-light #cases-grid .workflow-step.step-awaiting{opacity:0;transform:translateY(22px)}
body.agency-light #cases-grid .workflow-step.step-revealed{animation:workflowStepReveal .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms) both}
@keyframes workflowStepReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){body.agency-light #cases-grid .workflow-step.step-awaiting,body.agency-light #cases-grid .workflow-step.step-revealed{opacity:1;transform:none;animation:none}}



/* Keep the example heading and timeline aligned with the comparison panels. */
body.agency-light .agent-solutions-section{width:87.3%;max-width:1180px}
body.agency-light #cases-grid{width:100%;max-width:none}

/* Center the complete example workflow and its heading. */
body.agency-light .agent-solutions-section #uc-label,body.agency-light .agent-solutions-section #uc-title,body.agency-light .agent-solutions-section #uc-sub{text-align:center;margin-left:auto;margin-right:auto}
body.agency-light #cases-grid{width:100%;max-width:920px;margin-inline:auto}
body.agency-light .agent-solutions-section .uc-head{display:block;text-align:center}
body.agency-light .agent-solutions-section .uc-head-text{width:100%;max-width:none;margin-inline:auto;text-align:center}
body.agency-light .agent-solutions-section .uc-head{display:block!important;width:100%!important;max-width:none!important;margin-inline:auto!important}
body.agency-light #faq-title{text-align:center!important;margin-inline:auto!important;width:100%}
body.agency-light .inquiry-story h2:has([data-de="Häufige Fragen"]){text-align:center!important;width:100%;margin-inline:auto!important}

/* Expandable details preserve the seven-step overview. */
body.agency-light #cases-grid .workflow-details{margin-top:10px;font-size:14px;color:#40374e}
body.agency-light #cases-grid .workflow-details summary{cursor:pointer;color:#6540a5;font-weight:600;padding:6px 0;width:fit-content}
body.agency-light #cases-grid .workflow-details summary:focus-visible{outline:2px solid #7542ec;outline-offset:3px;border-radius:3px}
body.agency-light #cases-grid .workflow-details dl{display:grid;gap:14px;margin:12px 0 8px;padding-top:12px;border-top:1px solid #e7e1f1}
body.agency-light #cases-grid .workflow-details dt{font-weight:600;color:#403052;margin-bottom:4px}
body.agency-light #cases-grid .workflow-details dd{margin:0;line-height:1.55;color:#62596d}
body.agency-light #cases-grid .workflow-scope{font-size:13px;line-height:1.6;color:#62596d;margin:22px 0 0}
body.agency-light #cases-grid .workflow-step:has(details[open]) .workflow-card{transform:none}

/* Always-visible subcategories, compact and readable. */
body.agency-light #cases-grid .workflow-details dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 4px;padding-top:10px}
body.agency-light #cases-grid .workflow-details{margin-top:0}
body.agency-light #cases-grid .workflow-details dt{font-size:13px;line-height:1.4}
body.agency-light #cases-grid .workflow-details dd{font-size:13px;line-height:1.5}
body.agency-light #cases-grid .workflow-card{padding-block:16px;align-items:start}
@media(max-width:700px){body.agency-light #cases-grid .workflow-details dl{grid-template-columns:1fr;gap:12px}}

body.agency-light #cases-grid .workflow-details[hidden]{display:none!important}body.agency-light #cases-grid .workflow-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;text-align:left;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}body.agency-light #cases-grid .workflow-toggle-mark{font-size:28px;color:#7544e9;flex-shrink:0}body.agency-light #cases-grid .workflow-toggle:focus-visible{outline:2px solid #7544e9;outline-offset:6px;border-radius:4px}body.agency-light #cases-grid .workflow-card>div:last-child{width:100%;min-width:0}

/* Selected setup section, aligned with the accepted Werbetechnik reference. */
.custom-fit-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#fbf9ff,#fff)!important;border-radius:28px!important;gap:48px!important}
.custom-fit-card:before{content:'EINRICHTUNG / IHR BETRIEB';position:absolute;left:48px;top:30px;font-size:10px;letter-spacing:1.8px;color:#8b72b3;font-weight:600}
.custom-fit-card>div:first-child{padding-top:28px}
.custom-fit h2{font-size:clamp(30px,3.2vw,44px)!important;letter-spacing:-1.3px!important}
.custom-fit p{font-size:18px!important;color:#6c6279!important}
.custom-fit-flow{gap:0!important;align-items:stretch!important;margin-top:28px!important;max-width:none!important;border:1px solid #e3d9f0;border-radius:16px;overflow:hidden;background:white}
.fit-node{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:24px 10px!important;gap:12px!important;color:#72529e!important}
.fit-node-core{border-inline:1px solid #e3d9f0!important;background:#f2ecfb!important;color:#6e43bc!important}
.fit-connector{display:none!important}
.fit-node span{font-size:12px!important}
.custom-fit-cta{background:#7951ce!important;color:white!important;border:0!important;min-height:58px!important;border-radius:14px!important}
.custom-fit ul{gap:19px!important}.custom-fit li{font-size:16px!important}
@media(max-width:700px){.custom-fit-card{padding:26px!important;gap:28px!important}.custom-fit-card:before{left:26px;top:25px;font-size:9px}.custom-fit h2{font-size:32px!important}.custom-fit p{font-size:17px!important}.fit-node span{font-size:10px!important}.fit-node{padding:20px 4px!important}}