/*  matrix-bg1.css

inline-Flexbox for column-element with 3 Columns 
-----------------------------------------------------*/

/* --- Desktop: 3 Spalten --- */
.cc-pagemode-default .matrix-bg1 {
	display: flex;
	gap: 0;
	margin: auto;
	height: auto;
	max-width: 90%;
}

.cc-pagemode-default .matrix-bg1 .cc-m-hgrid-column {
	flex: 1;
	display: flex;
	box-sizing: content-box;
	min-height: 1px;
	min-width: calc(33% - 20px);
}

.matrix-bg1 a {
	hyphens: manual;
}

.matrix-bg1 [id^="cc-matrix-"] {
	background: #fff;
	border-radius: 12px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	display: flex;
	flex-direction: column;
	height: auto;
}

/* CTA-Button immer unten
.matrix-bg1 [id^="cc-matrix-"] .j-callToAction {
	margin-top: auto;
	padding-bottom: 20px;
}
*/