.e-link_circlelist ul {
	list-style: none;
	padding-left: 0;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	margin-right: -1rem;
	margin-left: -1rem;
}

.e-link_circlelist ul > li {
    width: 0;
    flex-grow: 1;
    flex-shrink: 0;
    overflow: hidden;
	padding-right: 1rem;
	padding-left: 1rem;
	margin-bottom: 2rem;
}

.e-link_circlelist ul > li a {
	text-decoration: none;
	color: inherit;
}

.e-link_circlelist ul > li .image-wrapper-circle {
	border: 3px solid lightgrey;
}

/* erzwingt eine max Breite f�r jede List-Entrag. 
	Update: Nur tempor�r hier um den Style zu feineinstellen.
	Wir mussen das in Kunde-Style machen . Nicht viel wahl um die Modularit�t von Thorsten 
	auf element zu beihalten:
	Layout: nix damit zu tun
	Scene: .s-SingleElement erlaubt das nicht.
	Kunde.Style: mit .scene-nr-4 .slot-nr-0 {}
*/
.e-link_circlelist ul > li {
	/*min-width: 250px;*/
}

.e-link_circlelist .circlelist-image-wrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.e-link_circlelist .circlelist-title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0.8em 0 0.8em;
	overflow: hidden;
    text-overflow: ellipsis;
}

.e-link_circlelist .circlelist-title-desc {
	overflow: hidden;
    text-overflow: ellipsis;
}


.e-link_circlelist > ul > li {
    flex-grow: 0;
	flex-basis: 100%;
}

@media (min-width: 768px) {
	.e-link_circlelist > ul > li {
		flex-basis: 23%;
	}
}