/* Grundlayout für alle Ereignisse */
.event {
    margin: 40px 0;
}

.event-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
}

/* Bild */
.event-image {
    flex: 0 0 70%;
}

.event-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Text */
.event-text {
    flex: 1;
}

/* Smartphone: Bild über Text */
@media (max-width: 700px) {
    .event-row {
        flex-direction: column;
    }

    .event-image {
        flex: 1 1 100%;
    }
}

/* Gerade/ungerade: Bild links / Bild rechts */
.event:nth-of-type(even) .event-row {
    flex-direction: row-reverse;
}