/* ###### Gridelements ###### */

/* 2 Spalten */
.grid_2spalten_50_50 {
	display: flex;
}

.grid_2spalten_50_50 .col2 {
	margin-left: 40px;
}


.content .grid_2spalten_50_50 .col1 .frame-default:first-child,
.content .grid_2spalten_50_50 .col2 .frame-default:first-child {
	padding-top: 0;
}

/* 2 Spalten - Spaltenvariante 1:1 */
.grid_2spalten_50_50.cols-1-1 > .col1 {
	flex: 1;
}

.grid_2spalten_50_50.cols-1-1 > .col2 {
	flex: 1;
}

/* 2 Spalten - Spaltenvariante 1:2 */
.grid_2spalten_50_50.cols-1-2 > .col1 {
	flex: 1;
}

.grid_2spalten_50_50.cols-1-2 > .col2 {
	flex: 2;
}

/* 2 Spalten - Spaltenvariante 2:1 */
.grid_2spalten_50_50.cols-2-1 > .col1 {
	flex: 2;
}

.grid_2spalten_50_50.cols-2-1 > .col2 {
	flex: 1;
}


/* 3 Spalten */

.grid_3spalten_33_33_33 {
	display: flex;
}

.grid_3spalten_33_33_33 > .col2,
.grid_3spalten_33_33_33 > .col3  {
	margin-left: 40px;
}

.grid_3spalten_33_33_33 > .col1,
.grid_3spalten_33_33_33 > .col2,
.grid_3spalten_33_33_33 > .col3  {
	flex: 1;
}

.content .grid_3spalten_33_33_33 .col1 .frame-default:first-child,
.content .grid_3spalten_33_33_33 .col2 .frame-default:first-child,
.content .grid_3spalten_33_33_33 .col3 .frame-default:first-child {
	padding-top: 0;
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {

	/* 2 Spalten */
	.grid_2spalten_50_50 {
		display: block;
	}

	.grid_2spalten_50_50 .col2 {
		margin-left: 0px;
	}

	.content .grid_2spalten_50_50 .col1 .frame-default:first-child,
	.content .grid_2spalten_50_50 .col2 .frame-default:first-child {
		padding-top: 20px;
	}

	/* 3 Spalten */
	.grid_3spalten_33_33_33 {
		display: block;
	}

	.grid_3spalten_33_33_33 .col2,
	.grid_3spalten_33_33_33 .col3  {
		margin-left: 0px;
	}

	.content .grid_3spalten_33_33_33 .col1 .frame-default:first-child,
	.content .grid_3spalten_33_33_33 .col2 .frame-default:first-child,
	.content .grid_3spalten_33_33_33 .col3 .frame-default:first-child {
		padding-top: 20px;
	}

}