/* Success Stories "in Bild und O-Ton" video cards (/de/referenzen +
   /en/case-studies).

   The card widget (CardsWithHeaderAndLink) now carries a real per-instance
   link to its own YouTube video, so it renders a genuine, clickable
   "Mehr erfahren" / "Learn more" footer link. Two follow-on style fixes:

   1. The card previously faked that CTA with a decorative `.card-body::after`
      pseudo-element ("the whole card is the link" was intended but never
      wired up), so the label looked like a link but did nothing. With a real
      link now present, hide the dead pseudo so the label is not duplicated.

   2. Give the real footer link's arrow the same orange arrow as the old
      decorative cue, and match its typography.

   Scoped to `.slider-success-stories`, a language-neutral structural class
   present on both the DE and EN twins, so both languages get the identical
   treatment. */

/* 1 — hide the decorative, non-clickable "Mehr erfahren"/"Learn more" cue. */
.slider-success-stories .card.card-header-link > .card-body::after {
    content: none !important;
    display: none !important;
}

/* 2 — the real footer link: bold Dark-Blue label left, orange arrow right. */
.slider-success-stories .card.card-header-link > .card-footer a {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.32px; /* 2% of 16px */
    color: #0b1b45;
}

/* Replace the Font-Awesome glyph with the orange SVG arrow used by the
   original design cue, so the working link matches it exactly. */
.slider-success-stories .card.card-header-link > .card-footer a .fa-arrow-right-long::before {
    content: "";
}
.slider-success-stories .card.card-header-link > .card-footer a .fa-arrow-right-long {
    display: inline-block;
    width: 20px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14' fill='none'%3E%3Cpath d='M1 7H19M13 1L19 7L13 13' stroke='%23fb581f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 14px;
}