/* --- Referenz-Paar -------------------------------------------------------
   Gibt es zu einem Produkt nur einen Anwenderbericht, stehen seine Karte und
   ein Zitat aus demselben Bericht nebeneinander (.epi-cols--even). Die Liste
   faellt dafuer auf eine Spalte, das Zitat schliesst buendig an die Karte an. */
.epi-referenz-paar {
    align-items: stretch;
}

.epi-referenz-paar .epi-beitragsliste {
    grid-template-columns: 1fr;
}

.epi-referenz-paar .epi-quote {
    align-content: center;
    padding: 3rem;
}

@media (max-width: 767px) {
    .epi-referenz-paar .epi-quote {
        padding: 2rem;
    }
}

/* Paar-Spalten: die Karte braucht weniger Breite als das Zitat. */
@media screen and (min-width: 1024px) {
    .epi-referenz-paar.epi-cols--even {
        grid-template-columns: 5fr 7fr;
    }
}