.overview{background:#f3f8fb}
.overview .header-nav a[aria-current="page"]{color:#16708a;position:relative}
.overview .header-nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#f98900}
.overview-hero{padding:72px 0 88px;border-bottom:1px solid var(--line)}
.overview-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:65px}
.overview-count{margin:0;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.overview-count span{display:inline-grid;place-items:center;width:35px;height:35px;margin-right:11px;border:1px solid #b8cdd7;border-radius:50%;color:var(--ink);font-weight:700;letter-spacing:0}
.overview-heading{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(300px,.56fr);gap:clamp(55px,8vw,130px);align-items:end}
.overview-heading h1{max-width:850px;font-size:clamp(48px,6.2vw,88px);line-height:1.02}
.overview-heading h1 span{display:block;color:#21849e}
.overview-heading>p{max-width:47ch;margin:0 0 7px;color:var(--muted);font-size:15px;line-height:1.9}
.projects{background:#fff}
.project-row{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(330px,.86fr);gap:clamp(55px,8vw,112px);align-items:center;padding-top:105px;padding-bottom:105px}
.project-row+.project-row{border-top:1px solid var(--line)}
.project-image{position:relative;display:block;overflow:hidden;border-radius:12px;background:#dce9e1;text-decoration:none;box-shadow:0 20px 55px rgb(3 59 85 / 10%)}
.project-image:after{content:"";position:absolute;inset:0;border:1px solid rgb(3 59 85 / 12%);border-radius:inherit;pointer-events:none}
.project-image img{width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top;transition:transform .55s ease}
.project-image:hover img{transform:scale(1.025)}
.project-index{position:absolute;z-index:2;top:18px;left:18px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#033b55;color:#fff;font-size:11px;font-weight:700;box-shadow:0 8px 20px rgb(3 59 85 / 25%)}
.project-row--apotheken .project-image{order:2;background:#ecdfd5}
.project-row--apotheken .project-copy{order:1}
.project-row--apotheken .project-index{background:#774d37}
.project-type{margin-bottom:20px;color:#1b7289;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.project-copy h3{font-size:clamp(30px,3.2vw,46px);line-height:1.15}
.project-copy h3 a{text-decoration:none}
.project-copy h3 a:hover{color:#16708a}
.project-copy>p:not(.project-type){max-width:55ch;margin-top:25px;color:var(--muted);font-size:14px;line-height:1.9}
.project-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:27px 0 29px;padding:0}
.project-tags li{padding:7px 11px;border:1px solid #b9cdd8;border-radius:5px;color:#315b6e;font-size:10px;line-height:1.5}
.project-link{display:inline-flex;align-items:center;gap:13px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px;font-weight:700;text-decoration:none}
.project-link span{font-size:16px;transition:transform .2s}
.project-link:hover{color:#16708a}
.project-link:hover span{transform:translate(3px,-3px)}
.overview .cta-section{border-top:0}
.overview .footer-links a[aria-current="page"]{color:#fff;text-decoration:underline;text-decoration-color:#f98900;text-decoration-thickness:2px;text-underline-offset:6px}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.overview-heading{animation:overview-arrive .65s both}.project-row:first-of-type{animation:overview-arrive .7s .12s both}@keyframes overview-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.overview-hero{padding:58px 0 72px}.overview-heading{grid-template-columns:1.2fr .8fr;gap:50px}.project-row{grid-template-columns:1.05fr .95fr;gap:50px;padding-top:82px;padding-bottom:82px}.project-copy h3{font-size:35px}}
@media(max-width:760px){.overview .header-nav a[aria-current="page"]:after{display:none}.overview-hero{padding:38px 0 56px}.overview-intro{margin-bottom:42px}.overview-heading{display:block}.overview-heading h1{font-size:clamp(43px,12vw,65px)}.overview-heading>p{margin-top:31px;font-size:14px}.project-row{grid-template-columns:1fr;gap:34px;padding-top:60px;padding-bottom:62px}.project-row--apotheken .project-image,.project-row--apotheken .project-copy{order:initial}.project-image{border-radius:9px}.project-image img{aspect-ratio:1.3}.project-index{top:13px;left:13px;width:38px;height:38px;font-size:10px}.project-copy h3{font-size:clamp(29px,8vw,40px)}.project-copy>p:not(.project-type){margin-top:20px;font-size:13px}.project-tags{margin:23px 0 25px}.overview .cta-grid{gap:31px}}
@media(max-width:390px){.overview-hero{padding-top:31px}.overview-intro{align-items:flex-start}.overview-count{max-width:105px;text-align:right;line-height:1.55}.overview-count span{display:grid;margin:0 0 7px auto}.overview-heading h1{font-size:40px}.project-row{padding-top:50px;padding-bottom:53px}.project-image img{aspect-ratio:1.18}.project-copy h3{font-size:28px}.project-tags{gap:6px}.project-tags li{font-size:9px;padding-inline:9px}}
@media(max-width:330px){.overview-heading h1{font-size:36px}.project-copy h3{font-size:26px}.project-index{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.project-image img,.project-link span{transition:none}.project-image:hover img,.project-link:hover span{transform:none}}
@media print{.overview-hero{padding:25px 0}.overview-heading{display:block}.overview-heading>p{margin-top:20px}.project-row{grid-template-columns:1fr 1fr;gap:30px;padding:35px 0;break-inside:avoid}.project-row--apotheken .project-image{order:initial}.project-row--apotheken .project-copy{order:initial}.project-tags{display:none}}

.overview-jump{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px;margin-top:42px;border-top:1px solid var(--line)}.overview-jump a{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;text-decoration:none}.overview-jump a:hover{color:#16708a}.overview-jump a span{font-size:10px;color:#4b6a7a}.project-row:nth-of-type(even) .project-image{order:2}.project-row:nth-of-type(even) .project-copy{order:1}.overview-image-note{display:block;padding:11px 15px;font-size:10px;line-height:1.6;background:#f3f8fb;color:#456678}.project-row--seo-robin .project-image img,.project-row--coachpilot .project-image img,.project-row--fiso360 .project-image img{object-fit:contain;background:#edf2f5}.project-row--coachpilot .project-image{background:#e0f0f1}.project-row--fiso360 .project-image{background:#1d3040}.project-row--buybacklinks .project-image img{object-position:top left}.project-row--fiso360 .project-index{background:#16324b}.project-row--coachpilot .project-index{background:#136271}
@media(max-width:760px){.overview-jump{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:30px}.overview-jump a{font-size:10px;gap:8px;min-width:0}.project-row:nth-of-type(even) .project-image,.project-row:nth-of-type(even) .project-copy{order:initial}.overview-image-note{font-size:9px;padding:10px 12px}}
/* Lead with the work delivered; use the image as supporting evidence. */
.project-row{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(45px,7vw,90px)}
.project-row .project-copy,.project-row:nth-of-type(even) .project-copy{order:1}
.project-row .project-image,.project-row:nth-of-type(even) .project-image{order:2}
.project-copy h3{font-size:clamp(30px,3vw,43px)}
.project-image img{max-height:410px}
@media(max-width:760px){.project-row{grid-template-columns:minmax(0,1fr);gap:30px}.project-copy h3{font-size:clamp(28px,7.5vw,38px)}.project-image img{aspect-ratio:1.55;max-height:330px}}