.acf_section--teaser {
}

.teaser_headline {
	margin-bottom: var(--vgap-universal);
}

.teaser_grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: var(--hgap-universal);
	row-gap: var(--vgap-universal);
}

.acf_section--teaser.layout--ultra_small .teaser_grid {
	grid-template-columns: repeat(2,1fr);
}


.teaser_grid_item {
	background-color: var(--color-light-grey);
	border-radius: var(--br-box);
	padding: var(--gap-round-box);
	display: grid;
	column-gap: var(--gap-round-box);
	row-gap: var(--gap-round-box);
	align-items: stretch;
	grid-template-rows: min-content;
}

.teaser_grid_item.no-image {
	grid-template-rows: none;
}

.teaser_sub_grid {
	padding: var(--gap-round-box);
	display: inline-grid;
	column-gap: var(--gap-round-box);
	row-gap: var(--gap-round-box);
	align-items: start;
	grid-template-rows: min-content;
	hyphens: auto;
}

.teaser_grid_item .headline {
	hyphens: auto;
}

.maincontent_wrapper.color-theme--light-grey .teaser_grid_item {
	background-color: var(--color-white);
}

.maincontent_wrapper.color-theme--light-grey .teaser_grid_item .button--secondary::after {
	background-color: var(--color-light-grey);
}

.teaser_img {
	aspect-ratio: 10 / 6;
	object-fit: cover;
}

.teaser_link_box {
	align-self: end;
}

.teaser_grid_item .button {
	padding: 0;
	width: 100%;
	text-align: left;
	justify-content: space-between;
}

/*Layout Large*/

@media (min-width: 1001px) {
	.acf_section--teaser.layout--large .teaser_grid_item {
		row-gap: 0;
	}

	.acf_section--teaser.layout--large .teaser_grid_item.image-exists:nth-of-type(1),
	.acf_section--teaser.layout--large .teaser_grid_item.image-exists:nth-of-type(4) {
		grid-column-end: span 2;
		grid-template-columns: repeat(2,1fr);
	}

	.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(1) .teaser_img,
	.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(4) .teaser_img {
		grid-row-end: span 3;
		height: 100%;
		min-height: 400px;
	}

	.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(1) .teaser_sub_grid,
	.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(4) .teaser_sub_grid {
		grid-row-end: span 3;
		height: 100%;
	}

}

.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(2) .teaser_img,
.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(3) .teaser_img {
	display: none;
}


@media (max-width: 1000px) {
	.teaser_grid,
	.acf_section--teaser.layout--ultra_small .teaser_grid {
		grid-template-columns: repeat(1,1fr);
	}

	.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(1),
	.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(4) {
		grid-column-end: span 1;
		grid-template-columns: repeat(1,1fr);
	}

	.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(1) .teaser_img,
	.acf_section--teaser.layout--large .teaser_grid_item:nth-of-type(4) .teaser_img {
		grid-row-end: span 1;
		height: auto;
		min-height: auto;
	}

}