.events { position: relative; padding: 80px 0; background: var(--color-white); isolation: isolate; overflow: hidden; }
.events--bg-blue { color: var(--color-white); background: transparent; }
.events__bg {
    position: absolute; inset: 0; z-index: -1;
    background: var(--color-blue-dark);
}
.events__list { display: flex; flex-direction: column; }
.event-row {
    display: flex; align-items: center; gap: 32px;
    padding: 16px 12px;
    border-top: 2px solid rgba(158, 158, 158, 0.5);
}
.event-row:last-child { border-bottom: 2px solid rgba(158, 158, 158, 0.5); }
.events--bg-blue .event-row,
.events--bg-blue .event-row:last-child { border-color: rgba(255, 255, 255, 0.25); }
.events--bg-blue .event-row__title { color: var(--color-white); }
.events--bg-blue .section-head__lead { color: var(--color-white); }
.events--bg-blue .event-row__meta li { color: var(--color-white); }
.events--bg-blue .event-row__meta img { filter: brightness(0) invert(1); }
.event-row__main { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.event-row__title { font-size: 24px; line-height: 34px; color: var(--color-black); margin: 0; }
.event-row__meta { display: flex; gap: 20px; flex-wrap: wrap; }
.event-row__meta li {
    display: inline-flex; align-items: center; gap: 8px;
    font-weight: 600; font-size: 16px; line-height: 26px;
    color: var(--color-blue);
}
.event-row__meta img { width: 24px; height: 24px; object-fit: contain; }

@media (max-width: 767px) {
    .events { padding: 48px 0; }
    .event-row { flex-direction: column; align-items: stretch; gap: 16px; padding: 20px 0; }
    .event-row .btn { align-self: flex-start; }
}

/* Client 24.07 (MBA 1): keine Linie zwischen Infoveranstaltung und Bild.
   Nur wenn direkt danach das Trennbild folgt (MBA-Layout: Events -> Bild -> Testimonials). */
.events:has(+ .stud-separator) .event-row:last-child { border-bottom: 0; }