
.contentTable {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto auto;
	column-gap: 1.138em;
}

.contentTable .contentDescriptionCard{
	border: 1px solid #c33;
	border-radius: 0.27em;
	display: grid;
	grid-template-rows: subgrid;
    grid-row: span 2;
	margin-top: 1.138em;
}

.contentTable .contentDescriptionCard .cardHeader {
	border-bottom: 1px solid #c33;
	display: flex;
	align-items: center;
    gap: 0.625em;
	margin: 0.5625em 0.6875em;
	color: #000;
	text-decoration: none;
}

.contentTable .contentDescriptionCard .cardHeader .numbering{
	font-size: 2.2222em;
}

.contentTable .contentDescriptionCard .cardHeader .title{
	font-size: 1em !important;
	font-weight: 400;
}

.contentTable .contentDescriptionCard .cardDescription{
	margin: 0.5625em 0.6875em;
}

.contentTable .contentDescriptionCard .cardDescription > p{
	margin: 0;
}

.imageFiller {
	grid-row: span 2;
	margin-top: 1.138em;
	position: relative;
}
.contentTable > .imageFiller:nth-child(3n + 1) {
    grid-column: span 3;
}
.contentTable > .imageFiller:nth-child(3n + 2) {
    grid-column: span 2;
}
.contentTable > .imageFiller:nth-child(3n) {
    grid-column: span 1;
}

.imageFiller img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
	object-position: right;
	position: absolute;
}

@media (max-width: 1000px) {
	.contentTable {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: auto auto;
		column-gap: 1.138em;
	}

	
	.contentTable > .imageFiller:nth-child(2n) {
		grid-column: span 1;
	}
	.contentTable > .imageFiller:nth-child(2n + 1) {
		grid-column: span 2;
		height: 10em;
	}
}


@media (max-width: 700px) {
	.contentTable {
		grid-template-columns: 1fr;
        grid-auto-rows: auto;
	}
	.contentTable .contentDescriptionCard{
		border: none;
		margin-top: 0.625em;
	}
	.contentTable .contentDescriptionCard:nth-child(1){
		margin-top: 1.25em;
	}
	.contentTable .contentDescriptionCard .cardHeader {
		border-bottom: none;
		margin: 0;
	}
	.cardHeader::before {
		content: "";
		background-image: url(/bilder/seo/cards/2025/icon_pfeil_rechts_rot.png);
		width: 1.5em;
		aspect-ratio: 1;
		background-size: 1.5em;
		flex-shrink: 0;
	}
	.contentTable .contentDescriptionCard .cardHeader .numbering{
		display: none;
	}
	.contentTable .contentDescriptionCard .cardHeader .title{
		margin: 0 !important;
		text-decoration: underline;
	}
	.contentTable .contentDescriptionCard .cardDescription{
		display: none;
	}
	
	.imageFiller {
		/*aspect-ratio: 280 / 125;*/
		grid-row: 1;
		width: 100%;
		grid-column: 1 !important;
	}
}