.row{
	display: flex;
	justify-content: flex-start;

	align-items: stretch;
	width: auto;
	flex-wrap: wrap;

	margin: 0 -10px 0 -10px;
}

.col{
	padding:0 10px 20px 10px;
}



.row.stretch{
	justify-content: space-between;
}

.hgBlau{
	background-color: rgb(227,234,238);
	display: inline-block;
	width: 100%;
	height: 100%;
}

.lnkBtn{
	background-color: rgb(227,234,238);
	padding: 10px 10px 10px 30px;
	background-image: none;
}

a .lnkBtn{
	background-image: url(../bilder/pfeil_rechts_12px.svg);
	background-position: 10px center;
}


.s25{
	width: 25%;
}
.s50{
	width: 50%;
}
.s75{
	width: 75%;
}
.s100{
	width: 100%;
}


@media screen and (min-width: 641px){

	.m20{
		width: 20%;
	}

	.m33{
		width: 33%;
	}
	.m33p{
		width: calc(33% - 10px);
	}

	.m25{
		width: 25%;
	}
	.m50{
		width: 50%;
	}
	.m66{
		width: 66%;
	}
	.m75{
		width: 75%;
	}
	.m100{
		width: 100%;
	}

}

@media screen and (min-width: 1025px){

	.l20{
		width: 20%;
	}

	.l25{
		width: 25%;
	}

	.l33{
		width: 33%;
	}

	.l50{
		width: 50%;
	}
	.l66{
		width: 66%;
	}
	.l75{
		width: 75%;
	}
	.l100{
		width: 100%;
	}

}

@media screen and (min-width: 1381px){

	.xl20{
		width: 20%;
	}

	.xl25{
		width: 25%;
	}

	.xl33{
		width: 33%;
	}

	.xl50{
		width: 50%;
	}
	.xl66{
		width: 66%;
	}
	.xl75{
		width: 75%;
	}
	.xl100{
		width: 100%;
	}

}