.nieuws_1_koloms .nieuwsoverzicht_afbeelding{
	margin-right: 3rem;
	flex-shrink: 0;
}

.berichten .alm-paging-content {
    display: flex;
    flex-wrap: wrap;
    gap: 0rem;
}

.bericht_item {
	padding: 0.5rem;
	max-height: 41.8rem;
}

.berichten ul.alm-paging li.active a {
    background: var(--groen);
    border-color: var(--groen);
    color: #fff;
    text-decoration: none;
    pointer-events: none;
}

ul.alm-paging li {
	font-size: 17px;
} 

.berichten ul.alm-paging li a {
	background-color: #fff;
    padding: 16px 20px;
    border-radius: 2.9rem;
    color: var(--groen);
    font-size: 2rem;
    border: 1px solid var(--groen);
}

.berichten ul.alm-paging li a:focus, .berichten ul.alm-paging li a:hover {
    color: #fff;
    border-color: var(--groen);
    background-color: var(--groen);
}

.berichten-row + .berichten-row{
    margin-top: 1rem;
}

.berichten .tns-horizontal.tns-subpixel > .tns-item,
.berichten .tns-item{
	display: flex;
}

.berichten .tns-slider .col-sm-12{
	padding-left: 0 !important;
}

.berichten .tns-slider.row{
	margin: 0 !important;
}

.berichten .tns-controls,
.berichten .tns-controls button{
	outline: none;
}

