/* ============================================================
   Links — Inline-Links mit Pfeil und animiertem Gap
   Konsumenten: Event-Cards, Bento-Tiles, Heroes, Geschichte

   .arrow-link  Pfeil-Link mit Gap-Animation (von 0.4em auf 0.7em on hover).
                Default-Farbe Vinzenz Rot — kann auf dunklem Hintergrund
                via Komponenten-Override (z.B. in bento-grid.css) geaendert
                werden. Pfeil als Unicode-→ direkt im Markup.
   ============================================================ */

.arrow-link {
  color: var(--color-rot);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.92rem;
  letter-spacing: 0.02em;
  display: inline-flex;
  gap: 0.4em;
  align-items: center;
  transition: gap 0.2s ease;
}

.arrow-link:hover { gap: 0.7em; }