/* Ansicht „Bestzeit je Auto": Gruppen je Auto (_eventboards_autogruppen.js). */
.autogruppen { display: grid; gap: 26px; margin-top: 8px; }
.autogruppe {
  border: 1px solid var(--border, rgba(122, 243, 255, 0.18)); border-radius: 14px;
  border-left: 3px solid var(--manu, var(--cyan)); background: rgba(255, 255, 255, 0.02);
  padding: 10px 6px 6px; min-width: 0; overflow: hidden;
}
.autogruppen__hinweis { margin: 0; color: var(--text-dim); font-size: 14px; overflow-wrap: anywhere; }
.autogruppe__kopf {
  display: grid; grid-template-columns: 40px 84px minmax(0, 1fr) auto 22px; align-items: center; gap: 12px; padding: 4px 12px 10px;
  width: 100%; background: none; border: 0; color: inherit; font: inherit; text-align: left;
  cursor: var(--cur-pointer);
}
.autogruppe__kopf:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; border-radius: 10px; }
.autogruppe__best { display: flex; flex-direction: column; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--cyan); min-width: 0; }
.autogruppe__best small { font-size: 13px; font-weight: 500; color: var(--text-dim); overflow-wrap: anywhere; }
.autogruppe__pfeil { transition: transform 0.18s; color: var(--text-dim); }
.autogruppe.is-open .autogruppe__pfeil { transform: rotate(180deg); }
.autogruppe__body { padding-top: 4px; min-width: 0; }
.autogruppe__body[hidden] { display: none; }
.autogruppe__bild { width: 84px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; }
.autogruppe__bild img, .autogruppe__bild svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.autogruppe__name {
  font-family: var(--font-display); font-weight: 700; font-size: 18px; flex: 1 1 160px;
  min-width: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.autogruppe__meta { color: var(--text-dim); font-size: 13px; margin-left: auto; white-space: nowrap; }
.autogruppe__pfeil { margin-left: 4px; }
.autogruppe .lb { margin: 0; }
@media (max-width: 620px) {
  .autogruppe__bild { display: none; }
  .autogruppe__meta { margin-left: 0; }
}

.autogruppe__name { flex-wrap: wrap; flex-direction: column; align-items: flex-start; gap: 2px; }
.autogruppe__name small { font-size: 13px; font-weight: 500; color: var(--text-dim); }
.autogruppe__best { text-align: right; align-items: flex-end; }
.autogruppe__pfeil { text-align: center; margin: 0; }
@media (max-width: 620px) {
  .autogruppe__kopf { grid-template-columns: 40px minmax(0, 1fr) auto 22px; gap: 10px; }
}
.autogruppe__logo { display: grid; place-items: center; min-width: 0; }
.autogruppe__best small { overflow-wrap: anywhere; }