.article-teaser {
	h3 {
		font-size: 36px;
		line-height: 40px;
	}
}

.article-teaser__wrapper {
	@media (min-width: 1024px) {
		display: flex;
	}

	> a {
		@media (min-width: 1024px) {
			width: 25%;
			margin: 0 10px;
		}

		background: #005F40;
		color: #ffffff;
		border-radius: 30px 0;
		text-decoration: none;
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;

		&:first-child {
			margin-left: 0;
		}

		&:last-child {
			margin-right: 0;
		}
	}
}

.article-teaser__image {
	img {
		border-radius: 30px 0 0 0;
		width: 100%;
		object-fit: cover;
		height: 290px;
	}
}

.article-teaser__text {
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;

	p {
		line-height: 26px;
	}

	span {
		display: flex;
		font-size: 16px;
		line-height: 19px;
		align-items: center;

		&:first-child {
			margin-bottom: 10px;
		}

		img {
			margin-right: 5px;
		}
	}

	.article-teaser__text--title {
		color: #95C11F;
		font-size: 22px;
		line-height: 30px;
		font-weight: bold;
		margin-bottom: 8px;
	}
}
