.medienberichte{
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 50px 20px;

	@media (max-width: 1199px){
		grid-template-columns: repeat( 2, 1fr );
	}

	@media (max-width: 767px){
		grid-template-columns: 1fr;
	}

	a{
		display: flex;
		flex-direction: column;
		text-decoration: none;
		max-width: 460px;
		margin: 0 auto;

		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.title{
			flex-grow: 1;
			text-wrap: balance;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 12px 53px;
			background: var(--wp--preset--color--gelb);
			font-weight: 700;
			color: var(--wp--preset--color--blau);
			text-align: center;
			transition: background-color .3s ease;
		}

		&:hover .title{
			background-color: var(--wp--preset--color--blau);
			color: var(--wp--preset--color--gelb);
			text-decoration: underline;
		}
	}
}