.berichten .tns-controls button{
	margin: 0 0.5rem;
	background: none;
	width: 50px;
	height: 50px;
	border: 2px solid rgba(36, 185, 187, 0.15);
	border-radius: 50%;
	padding: 0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.berichten_counter{
    display: inline-block;
    position: relative;
    top: -1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

.berichten .tns-controls button[disabled]{
	opacity: 0.3;
	cursor: default;
}

.berichten .tns-controls button:not([disabled]):hover{
	border: 2px solid #ccc;
	background-color: #ccc;
	color: #fff;
}

.berichten .tns-controls{
	text-align: center;
}

.berichten .alm-filter--inner{
	text-align: center;
	margin-bottom: 6rem;
}

.berichten .alm-filter--link.field-radio{
	color: #18a472;
	border-color: #18a472;
}

.berichten .alm-filter--link.field-radio:hover, 
.berichten .alm-filter--link.field-radio.active, 
.berichten .button_outline_alt:hover, 
.berichten .button_outline_alt:focus{
	color: #fff;
	background-color: #18a472;
}

.bericht .bericht__datetime{
	color: #fff;
	margin: 0;
	white-space: nowrap;
}


.bericht_new{
	background-color: #2f3247;
	height: 315px;
	border-radius: 1.5rem;
	overflow: hidden;
	position: relative;
	z-index: 0;
	text-decoration: none;
	color: #fff;
	padding: 1rem 1rem 1rem 3rem;
    justify-content: space-between;
	transition: 0.3s background, 0.3s transform;
}

.bericht{
	background-color: #2f3247;
	height: 315px;
	border-radius: 1.5rem;
	overflow: hidden;
	position: relative;
	z-index: 0;
	text-decoration: none;
	color: #fff;
	padding: 1rem 1rem 1rem 3rem;
    justify-content: space-between;
	transition: 0.3s background, 0.3s transform;
}

.bericht:hover{
	background: #40445b;
}

.berichten-row{
	--bs-gutter-x: 1rem;
	row-gap: 1rem;
}

@supports not (row-gap: 1rem) {
   /* 
	Isolated code for not supporting flexbox row-gap so have to work with margins. Thanks Safari :/ 
	*/
	.berichten-row > div{
		margin-top: 1rem;
	}
}

.bericht .post_meta{
	align-self: flex-end;
    line-height: normal;
    display: inline-flex;
}

.bericht .post_meta span{
	line-height: normal;
}

.bericht:hover{
	transform: translateY(-0.5rem);
}

.bericht:hover:before{
	opacity: 0.9;
}

.berichten h3.bericht__h3{
	color: #ffffff;
    font-size: 3rem;
    line-height: 4rem;
}

.bericht .nieuwsoverzicht_afbeelding picture{
	width: 100%;
	height: 100%;
	display: flex;
}

.bericht .nieuwsoverzicht_afbeelding img{
	object-fit: cover;
    height: 100%;
	width: 100%;
    object-position: center;
	transition: 0.3s transform;
}

.bericht:hover .nieuwsoverzicht_afbeelding img{
	transform: scale(1.1);
}

.bericht .nieuwsoverzicht_afbeelding{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    z-index: -2;
}

.bericht_tekst_wrap {
    margin-top: auto;
}

/* Grid */ 

.bericht_grid {
    display: grid;
    align-items: end;
    border-radius: 3.1rem;
    overflow: hidden;
    padding: 0;
    height: 100%;
    background-color: #2F3246;
	text-decoration: none;
	background-image: linear-gradient(116deg, #2f3247 0%, #00755e 51%, #dbcc00 100%);
}

/*
.post_meta_grid {
    margin-bottom: 2.5rem;
    position: absolute;
} 
*/

.post_meta_grid {
    margin-bottom: 13rem;
    position: absolute;
    color: #fff;
    padding: 1rem;
	transition: all .3s ease;
}

.post_meta_grid span {
	background-color: #2f3748;
}


a.bericht_grid:hover .post_meta_grid {
	margin-bottom: 16rem;
}


.bericht_grid_afbeelding {
    position: relative;
    width: 100%;
	height: 100%;
    grid-column: 1 / 2;
    grid-row: 1 / 2; 
	display: flex;
	transition: all .3s ease;
}

.bericht_grid_afbeelding::after {
	content: '\f054';
    font-family: 'Font Awesome 6 Pro';
    display: flex;
    width: 5rem;
    height: 100%;
    position: absolute;
    text-align: center;
    right: -5rem;
    font-size: 3rem;
    padding: 1.5rem;
    color: #fff; 
    background-color: #36a372;
    z-index: 99;
    flex-wrap: nowrap; 
    align-items: center; 
	background-image: linear-gradient(116deg, #2f3247 0%, #00755e 51%, #dbcc00 100%);
} 

.bericht_tekst_wrap_grid { 
	background-image: linear-gradient(116deg, #2f3247 0%, #00755e 51%, #dbcc00 100%);
	opacity: 0.8;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    position: relative; 
    padding: 2rem;
    min-height: 14.4rem; 
	transition: all .3s;
	z-index: 0;
}

.berichten h3.bericht_grid__h3 {
    color: #ffffff;
    font-size: 2.5rem;
    line-height: 3rem;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
}

a.bericht_grid:hover .bericht_grid_afbeelding::after {
	 
}

a.bericht_grid:hover .bericht_grid_afbeelding {
/*	transform: translateX(-5rem);*/
	transform: scale(1.1);
}

a.bericht_grid:hover  .bericht_tekst_wrap_grid {
/*	transform: translateX(-5rem);*/
	min-height: 17rem;
	opacity: 0.9;
}



/* End grid */

.bericht:before{
	content: "";
	background-image: linear-gradient(116deg, #2f3247 0%, #00755e 51%, #dbcc00 100%);
	opacity: 0.8;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: 0.3s opacity;
}

.bericht_no_img:before{
	display: none;
}

.col-xl-3 .bericht{
	justify-content: center;
	align-items: center;
	text-align: center;
}

.col-xl-3 .bericht .post_meta,
.col-xl-3 .bericht .bericht_tekst_wrap{
	margin-bottom: auto;
}

.col-xl-3 .bericht .bericht_tekst_wrap{
	padding-right: 2rem;
}

.meer_nieuws .bericht_tekst_wrap{
	margin-bottom: 0 !important;
}

a.meer_nieuws{
	color: #fff !important;
	background-color: #00755e;
}

a.meer_nieuws:hover{
	background-color: #18a472;
}

.meer_nieuws i{
	border: 0.1rem solid #ffffff;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.berichten .alm-placeholder img{
	content: url("/inhoud/themes/webtontheme-child/images/placeholder-xl.png");
	width: 100%;
	max-width: 100%;
	height: auto;
}

@media (max-width:767px)
{
	.nieuwsoverzicht_afbeelding{
		margin-right: 0;
	} 

	.bericht_item {
		padding: 0.5rem;
		width: 100%;
	}
	
	.berichten-row .col-md-6{
	}
	
	.col-xl-3 .bericht .bericht_tekst_wrap{
		margin-bottom: 0 !important;
    	text-align: left;
	}
	
	.col-xl-3 .bericht {
		align-items: flex-start;
		text-align: left;
	}
	
	.meer_nieuws_container{
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
	
	.berichten h3.bericht__h3 {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	
	.berichten_met_aantal .berichten-row > div:nth-child(n+4){
		display: none !important;
	}
	
	.berichten_met_aantal .berichten-row > div:last-child{
		display: flex !important;
	}
	
	.bericht__datetime{
		font-size: 1.4rem;
	}
	
	.bericht{
		height: 175px;
	}
	
	.bericht__h3{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
	
	a.meer_nieuws .bericht__h3:before{
		content: "\f178";
		margin-right: 1rem;
		font-family: "Font Awesome 6 Pro";
	}
	
	a.meer_nieuws{
		height: auto;
		padding: 0;
		background: none !important;
		color: #18a472 !important;
	}
	
	a.meer_nieuws i{
		display: none;
	}
	
	.berichten a.meer_nieuws h3.bericht__h3{
		color: #18a472 !important;
		font-size: 1.6rem;
		line-height: 3.5rem;
	}
	
	
}

@media (min-width:768px) and (max-width:991px)
{
	.nieuwsoverzicht_afbeelding{
		margin-right: 0;
	}
	
	.berichten h3.bericht__h3 {
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.berichten h3.bericht__h3 {
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
}

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

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