.isofit {
	overflow: hidden;
	margin: 0.2em;

}

.isofit .isofit-item {
	position: relative;
	width: 50%;
	float: left;
}

.isofit .isofit-item:before {
	content: "";
	display: block;
	padding-top: 100%; /*seitenverhältnis 1:1 , für 2:1 bspw 50% */
}

.isofit .isofit-item > * {
	position: absolute;
	top: 0.2em;
	left: 0.2em;
	bottom: 0.2em;
	right: 0.2em;
	overflow: hidden;
	/*border: 4px solid #013D40;
	 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset;*/
}

/*.isofit .isofit-item img {
	background-color: rgba(255, 255, 255, 0.075);
    border-bottom: medium none;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
}*/


.isofit .isofit-item[data-ratio="1:1"]:before {
	padding-top: 100%;
}

.isofit .isofit-item[data-ratio="2:1"]:before {
	padding-top: 50%;
}

.isofit .isofit-item[data-ratio="4:3"]:before {
	padding-top: 75%;
}

.isofit .isofit-item[data-ratio="16:9"]:before {
	padding-top: 56%;
}




@media screen and (min-width: 400px) {
	.isofit .isofit-item {
		width: 33%;
	}
	
}

@media screen and (min-width: 700px) {
	.isofit .isofit-item {
		width: 20%;
	}

	.isofit {
	margin: 0.2em;
	}

}

@media screen and (min-width: 1024px) {
	.isofit .isofit-item {
		width: 20%; /* 5 in einer Reihe */
	}

	.isofit {
	margin: 0.2em;
	}

}