.nebrin-meerleden-block
{
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
  
	.swiper
	{
		position: relative;
		z-index: 2;
		width: 100%;
		max-width: calc(1200px - calc(clamp(2em, 5dvw, 20em) * 2));
	}
	
	.swiper-navigation-wrapper
	{
		margin-top: -6rem;
		display: flex;
		gap: 1em;
		position: relative;
		z-index: 3;
		
		> div
		{
			cursor: pointer;
		}
		
		> div:hover,
		> div:focus
		{
			color: var(--splash-color-1);
		}
		
		> div:first-child:hover,
		> div:first-child:focus
		{
			color: var(--splash-color-2);
		}
	}
	
	.leden
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		grid-gap: 2rem;

		.image-wrapper
		{
			aspect-ratio: 4/3;
			position: relative;
			border-radius: 1em 1em 0 0;
			background: white;
			clip-path: polygon(100% 0, 100% 75%, 70% 100%, 0 65%, 0 0);
			
			img
			{	
				position: absolute;
				border-radius: 1em 1em 0 0;
				top: 2em;
				left: 2em;
				right: 2em;
				bottom: 6em;
				height: calc(100% - 8em);
				width: calc(100% - 4em);
				object-fit: contain;
				object-position: center;
				transition: all 250ms ease-in-out;
			}
		}
		
		h3
		{
			a
			{
				color: var(--splash-color-1);
				text-decoration: none;
			}
		}
		
		ul
		{
			display: flex;
			flex-wrap: wrap;
			gap: 1em;
			padding-inline-start: 0px;
			list-style-type: none;
			margin-bottom: 1em;

			li a
			{
				display: flex;
				text-decoration: none;
				align-items: center;
				color: black;
				font-size: 85%;
				border: 1px solid black;
				border-radius: .5em;
				padding: .2em .4em;
			}

			li.regio a
			{
				background: var(--splash-color-2);
				border-color: var(--splash-color-2);
			}
		}
	}
}

@media ( width < 960px )
{
	.nebrin-meerleden-block
	{
		padding: 0 clamp(2em, 5dvw, 20em);
		
		.leden
		{
			grid-template-columns: 1fr;
		}
	}
}