/* AC / DC PLANUNG · leistungen.html — page styles. Shared tokens/components live in site.css. */

/* Service navigator (sticky chips) */
.svc-nav{
  position:sticky;top:var(--header-h);z-index:30;padding:10px 0;
  background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(20px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.svc-nav .row{display:flex;gap:6px;overflow-x:auto;padding:0 2px;scrollbar-width:none}
.svc-nav .row::-webkit-scrollbar{display:none}
.svc-nav a{
  padding:8px 14px;border-radius:999px;font-size:13px;color:var(--ink-2);font-weight:500;white-space:nowrap;
  border:1px solid var(--line);background:#fff;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .12s var(--ease-out);
}
.svc-nav a:hover{border-color:var(--ink);color:var(--ink)}
.svc-nav a.is-active{background:var(--orange-tint);color:var(--orange-ink);border-color:var(--orange-soft)}

/* combined service block */
.svc-block{padding:var(--section-y) 0;border-top:1px solid var(--line);position:relative}
.svc-block:first-of-type{border-top:none}
.svc-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}
.svc-block.reverse .svc-grid{direction:rtl}
.svc-block.reverse .svc-grid > *{direction:ltr}
.svc-block .no{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-mute);text-transform:uppercase;
  display:flex;align-items:center;gap:12px;margin-bottom:24px;font-weight:500;
}
.svc-block .no::before{content:"";width:24px;height:1px;background:var(--orange)}
.svc-block h2{font-size:clamp(34px,4.6vw,60px);letter-spacing:-.045em;font-weight:600;line-height:1.0;margin:0 0 26px;text-wrap:balance}
.svc-block h2 em{
  font-style:normal;font-weight:inherit;font-family:inherit;letter-spacing:inherit;
  color:inherit;-webkit-text-fill-color:currentColor;background:none;
}
.svc-block .lede{font-size:18px;color:var(--ink-dim);line-height:1.55;margin:0 0 28px;max-width:520px}
.svc-block ul{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;max-width:540px}
.svc-block ul li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-2);font-weight:500;align-items:flex-start}
.svc-block ul li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--orange);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M8.1 13.4 4.6 9.9l1.4-1.4 2.1 2.1 6-6 1.4 1.4z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='black' d='M8.1 13.4 4.6 9.9l1.4-1.4 2.1 2.1 6-6 1.4 1.4z'/></svg>") center/contain no-repeat;margin-top:2px}
.svc-block .vis{position:relative;aspect-ratio:5/4;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.svc-block .vis img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-zoom) var(--ease-out)}
.svc-block .vis:hover img{transform:scale(1.03)}
.svc-block .vis.contain{background:#fff}
.svc-block .vis.contain img{object-fit:contain;padding:18px}
@media (max-width:920px){.svc-grid{grid-template-columns:1fr;gap:40px}.svc-block.reverse .svc-grid{direction:ltr}.svc-block{padding:var(--section-y) 0}.svc-block ul{grid-template-columns:1fr}}