/* Agentur0911: redaktionelle Projektgeschichte, Stand 06.10.2026. */
.ac-project-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:14px clamp(20px,5vw,72px);background:#10140f;border-bottom:1px solid #3a4137;color:#f4f5ef}
.ac-project-header a{display:inline-flex;align-items:center;gap:9px;min-height:40px;color:inherit;text-decoration:none;font-size:13px;font-weight:750;letter-spacing:.02em}
.ac-project-header a:is(:hover,:focus-visible){color:#d9fb41}
.ac-project-header a:focus-visible{outline:2px solid #d9fb41;outline-offset:4px}
.ac-project-header svg{display:block;flex:0 0 18px;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;overflow:visible;fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ac-project-header svg path{fill:none!important;stroke:currentColor!important}
@media(max-width:520px){.ac-project-header{min-height:60px;padding:10px 16px}.ac-project-header a{font-size:12px}.ac-project-header svg{flex-basis:16px;width:16px!important;height:16px!important}}
.ac-case-v81,.ac-case-v81 *{box-sizing:border-box}
.ac-case-v81{background:#f2f1eb;color:#181b16}
.ac-case-v81>section,.ac-case-v81>aside{padding:clamp(52px,6vw,104px) clamp(22px,6vw,96px)}
.ac-case-v81 .eyebrow{display:block;color:#818f35;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.ac-case-v81 h1,.ac-case-v81 h2,.ac-case-v81 h3{letter-spacing:-.045em}
.ac-case-v81 h1 em,.ac-case-v81 h2 em{font-family:Georgia,serif;font-weight:400;color:#d9fb41}
.ac-case-v81 p{line-height:1.65}
.ac-case-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center;background:#10140f;color:#f4f5ef;min-height:640px}
.ac-case-hero .eyebrow{color:#d9fb41}
.ac-case-hero h1{font-size:clamp(54px,5.9vw,100px);line-height:.99;margin:24px 0 28px;max-width:800px}
.ac-case-hero-copy>p{color:#d0d4c9;max-width:650px;font-size:clamp(18px,1.55vw,22px)}
.ac-case-actions{display:flex;align-items:center;gap:20px 26px;flex-wrap:wrap;margin-top:32px}
.ac-case-actions .button{white-space:normal;min-height:48px}
.ac-case-textlink{display:inline-block;color:inherit;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding:8px 0}
.ac-case-textlink:hover,.ac-case-textlink:focus-visible{color:#d9fb41}
.ac-case-meta{display:flex;flex-wrap:wrap;gap:15px 26px;border-top:1px solid #ffffff2a;margin-top:36px;padding-top:18px;color:#a5b0a1;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.ac-case-meta span{display:grid;gap:5px}.ac-case-meta strong{color:#eff1e9;font-size:13px;text-transform:none;letter-spacing:0}
.ac-case-hero-screen{margin:0;min-width:0;padding:11px;background:#252b20;border:1px solid #86915370;border-radius:20px;box-shadow:0 28px 75px #0007}
.ac-case-hero-screen picture{display:block;overflow:hidden;border-radius:12px;background:#0b142b}.ac-case-hero-screen img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}
.ac-case-hero-screen figcaption,.ac-case-v81 figure figcaption{font-size:12px;line-height:1.4}
.ac-case-hero-screen figcaption{padding:10px 4px 2px;color:#b6bdaa}
.ac-case-section-head{max-width:910px;margin-bottom:38px}.ac-case-section-head h2,.ac-case-live h2{font-size:clamp(39px,4.3vw,69px);line-height:1.04;margin:16px 0 20px}.ac-case-section-head p{font-size:clamp(17px,1.4vw,20px);max-width:850px;color:#4a5148}
.ac-case-turn{background:#f2f1eb}.ac-case-compare{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:24px}
.ac-case-compare figure{margin:0;background:#e5e7df;border:1px solid #d0d3ca;border-radius:18px;overflow:hidden;min-width:0}.ac-case-compare img{display:block;width:100%;height:290px;object-fit:contain;background:#cbd3d9}.ac-case-compare figcaption{display:grid;gap:4px;padding:16px 20px;color:#424a43}.ac-case-compare figcaption b{font-size:16px;color:#151a15}
.ac-case-shift-mark{align-self:center;justify-self:center;color:#475629;font-size:38px;font-weight:800}
.ac-case-now{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;background:#1a251c;color:#f5f7ed;border-radius:18px;padding:clamp(22px,3vw,44px)}.ac-case-now h3{font-size:clamp(28px,3vw,45px);line-height:1.08;margin:13px 0}.ac-case-now p{font-size:16px;color:#d1d9cd}.ac-case-now a{color:#d9fb41;font-weight:700;border-bottom:1px solid #d9fb41;padding:12px 0;margin-top:8px}
.ac-case-path{background:#e7e9e1}.ac-case-steps{list-style:none;padding:0;margin:0;max-width:1350px}.ac-case-steps li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(160px,230px);gap:20px 30px;align-items:center;border-top:1px solid #9ca99a6b;padding:26px 0;min-width:0}.ac-case-steps li:last-child{border-bottom:1px solid #9ca99a6b}.ac-case-no{font-size:29px;color:#617728;font-weight:900;align-self:start}.ac-case-steps small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#667557}.ac-case-steps h3{font-size:clamp(23px,2.4vw,34px);line-height:1.13;margin:6px 0 8px}.ac-case-steps p{max-width:780px;margin:0;font-size:15px;color:#4f5a4e}.ac-case-steps li>a{display:block;min-width:0;padding:6px;background:#f5f6f0;border:1px solid #d1d8cb;border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.ac-case-steps li>a:is(:hover,:focus-visible){transform:translateY(-3px);border-color:#81974c}.ac-case-steps img{display:block;width:100%;height:128px;object-fit:contain;border-radius:7px;background:#e8e9e3}
.ac-case-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,350px);gap:clamp(36px,8vw,120px);align-items:center;background:#171d18;color:#f3f5ee}.ac-case-live h2{max-width:850px}.ac-case-live>div>p{font-size:19px;max-width:760px;color:#cbd3c8}.ac-case-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.ac-case-links a{display:inline-flex;align-items:center;min-height:40px;padding:9px 13px;border:1px solid #d9fb41;color:#d9fb41;border-radius:100px;font-size:13px;font-weight:800}.ac-case-links a:is(:hover,:focus-visible){background:#d9fb41;color:#172019}.ac-case-live figure{margin:0;padding:10px;background:#282e28;border:1px solid #647059;border-radius:19px}.ac-case-live img{display:block;width:100%;max-height:550px;object-fit:contain;border-radius:12px}.ac-case-live figcaption{padding:9px 3px 0;color:#b6c4b1}
.ac-case-v81>aside.ac-case-proof{display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:26px 50px;background:#dfe3d8;padding-top:32px;padding-bottom:32px}.ac-case-proof strong{font-size:17px}.ac-case-proof p{margin:0;max-width:950px;font-size:14px;color:#4d5849}
.ac-case-end{background:#f2f1eb}.ac-case-end h2{font-size:clamp(39px,4.8vw,72px);line-height:1.04;max-width:900px;margin:18px 0}.ac-case-end .ac-case-textlink{color:#273424}
@media(max-width:960px){.ac-case-hero{grid-template-columns:1fr}.ac-case-hero-screen{max-width:850px}.ac-case-compare{grid-template-columns:1fr 28px 1fr;gap:12px}.ac-case-compare img{height:220px}.ac-case-steps li{grid-template-columns:44px minmax(0,1fr) 150px;gap:20px}.ac-case-steps img{height:110px}}
@media(max-width:650px){.ac-case-v81>section,.ac-case-v81>aside{padding:54px 20px}.ac-case-hero{gap:32px;padding-top:58px!important}.ac-case-hero h1{font-size:clamp(47px,12vw,68px)}.ac-case-hero-copy>p{font-size:17px}.ac-case-hero-screen{max-width:360px;margin:auto}.ac-case-hero-screen img{max-height:430px;object-fit:cover;object-position:top}.ac-case-compare{grid-template-columns:1fr}.ac-case-shift-mark{transform:rotate(90deg);font-size:28px}.ac-case-compare img{height:235px}.ac-case-now{padding:25px}.ac-case-steps li{grid-template-columns:34px minmax(0,1fr);gap:12px 14px;padding:22px 0}.ac-case-no{font-size:24px}.ac-case-steps li>a{grid-column:2;max-width:230px}.ac-case-steps img{height:120px}.ac-case-live{grid-template-columns:1fr}.ac-case-live figure{max-width:330px}.ac-case-v81>aside.ac-case-proof{grid-template-columns:1fr}.ac-case-actions{gap:15px}.ac-case-meta{display:grid;grid-template-columns:1fr 1fr}.ac-case-meta span:last-child{grid-column:1/-1}}
@media(max-width:370px){.ac-case-hero h1{font-size:44px}.ac-case-section-head h2,.ac-case-live h2,.ac-case-end h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.ac-case-steps li>a{transition:none}}