/* Xpro V145 – Einheitliche vertikale Textausrichtung (Editorial A).
 * Basierend auf geprüfter V144. Es werden ausschliesslich zusammengehörige
 * zweispaltige Textbereiche oben ausgerichtet. Kopf-/Bildlayout, mobile
 * Stapelung, Bilder, Inhalte, Links und Interaktion bleiben unverändert.
 * Spezifität absichtlich über den V126-Bestandsregeln. */

/* Leistungsübersicht: Hero und vier alternierende Leistungsblöcke.
   Dies beseitigt das bisherige align-items:end (Hero) sowie
   align-items:center in den Leistungsblöcken. */
body.xpro-editorial-a main section[data-page="leistungen"] .overview-hero-grid,
body.xpro-editorial-a main section[data-page="leistungen"] .overview-service-grid {
  align-items: start;
}
body.xpro-editorial-a main section[data-page="leistungen"] .overview-service-right {
  padding-top: 0;
}

/* Zweispaltige Text-Dramaturgie auf den Detailseiten.
   Bild-/Portraitpaare bleiben bewusst von diesen Regeln ausgenommen. */
body.xpro-editorial-a main .section-heading-row,
body.xpro-editorial-a main .strategy-hero-grid,
body.xpro-editorial-a main .strategy-intro-grid,
body.xpro-editorial-a main .org-hero-grid,
body.xpro-editorial-a main .org-intro-grid,
body.xpro-editorial-a main .tech-hero-grid,
body.xpro-editorial-a main .interim-hero-grid,
body.xpro-editorial-a main .interim-approach-head,
body.xpro-editorial-a main .exp-hero-grid,
body.xpro-editorial-a main .exp-section-heading,
body.xpro-editorial-a main .about-hero-grid,
body.xpro-editorial-a main .about-values-head,
body.xpro-editorial-a main .about-team-head,
body.xpro-editorial-a main .ps-intro,
body.xpro-editorial-a main section[data-page="perspektiven"] .ps-v87-hero-grid,
body.xpro-editorial-a main section[data-page="strategie"] .strategy-v37-header {
  align-items: start;
}

/* Erfahrung: die dekorative linke Linie beginnt auf derselben Höhe wie
   die erste Textzeile links; Mobile-Einrückung aus V132 bleibt erhalten. */
@media (min-width: 801px) {
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-aside {
    padding-top: 0;
  }
}

/* Startseite / Unsere Leistungen: gleiche dezente Linklogik wie bei
   «Aus der Mandatspraxis». Der ganze Leistungsblock bleibt anklickbar;
   die Titel selbst erhalten beim Hover/Fokus KEINE Unterstreichung.
   «Leistung vertiefen» ist als sichtbarer Abschluss der Karte gesetzt. */
body.xpro-editorial-a section[data-page="start"] .service-list > a.service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body.xpro-editorial-a section[data-page="start"] .service-list > a.service:hover h3,
body.xpro-editorial-a section[data-page="start"] .service-list > a.service:focus-visible h3,
body.xpro-editorial-a section[data-page="start"] .service-list > a.service:active h3 {
  text-decoration: none !important;
}
body.xpro-editorial-a section[data-page="start"] .service-list > a.service .service-detail {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  margin-top: auto;
  padding: 13px 0 6px;
  border-bottom: 1px solid var(--xpro-editorial-hairline, #a7c6d5);
  color: inherit;
  font-size: .92rem;
  font-weight: 560;
  line-height: 1.5;
  letter-spacing: .005em;
  text-decoration: none !important;
  transition: border-color .18s ease, opacity .18s ease;
}
body.xpro-editorial-a section[data-page="start"] .service-list > a.service:hover .service-detail,
body.xpro-editorial-a section[data-page="start"] .service-list > a.service:focus-visible .service-detail {
  border-bottom-color: var(--xpro-editorial-hairline-hover, #7ca9bf);
  opacity: .82;
}