/* Xpro V131 – correct CTA alignment: CONTACT AT FIRST HEADLINE LINE.
   Previous V130 accidentally aligned CTA to the first body-text line.
   Precise heading alignment for ALL end-CTA sections, including mobile.
   All original CTA wording, links, layout content and contrast retained. */
body.xpro-editorial-a main .end-cta .cta-inner {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
  grid-template-rows:auto auto auto !important;
  column-gap:clamp(12px,3.2vw,45px) !important;
  row-gap:0 !important;
  align-items:start !important;
}
body.xpro-editorial-a main .end-cta .cta-inner > div:first-child {
  display:contents !important;
}
body.xpro-editorial-a main .end-cta .cta-inner .eyebrow {
  grid-column:1 / -1 !important;
  grid-row:1 !important;
}
body.xpro-editorial-a main .end-cta .cta-inner h2 {
  grid-column:1 !important;
  grid-row:2 !important;
  min-width:0 !important;
}
body.xpro-editorial-a main .end-cta .cta-inner .muted {
  grid-column:1 !important;
  grid-row:3 !important;
  min-width:0 !important;
  margin:0 !important;
}
/* Place the contact link next to the FIRST LINE OF THE HEADING,
   not in the explanatory paragraph's row as in V130. */
body.xpro-editorial-a main .end-cta .cta-inner > a.xpro-cta-link,
body.xpro-editorial-a main .end-cta .cta-inner > .xpro-about-end-links,
body.xpro-editorial-a main .end-cta .cta-inner > .xpro-persp-end-links {
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:start !important;
  justify-self:start !important;
  margin:0 !important;
  min-width:0;
}
body.xpro-editorial-a main .end-cta .cta-inner > .xpro-about-end-links,
body.xpro-editorial-a main .end-cta .cta-inner > .xpro-persp-end-links {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:17px !important;
}
body.xpro-editorial-a main .end-cta .cta-inner a.xpro-cta-link {
  color:#fff !important;
  border-bottom:1px solid #fff !important;
  text-decoration:none !important;
  margin:0 !important;
}
/* At narrow widths the grid remains active. Reduce the typographic
   footprint just enough to prevent an overly squeezed headline. */
@media(max-width:600px) {
  body.xpro-editorial-a main .end-cta .cta-inner {
    column-gap:12px !important;
  }
  body.xpro-editorial-a main .end-cta .cta-inner h2 {
    font-size:clamp(1.45rem,6vw,1.85rem);
    line-height:1.18;
  }
  body.xpro-editorial-a main .end-cta .cta-inner a.xpro-cta-link {
    font-size:.88rem;
  }
  /* Prevent the long secondary link (Unsere Erfahrung) from consuming
     an entire right-hand column on a narrow phone. */
  body.xpro-editorial-a main .end-cta .cta-inner:has(> .xpro-about-end-links),
  body.xpro-editorial-a main .end-cta .cta-inner:has(> .xpro-persp-end-links) {
    grid-template-rows:auto auto auto auto !important;
  }
  body.xpro-editorial-a main .end-cta .cta-inner > .xpro-about-end-links,
  body.xpro-editorial-a main .end-cta .cta-inner > .xpro-persp-end-links {
    display:contents !important;
  }
  body.xpro-editorial-a main .end-cta .cta-inner > .xpro-about-end-links > a:first-child,
  body.xpro-editorial-a main .end-cta .cta-inner > .xpro-persp-end-links > a:first-child {
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
  }
  body.xpro-editorial-a main .end-cta .cta-inner > .xpro-about-end-links > a:last-child,
  body.xpro-editorial-a main .end-cta .cta-inner > .xpro-persp-end-links > a:last-child {
    grid-column:1 / -1 !important;
    grid-row:4 !important;
    justify-self:start !important;
    margin-top:16px !important;
  }
  body.xpro-editorial-a main .end-cta .cta-inner .muted {
    grid-column:1 / -1 !important;
  }
}