/* ==========================================================================
   Veranstaltungen (Set „events") — flache Kacheln, damit die Höhe bei einer
   wie bei sechs Veranstaltungen angemessen bleibt. Bild klein und quadratisch
   links, rechts Datum, Titel und (bei ein bis zwei Terminen) ein Kurztext.
   ========================================================================== */
.k-events { list-style: none; display: grid; gap: var(--s3); margin-top: var(--s5); }
@media (min-width: 720px) { .k-events { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); } }
@media (min-width: 1100px) { .k-events:has(> :nth-child(4)) { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } }

.k-events__link {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center;
  gap: var(--s3); padding: var(--s3); height: 100%;
  background: var(--kyb-stage); border-radius: var(--r-3);
  box-shadow: 0 0 0 1px var(--kyb-line); text-decoration: none; color: inherit;
  transition: box-shadow var(--t), background var(--t), transform var(--t);
}
a.k-events__link:hover { box-shadow: 0 0 0 1px var(--kyb-line-strong); background: var(--kyb-stage-2); }

.k-events__bild { width: 68px; height: 68px; border-radius: var(--r-2); overflow: hidden; background: var(--kyb-card); flex: none; }
.k-events__bild img { width: 100%; height: 100%; object-fit: cover; display: block; }
.k-events--gross .k-events__bild { width: 104px; height: 104px; }

.k-events__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.k-events__datum { font-family: var(--mono); font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; color: var(--kyb-neon); }
.k-events__titel { color: var(--kyb-white); font-weight: 600; line-height: 1.25; }
.k-events__tx { color: var(--kyb-text-2); font-size: .92rem; line-height: 1.5; margin-top: 4px; }
.k-events__pfeil { color: var(--kyb-text-3); font-size: 1.1rem; align-self: center; }
a.k-events__link:hover .k-events__pfeil { color: var(--kyb-neon); }

@media (max-width: 480px) {
  .k-events__link { grid-template-columns: auto minmax(0, 1fr); }
  .k-events__pfeil { display: none; }
  .k-events__bild, .k-events--gross .k-events__bild { width: 64px; height: 64px; }
}

/* Verweis unter der Liste, etwa auf die Insights */
.k-events__verweis { margin-top: var(--s4); }
.k-events__verweis a { font-family: var(--mono); font-size: .86rem; color: var(--kyb-neon); text-decoration: none; }
.k-events__verweis a:hover { text-decoration: underline; text-underline-offset: 3px; }