.hero--services{--hero-image:url(/assets/CNC-Background-CU9NWIJD.webp);--hero-position:center}.service-list{width:100%;margin-top:var(--space-md);gap:clamp(.9rem,1.8vw,1.4rem);display:grid}.service-card{align-items:stretch;gap:var(--space-md);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.service-card:nth-child(2n) .service-media{order:2}.service-card:nth-child(2n) .service-content{order:1}.service-media{width:100%}.service-media:has(figcaption){flex-direction:column;display:flex}.service-media:has(figcaption) img{aspect-ratio:4/3;height:auto;min-height:0}.service-media img{object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:100%;min-height:clamp(220px,26vw,320px)}.service-content{align-self:center}.service-content h3{margin-bottom:.62rem}.service-content .list{margin-top:var(--space-sm)}.machine-compare{align-self:center;width:min(100%,620px);margin:clamp(1.05rem,2.4vw,1.9rem) auto 0}.compare{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);overflow:hidden}.compare-track{aspect-ratio:3/2;-webkit-user-select:none;user-select:none;--before-pos:50%;background:#0f1523;position:relative}.compare-track:before,.compare-track:after{z-index:20;border:1px solid var(--border-strong);background:var(--surface-overlay);color:var(--text);border-radius:999px;padding:.28rem .58rem;font-size:.82rem;font-weight:600;position:absolute;top:.85rem}.compare-track:before{content:"Vorher";left:.8rem}.compare-track:after{content:"Nachher";right:.8rem}.compare-before{z-index:10;clip-path:inset(0 calc(100% - var(--before-pos)) 0 0);position:absolute;inset:0}.compare-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.compare-img--after{z-index:1}.compare-handle{top:0;bottom:0;left:var(--before-pos);z-index:25;background:color-mix(in srgb, var(--text) 90%, transparent);cursor:col-resize;touch-action:none;width:4px;position:absolute;transform:translate(-50%)}.compare-handle:before{content:"";position:absolute;inset:0 -18px}.compare-handle:after{content:"";border:1px solid var(--border-strong);background:var(--surface-overlay) url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\" viewBox=\"0 0 512 512\"><path fill=\"white\" d=\"M505.7 265.7c3-3 3.1-7.9 .2-11.1l-104-112c-3-3.2-8.1-3.4-11.3-.4s-3.4 8.1-.4 11.3L481.7 252 23.3 252l90.3-90.3c3.1-3.1 3.1-8.2 0-11.3s-8.2-3.1-11.3 0l-104 104c-3.1 3.1-3.1 8.2 0 11.3l104 104c3.1 3.1 8.2 3.1 11.3 0s3.1-8.2 0-11.3L23.3 268l457.4 0-90.3 90.3c-3.1 3.1-3.1 8.2 0 11.3s8.2 3.1 11.3 0l104-104z\"/></svg>") center/20px no-repeat;border-radius:999px;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px #00000057}@media (width<=1080px){.service-card{grid-template-columns:1fr}.service-card:nth-child(2n) .service-media,.service-card:nth-child(2n) .service-content{order:initial}}@media (width<=640px){.hero--services{--hero-position:58% center}.machine-compare{width:100%;margin-top:var(--space-md)}}