/* ****************************************************
	Grid-Elemente
**************************************************** */

/* 3 Spalten */
.grid-3col {
	margin: 0 0 30px 0;
	justify-content: space-between;
	cursor: pointer;
}
.grid-3col .col1 {
	width: calc((100% - 50px) / 3);
	float: left;  
}
.grid-3col .col1 .colContent {
	/*padding: 0 25px 0 0;*/
}
.grid-3col .col1 .colContent .ce-textpic {
	margin-bottom: 25px;
}
.grid-3col .col1 .colContent img {
	width: 100%;
	height: auto;
}
.grid-3col .col1 h2 a,
.grid-3col .col2 h2 a,
.grid-3col .col3 h2 a {
	text-decoration: none;
}

.grid-3col .col1 h2,
.grid-3col .col2 h2,
.grid-3col .col3 h2 {
    text-align: center;
}

.grid-3col .col2 {
	width: calc((100% - 50px) / 3);
	float: left; 
	margin-right: 25px;
	margin-left: 25px;
}
.grid-3col .col2 .colContent {
	/*padding: 0 25px 0 0;*/
}
.grid-3col .col2 .colContent .ce-textpic {
	margin-bottom: 25px;
}
.grid-3col .col2 .colContent img {
	width: 100%;
	height: auto;
}

.grid-3col .col3 {
	width: calc((100% - 50px) / 3);
	float: left;  
}
.grid-3col .col3 .colContent {
	/*padding: 0 25px 0 0;*/
}
.grid-3col .col3 .colContent .ce-textpic {
	margin-bottom: 25px;
}
.grid-3col .col3 .colContent img {
	/*width: calc(100% - 25px);*/
	width: 100%;
	height: auto;
}


/* 2 Spalten 50/50 */
.grid-2col {
	
}
.grid-2col .col1,
.grid-2col .col2 {
	width: calc(50% - 50px);
	float: left;
}
.grid-2col .col2 {
	float: right;
}
@media screen and (max-width: 750px) {
	.grid-2col .col1,
	.grid-2col .col2 {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
}