/* ============================================================
   Sophie Roland-Zahri — Leistungsseiten (V3)
   Nutzt ausschließlich die Komponenten aus ../style.css
   (identische Navigation, Buttons, Typografie, Bewegung).
   Hier nur das Wenige, was auf Unterseiten zusätzlich gebraucht wird.
   ============================================================ */

.svc-hero { background: var(--rose-bg-1); padding: 148px 56px 88px; border-top: 1px solid rgba(var(--white-rgb),0.04); }
.svc-content { background: var(--rose-bg-3); padding: 88px 56px; border-top: 1px solid rgba(var(--white-rgb),0.04); }
.svc-content-inner { max-width: 640px; margin: 0 auto; }
.svc-final { background: var(--rose-bg-2); border-top: 1px solid rgba(var(--white-rgb),0.04); padding: 74px 56px 88px; }

.svc-cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 26px; }
.detail-topics + .detail-txt { margin-top: 22px; }
.sem-card-note { margin-top: 16px; }

.svc-related { padding: 56px 56px 88px; background: var(--rose-bg-3); border-top: 1px solid rgba(var(--white-rgb),0.04); }
.svc-related-inner { max-width: 1100px; margin: 0 auto; }
.svc-related-k { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--c-gold-text); font-weight: 300; margin-bottom: 18px; }
.svc-related-links { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 900px) {
  .svc-hero { padding: 128px 22px 56px; }
  .svc-content, .svc-final, .svc-related { padding: 56px 22px; }
}