/*
 * Mitarbeiterliste (Shortcode aus fsin-apotheken, Container .team-grid).
 * Alle Karten stehen in einer einzigen .row. Als Floats bleiben sie an höheren Karten
 * hängen (abweichende Bildgrößen, lange Texte, aufgeklappte Fortbildungen) und es
 * entstehen Löcher und vertauschte Spalten. Flexbox bricht sauber in Zeilen um.
 * Die Clearfix-Pseudo-Elemente von Bootstrap 3 würden sonst als Flex-Items mitzählen,
 * und das margin: auto aus .container-fluid würde eine einzelne letzte Karte zentrieren.
 */
@media (min-width: 992px) {
	.team-grid {
		display: flex;
		flex-wrap: wrap;
	}
	.team-grid::before,
	.team-grid::after {
		display: none;
	}
	.team-grid > .col-md-6 {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}