.flex-row{
    /* door "collapsing margins" valt 
    de margin over die van de volgende en 
    vorige rijen heen :) */
    margin-block: 100px;
}
.flex-row .content-wrapper .content .text > *:last-child {
	margin-bottom: 0;
}

/* Tekst & Media */
.afbeelding_rij .content-wrapper{
    display: flex; gap: 50px; align-items: center;
}
.afbeelding_rij .content-wrapper.flipped{
    flex-direction: row-reverse;
}
.afbeelding_rij .content-wrapper > div{
	width: 50%;
}
.afbeelding_rij .content-wrapper .image img{
	aspect-ratio: 5/4; object-fit: cover; border-radius: 3px;
	width:100%;
}
.afbeelding_rij .content-wrapper .content{
    padding-block: 20px; background-color: transparent;
    display: flex; flex-direction: column; gap: 20px;
	align-items: flex-start; padding-right: calc((100vw - 1280px) / 2);
}
.afbeelding_rij .content-wrapper.flipped .content {
	padding-right: 0; padding-left: calc((100vw - 1280px) / 2);
}

.tekst_rij .content-wrapper {
	max-width: 900px; margin-inline: auto;
}
.tekst_rij .content-wrapper .content {
	background: transparent;
}

.flex-row .content-wrapper .content h6 {
	font-size: 20px;
	color: #FFFBB6; text-transform: uppercase; font-family: "Merriweather";
}

.flex-row .text p {
    opacity: 0.9;
}

.flex-row .text a {
    text-decoration: underline !important;
    color: #fffbb6 !important;
}
.flex-row .text a:hover {
    text-decoration: none !important;
    color: #fffbb6 !important;
}




@media screen and (max-width: 1320px) {
	.afbeelding_rij .content-wrapper .content,
	.afbeelding_rij .content-wrapper.flipped .content {
		padding-left: 20px; padding-right: 20px;
	}
}

@media screen and (max-width: 992px) {
	.flex-row {
		margin-block: 40px;
	}
	.tekst_rij .content-wrapper .content {
    background: transparent;
    padding: 20px;
}
	.afbeelding_rij .content-wrapper.flipped,
	.afbeelding_rij .content-wrapper {
		flex-direction: column; gap: 20px;
	}
	.afbeelding_rij .content-wrapper > div {
		width: 100%;
	}
}