/* Conversion- und Leistungsseiten, Oktober 2026 */
.service-hero{display:grid;grid-template-columns:1fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;padding-top:clamp(48px,7vw,100px);padding-bottom:clamp(48px,7vw,100px)}.service-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.03;letter-spacing:-.045em;margin:.3em 0}.service-hero-copy>p:not(.eyebrow){max-width:690px;color:var(--muted,#59645f);line-height:1.75}.service-hero-image{position:relative;border-radius:22px;overflow:hidden;background:#e9ece8;box-shadow:0 24px 70px #17251e1c}.service-hero-image img{width:100%;height:100%;max-height:560px;object-fit:cover;display:block}.service-hero-image span{position:absolute;bottom:12px;right:12px;background:#101814c9;color:#fff;border-radius:8px;padding:7px 10px;font-size:.72rem}.proofline{font-size:.9rem!important;margin-top:24px}.service-steps,.mini-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.service-steps article,.mini-case-grid article{padding:26px;border:1px solid #d9dfda;border-radius:18px;background:#fff}.service-steps article>span{color:#758985;font-weight:800;letter-spacing:.08em}.service-steps h3,.mini-case-grid h3{margin:.6em 0}.service-highlight{padding:clamp(48px,7vw,90px) 0;background:#edf0ed}.service-highlight-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,6vw,90px);align-items:start}.service-highlight-grid p,.service-highlight-grid li{line-height:1.8}.mini-case-grid article p{line-height:1.65;color:#5c6761}.mini-case-grid a{font-weight:700;color:#324a42}.service-bottom-cta{margin:56px auto 0;padding:clamp(28px,5vw,52px);border-radius:22px;background:#17231f;color:white;text-align:center;max-width:900px}.service-bottom-cta h2{margin-top:0}.service-bottom-cta p{max-width:680px;margin:0 auto 24px;line-height:1.7;color:#e2e9e4}.service-bottom-cta .textlink{display:block;margin-top:18px;color:#e2e9e4}.case-studies{display:grid;gap:26px}.case-study{display:grid;grid-template-columns:220px 1fr;gap:32px;padding:clamp(22px,4vw,42px);border:1px solid #dce2dd;border-radius:22px;background:#fff;scroll-margin-top:100px}.case-logo{display:flex;align-items:flex-start;justify-content:center;background:#f1f3f1;border-radius:16px;padding:20px;min-height:150px}.case-logo img{width:100%;max-width:190px;max-height:110px;object-fit:contain;filter:grayscale(1)}.case-content h2{margin:.25em 0 .6em}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-columns h3{font-size:1rem}.case-columns p,.case-outcome p{line-height:1.7;color:#59645f}.case-outcome{margin-top:18px;padding:18px 20px;background:#f2f5f2;border-left:3px solid #8b9b9a;border-radius:8px}.case-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:20px}.case-links .btn{display:inline-flex}.reference-body .case-study-link{display:inline-block;margin:0 12px 8px 0;font-weight:700}.service-hero .btn,.service-bottom-cta .btn{white-space:normal}@media(max-width:850px){.service-hero,.service-highlight-grid{grid-template-columns:1fr}.service-hero-image{max-height:430px}.service-steps,.mini-case-grid{grid-template-columns:1fr}.case-study{grid-template-columns:1fr;gap:18px}.case-logo{min-height:100px}.case-logo img{max-height:85px}.case-columns{grid-template-columns:1fr;gap:8px}}
.service-quicklinks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 34px}.service-quicklinks a{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border:1px solid #d9dfda;border-radius:14px;background:#fff;color:#263a32;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.service-quicklinks a:hover{transform:translateY(-3px);box-shadow:0 12px 28px #17251e12}.service-quicklinks strong{font-size:.98rem;line-height:1.35}.service-quicklinks span{font-size:.85rem;line-height:1.5;color:#5d6962}.reference-body .case-study-link{color:#344f45}@media(max-width:1050px){.service-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.service-quicklinks{grid-template-columns:1fr}.service-quicklinks a{padding:16px}}

/* v1.2.2: eigene KI-Symbolbilder und gut umbrechende Leistungslabels */
.service-hero-image{overflow:hidden;border-radius:20px;background:#101923;min-width:0}
.service-hero-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#101923;border-radius:inherit}
.service-hero-image span{display:block;font-size:.78rem;line-height:1.4;color:#aeb8c2;padding:9px 12px}
.service-hero{align-items:center;gap:clamp(24px,4vw,64px)}
.service-hero-copy{min-width:0}
.service-hero-copy h1{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
.service-bottom-cta .btn,.service-highlight .btn{white-space:normal}
@media(max-width:760px){.service-hero{display:flex;flex-direction:column;align-items:stretch}.service-hero-image{width:100%;max-width:100%}.service-hero-copy{width:100%}}


/* v1.2.5: service artwork fully visible, warm brown visual treatment is embedded in the WebP assets. */
.service-hero-image{height:auto!important;min-height:0;overflow:visible!important;background:transparent!important;box-shadow:0 18px 50px rgba(69,48,31,.12)}
.service-hero-image img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border-radius:20px}
.service-hero-image span{position:static!important;display:block!important;margin-top:8px;padding:0!important;background:transparent!important;color:#79634e!important;font-size:.75rem;line-height:1.4;text-align:right}