.imker-event-list{
  display:flex;
  flex-direction:column;
  gap:0.6rem;
}

/* Stabil: fixe Spalten für Datum/Uhrzeit, der Rest flexibel */
.imker-event-item{
  display:grid;
  grid-template-columns: 110px 70px 1fr minmax(220px, 420px);
  column-gap: 1.2rem;
  align-items:start;
  line-height:1.4;
}

/* Datum nie umbrechen */
.imker-event-date{
  white-space:nowrap;
}

/* Uhrzeit nie umbrechen */
.imker-event-time{
  white-space:nowrap;
}

/* Titel/Details */
.imker-event-title{
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Details blockt nur innerhalb "main" */
.imker-event-details{
  display:block;
}

/* Marker ausblenden */
.imker-event-details > summary{
  list-style:none;
}
.imker-event-details > summary::-webkit-details-marker{
  display:none;
}

.imker-event-desc{
  margin-top:0.35rem;
  color:#555;
  white-space:normal;
}

/* Adresse darf umbrechen, wirkt aber nicht "von rechts" */
.imker-event-address{
  color:#555;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* Mobil: untereinander, damit nichts abgeschnitten wird */
@media (max-width: 700px){
  .imker-event-item{
    grid-template-columns: 1fr;
    row-gap: 0.25rem;
  }
  .imker-event-title{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
}
