/* Xpro V127 · Editorial A – Redaktionelle Ruhe
   Pure presentation layer over V126. No content, navigation or routing changes.
   Deliberately scoped to Xpro's own pages by body.xpro-editorial-a.
*/

/* Textlinks statt dekorativer Pfeile; sinnvolle Symbole in Menüs/Accordions bleiben erhalten. */
body.xpro-editorial-a .header .nav-contact-arrow,
body.xpro-editorial-a .arrow::after,
body.xpro-editorial-a .service .go,
body.xpro-editorial-a .case-detail > span[aria-hidden="true"],
body.xpro-editorial-a .overview-detail-link > span[aria-hidden="true"],
body.xpro-editorial-a .about-text-link > span[aria-hidden="true"],
body.xpro-editorial-a .exp60-card a > span[aria-hidden="true"],
body.xpro-editorial-a .ps-article-foot a > span[aria-hidden="true"],
body.xpro-editorial-a .exp84-image-arrow,
body.xpro-editorial-a .overview-v33-thumb-arrow {
  display:none !important;
}
body.xpro-editorial-a main a.xpro-inline-link::after,
body.xpro-editorial-a main a.xpro-cta-link::after {
  content:none !important;
  display:none !important;
}

/* Buttons werden ruhige Textlinks – auch auf Erfahrung und Team, nicht nur im Hero. */
body.xpro-editorial-a main a.btn,
body.xpro-editorial-a main a.btn.light,
body.xpro-editorial-a main a.btn.white {
  display:inline-flex;
  width:auto;
  max-width:100%;
  align-items:center;
  justify-content:flex-start;
  min-height:44px;
  padding:8px 0 6px;
  border:0;
  border-bottom:1px solid currentColor;
  border-radius:0;
  color:inherit;
  background:transparent;
  box-shadow:none;
  gap:0;
  font-size:.92rem;
  line-height:1.5;
  font-weight:560;
  letter-spacing:.005em;
  text-decoration:none;
  transition:color .18s ease, border-color .18s ease;
}
body.xpro-editorial-a main a.btn:hover,
body.xpro-editorial-a main a.btn.light:hover,
body.xpro-editorial-a main a.btn.white:hover {
  background:transparent;
  box-shadow:none;
  border-bottom-color:currentColor;
  text-decoration:none;
  opacity:.8;
}
body.xpro-editorial-a section[data-page="start"] .hero-actions {
  gap:clamp(19px,3vw,36px);
  margin-top:32px;
}
body.xpro-editorial-a section[data-page="start"] .hero-actions a.btn {
  color:#174761;
  border-bottom-color:#829eac;
}
body.xpro-editorial-a section[data-page="erfahrung"] .exp-hero a.btn {
  color:inherit;
}

/* Ruhe in der Hauptnavigation – Kontakt ist ein gleichwertiger Link. */
body.xpro-editorial-a .header .nav .nav-contact {
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
}

/* Startseite: anklickbare Leistungen bleiben als breite Flächen erhalten,
   statt Rasterrahmen und animierter Bildüberblendungen nur feine Trennlinien. */
body.xpro-editorial-a section[data-page="start"] .service-list {
  border:0;
  column-gap:clamp(24px,3.3vw,48px);
  row-gap:0;
  background:transparent;
}
body.xpro-editorial-a section[data-page="start"] .service-list > a.service {
  padding:clamp(30px,3vw,42px) 14px 36px 0;
  border:0;
  border-bottom:1px solid #c8d7de;
  min-height:250px;
  background:transparent;
  box-shadow:none;
  transition:background-color .15s ease;
}
body.xpro-editorial-a section[data-page="start"] .service-list > a.service::before {
  display:none !important;
  content:none !important;
}
body.xpro-editorial-a section[data-page="start"] .service-list > a.service:hover,
body.xpro-editorial-a section[data-page="start"] .service-list > a.service:focus-visible,
body.xpro-editorial-a section[data-page="start"] .service-list > a.service:active {
  background:transparent;
  box-shadow:none;
}
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 {
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:6px;
}

/* Wiederkehrende CTA und vertiefende Links: ruhige Unterstreichung,
   aber keinen neuen Hintergrund, keinen Pfeil und keine Pseudo-Schaltfläche. */
body.xpro-editorial-a main a.xpro-inline-link,
body.xpro-editorial-a main a.about-text-link,
body.xpro-editorial-a main a.case-detail,
body.xpro-editorial-a main a.overview-detail-link {
  box-shadow:none;
  background:transparent;
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom:1px solid currentColor;
  border-radius:0;
  min-height:44px;
  padding:9px 0 6px;
  gap:0;
  text-decoration:none;
  font-weight:560;
  letter-spacing:.005em;
  transition:opacity .18s ease;
}
body.xpro-editorial-a main a.xpro-inline-link:hover,
body.xpro-editorial-a main a.about-text-link:hover,
body.xpro-editorial-a main a.case-detail:hover,
body.xpro-editorial-a main a.overview-detail-link:hover {
  opacity:.82;
  text-decoration:none;
}
body.xpro-editorial-a main .end-cta a.xpro-inline-link {
  color:#fff;
  border-bottom-color:rgba(255,255,255,.62);
}
body.xpro-editorial-a main a.overview-detail-link,
body.xpro-editorial-a main a.about-text-link {
  display:inline-flex;
  align-items:center;
}
/* Unterstreichung der Verweise auf Fachbeiträge und ausgewählte Referenzen. */
body.xpro-editorial-a section[data-page="perspektiven"] .ps-article-foot a,
body.xpro-editorial-a section[data-page="erfahrung"] .exp60-card a {
  text-underline-offset:5px;
  text-decoration-thickness:1px;
}

/* Karten wirken ruhiger: keine schwebenden Schatten oder vertikalen Sprünge. */
body.xpro-editorial-a .about-person {
  box-shadow:none;
  border-color:#e3e9eb;
}
body.xpro-editorial-a .ps-post:hover {
  transform:none;
  box-shadow:none;
}
/* Berührungsgeräte benötigen ohne Hover sichtbare Kontaktaktionen. */
@media (hover:none), (pointer:coarse) {
  body.xpro-editorial-a .about-person-image-links {
    opacity:1;
    transform:none;
    pointer-events:auto;
  }
}

/* Beibehalten: deutlich sichtbarer Fokus für Tastatur, ausreichend grosse Tapflächen. */
body.xpro-editorial-a a:focus-visible,
body.xpro-editorial-a button:focus-visible,
body.xpro-editorial-a summary:focus-visible {
  outline:2px solid #17668c;
  outline-offset:4px;
}
body.xpro-editorial-a .end-cta a:focus-visible,
body.xpro-editorial-a .section.dark a:focus-visible {
  outline-color:#f39900;
}
@media (max-width:680px) {
  body.xpro-editorial-a section[data-page="start"] .hero-actions {
    row-gap:14px;
  }
  body.xpro-editorial-a section[data-page="start"] .service-list > a.service {
    min-height:0;
    padding:30px 12px 31px 0;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.xpro-editorial-a main a,
  body.xpro-editorial-a main a.service {
    transition:none !important;
  }
}