/*
 * Alumni Stimmen - Liste aus quadratischem Bild + Text, optional mit Link
 * darunter. Unter Tablet-Breite steht das Bild ueber dem Text.
 */

.alumni-voices__list {
    display: grid;
    gap: 29px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.alumni-voices__item {
    display: flex;
    flex-direction: column;
    /* gap: 24px; */
    background-color: #F6F6F6;
}

/* Versetzt: jede Stimme ist 80% breit, jede zweite sitzt rechtsbuendig -
   also um genau die fehlenden 20% nach rechts eingerueckt. Erst ab Tablet;
   darunter nehmen alle die volle Breite. */
@media (min-width: 768px) {
    .alumni-voices__item {
        flex-direction: row;
        align-items: flex-start;
        width: 80%;
    }

    .alumni-voices__item:nth-child(even) {
        margin-left: 20%;
    }
}

/* Ausgeliefert in 320px fuer hochaufloesende Displays, dargestellt in 145px. */
.alumni-voices__image {
    flex: 0 0 auto;
    width: 145px;
    height: 145px;
    object-fit: cover;
}

.alumni-voices__text {
    flex: 1;
    min-width: 0;
    padding: 16px 12px;
}

.alumni-voices__text p {
    margin-bottom: 0.5rem;
}

.alumni-voices__text > :last-child {
    margin-bottom: 0;
}

.alumni-voices__more {
    margin-top: 48px;
}