/* Xpro V148 – Startseite / Vier Kernleistungen: dieselbe dezente
   Hover-Anhebung wie die vier Karten «Aus der Mandatspraxis».
   Die bisherigen Trennlinien unter den Leistungsblöcken entfallen.
   Keine Änderung an Text, Linkziel, Tastaturbedienung oder anderen Seiten. */
body.xpro-editorial-a main section[data-page="start"] .service-list {
  column-gap:clamp(18px,2.6vw,36px);
  row-gap:clamp(16px,2.5vw,30px);
  border:0;
}
body.xpro-editorial-a main section[data-page="start"] .service-list > a.service {
  padding:clamp(24px,2.35vw,32px);
  border:0 !important;
  border-bottom:0 !important;
  min-width:0;
  box-sizing:border-box;
  background:transparent;
  box-shadow:none;
}
/* Die Mandatspraxis verwendet translateY(-3px) und
   0 13px 30px rgba(14,54,76,.12) – genau diese Werte übernehmen. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.xpro-editorial-a main section[data-page="start"] .service-list > a.service {
    transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
  }
  body.xpro-editorial-a main section[data-page="start"] .service-list > a.service:hover {
    transform:translateY(-3px);
    box-shadow:0 13px 30px rgba(14,54,76,.12);
  }
}
/* Gleiche Flächenwirkung auch bei Tastaturnavigation, ohne Verschiebung. */
body.xpro-editorial-a main section[data-page="start"] .service-list > a.service:focus-visible {
  box-shadow:0 13px 30px rgba(14,54,76,.12);
  outline:2px solid #f39900;
  outline-offset:2px;
}
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce) {
  body.xpro-editorial-a main section[data-page="start"] .service-list > a.service {
    transform:none;
    transition:none;
  }
}
@media(max-width:800px){
  body.xpro-editorial-a main section[data-page="start"] .service-list {
    row-gap:12px;
  }
  body.xpro-editorial-a main section[data-page="start"] .service-list > a.service {
    padding:25px 21px;
  }
}