.acties_blok:first-child{
	margin-top: var(--jumbotron-standard-margin) !important;
	margin-bottom: calc(-1 * var(--jumbotron-standard-margin) + 3rem);
}

.actie_blok{
	padding: 2rem;
	background-color: var(--grijs);
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='178' height='230' viewBox='0 0 178 230'%3E%3Cdefs%3E%3ClinearGradient id='t1l3a' x1='14.11' x2='95.48' y1='163.35' y2='238.07' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffcf00'/%3E%3Cstop offset='1' stop-color='%23f1eff5'/%3E%3C/linearGradient%3E%3ClinearGradient id='t1l3b' x1='108.63' x2='164.79' y1='65.03' y2='130.26' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f61f2e'/%3E%3Cstop offset='1' stop-color='%23f1eff5'/%3E%3C/linearGradient%3E%3ClinearGradient id='t1l3c' x1='31.92' x2='71.84' y1='-5.33' y2='32.04' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffcf00'/%3E%3Cstop offset='1' stop-color='%23f1eff5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23clip-99d81b0f-f149-4087-b559-fa44d0b8d201)' opacity='.3'%3E%3Cpath fill='url(%23t1l3a)' d='M0 205c0-29.27 23.729-53 53-53s53 23.73 53 53c0 29.271-23.729 53-53 53S0 234.271 0 205z'/%3E%3C/g%3E%3Cg opacity='.3' transform='rotate(-180 138.5 101.5)'%3E%3Cpath fill='url(%23t1l3b)' d='M99 101.5C99 79.685 116.685 62 138.5 62S178 79.685 178 101.5c0 21.816-17.685 39.5-39.5 39.5S99 123.316 99 101.5z'/%3E%3C/g%3E%3Cg clip-path='url(%23clip-e8cd7103-35e0-4bb0-b1e0-81e76a499f47)' opacity='.3'%3E%3Cpath fill='url(%23t1l3c)' d='M25 15.5C25 .865 36.64-11 51-11S77 .865 77 15.5C77 30.136 65.36 42 51 42S25 30.136 25 15.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-position: right 2rem center;
	background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
	min-height: 23rem;
	display: flex;
	gap: 3rem;
	text-decoration: none !important;
}

.actie_blok:has(a){
    position: relative;
}

.actie_blok a:before{
    content: "";
    position: absolute;
    inset: 0;
}

.actie_tekst{
	border-radius: 1rem;
	background-color: var(--rood);
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 3.2rem;
	width: 12rem;
	height: 12rem;
	margin-bottom: 2rem;
	padding: 1.5rem;
}

.actie_product{
	color: #403e58;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.4rem;
	display: block;
}

.actie_afbeelding{
    max-width: 19.5rem;
    align-self: center;
    width: 100%;
}

.actie_link_button{
	position: relative;
	z-index: 0;
}

.actie_link_button:after{
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(195px 195px at 341.46% 141.3%, rgba(37, 35, 52, 0.15) 0%, rgba(37, 35, 52, 0.4) 100%);
	z-index: -1;
}

.actieblok_geel .actie_link_button .actie_tekst{
	font-size: 2rem;
	line-height: 2.8rem;
	color: var(--paars);
    max-width: 60%;
}

.actieblok_geel .actie_link_button:after{
	background: linear-gradient(
	  to right,
	  #ffcf00 0,
	  #ffcf00 80px,
	  rgba(255, 207, 0, 0.57) 100%
	);	
}

.actie_blok.actie_link_button{
	align-items: flex-end;
}

.actie_link_button .actie_tekst{
	background: none;
	padding: 0;
	width: auto;
	height: auto;
	color: #ffffff;
	font-weight: 500;
	font-size: 2.8rem;
	line-height: 3.6rem;
}

@media (max-width:767px)
{		
	.acties_blok .row{
		scroll-snap-type: x mandatory;
		overflow-x: scroll;
		display: flex;
		flex-wrap: nowrap;
		--bs-gutter-x: 1.5rem;
		margin-left: -2rem;
		margin-right: -2rem;
		padding-left: 2rem;
		padding-right: 2rem;
		gap: 1.5rem;
	}
	
	.acties_blok .row > div{
		padding: 0;
		scroll-snap-align: start;
		scroll-margin-left: 2rem;
		width: 30rem;
	}
	
	.actie_blok{
		min-height: 16.5rem;
		gap: 2rem;
		background-size: auto;
	}
	
	.actie_tekst{
		font-size: 1.7rem;
		line-height: normal;
		width: 7.5rem;
    	margin-bottom: 1rem;
		height: 7.5rem;
		padding: 0;
		text-align: center;
		justify-content: center;
	}
	
	.actie_link_button .actie_blok_tekst .actie_tekst{
		text-align: left;
		font-size: 2rem;
		line-height: 2.6rem;
	}
	
	.actie_product{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	
}

@media (min-width:992px) and (max-width:1199px)
{
	
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}