.block_tekst_afbeelding .content-wrapper .image-text * {
	overflow: inherit;
}

.block_tekst_afbeelding .content-wrapper h1,
.block_tekst_afbeelding .content-wrapper h2,
.block_tekst_afbeelding .content-wrapper h3,
.block_tekst_afbeelding .content-wrapper h4,
.block_tekst_afbeelding .content-wrapper h5,
.block_tekst_afbeelding .content-wrapper h6 {
	color: var(--title-color-block, var(--title-color));
}

.block_tekst_afbeelding .content-wrapper .image-text a,
.block_tekst_afbeelding .content-wrapper .image-text p,
.block_tekst_afbeelding .content-wrapper .only-txt a,
.block_tekst_afbeelding .content-wrapper .only-txt p {
	color: var(--text-color-block, var(--text-color));
}

.block_tekst_afbeelding .content-wrapper:not(.style-17) {
	padding: var(--padding-y) var(--padding-x);
}

.block_tekst_afbeelding .content-wrapper .image-container {
	overflow: hidden;
}

.block_tekst_afbeelding .content-wrapper .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* content wrapper title styles */
.block_tekst_afbeelding .content-wrapper>h3 {
	padding: 10px;
}

.block_tekst_afbeelding .content-wrapper>*>h3 {
	padding-bottom: 10px;
}

/* Fix voor stippen in opsomming */
.block_tekst_afbeelding .content-wrapper .image-text ul,
.block_tekst_afbeelding .content-wrapper .image-text ol {
	overflow: visible;
}

.block_tekst_afbeelding .content-wrapper:not(.style-11).block-shadow,
.block_tekst_afbeelding .content-wrapper.style-11.block-shadow .image-container {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.block_tekst_afbeelding .content-wrapper img {
	object-fit: cover;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;

	box-sizing: content-box;
}

.block_tekst_afbeelding .content-wrapper.block-rounded:not(.style-11) {
	border-radius: 10px;
	overflow: hidden;
}

.block_tekst_afbeelding .content-wrapper .link-button {
	padding: 0 10px 10px;
	width: unset;
	min-height: 63px;
}

.block_tekst_afbeelding .content-wrapper .image-text ul,
.block_tekst_afbeelding .content-wrapper .image-text ol {
	display: table;
}

.block_tekst_afbeelding .content-wrapper.bg-active:not(.style-11):not(.style-17) .image-container {
	padding: 10px;
}

.block_tekst_afbeelding .content-wrapper.img-full-width .image-container {
	padding: 0 !important;
}

.block_tekst_afbeelding .content-wrapper.vierdrie .image-container {
	aspect-ratio: 4/3 !important;
}

.block_tekst_afbeelding .content-wrapper.zestiennegen .image-container {
	aspect-ratio: 16/9 !important;
}

.block_tekst_afbeelding .content-wrapper.vierkant .image-container,
.block_tekst_afbeelding .content-wrapper.circle .image-container {
	aspect-ratio: 1 !important;
}

.block_tekst_afbeelding .content-wrapper.circle .image-container {
	border-radius: 50%;
}

/* content wrapper title styles */
.block_tekst_afbeelding .content-wrapper h3 {
	width: 100%;
}

.block_tekst_afbeelding .content-wrapper:not(.style-13, .style-15)>h3 {
	padding: 10px;
}

/* Stijl 0: tekst, kan met afbeelding */
.block_tekst_afbeelding .style-10 .image-text *,
.block_tekst_afbeelding .style-10 .only-text * {
	word-break: normal;
	overflow-wrap: break-word;
	hyphens: auto;
}

.block_tekst_afbeelding .style-10 .image-text,
.block_tekst_afbeelding .style-14 .image-text {
	padding: 10px;
}

.block_tekst_afbeelding .style-10:not(.title-top) .image-container~.content-title h3 {
	padding: 10px 10px 0;
}

.block_tekst_afbeelding .style-10:not(.title-top) .image-container~.image-text {
	padding: 0 10px 10px;
}

.block_tekst_afbeelding .style-10.title-top {
	display: flex;
	flex-direction: column;
}

.block_tekst_afbeelding .style-10.title-top .content-title {
	order: -1;
}

.block_tekst_afbeelding .style-10.title-top .image-container {
	order: 0;
}

.block_tekst_afbeelding .style-10.title-top .image-text {
	order: 1;
}

.block_tekst_afbeelding .style-10.title-top .link-button {
	order: 2;
}

/* style 4: tekst met zijlijn */
.block_tekst_afbeelding .content-wrapper.style-14.bg-active,
.block_tekst_afbeelding .content-wrapper.style-14.border-active,
.block_tekst_afbeelding .content-wrapper.style-14.block-shadow {
	padding: var(--padding-y, 10px) var(--padding-x, 10px);
}

.block_tekst_afbeelding .style-14>*:not(.content-title) {
	border-width: 0 0 0 2px;
	border-style: solid;
	border-color: var(--stripe-color, #000);
}

.block_tekst_afbeelding .style-14 .content-title h1,
.block_tekst_afbeelding .style-14 .content-title h2,
.block_tekst_afbeelding .style-14 .content-title h3,
.block_tekst_afbeelding .style-14 .content-title h4 {
	padding-left: 0;
}

.block_tekst_afbeelding .style-14 .only-txt p,
.block_tekst_afbeelding .style-14 .image-text p,
.block_tekst_afbeelding .style-14 .link-button {
	padding-left: 20px !important;
}

/* style 1: alleen afbeelding */
.block_tekst_afbeelding .style-11 .content-title,
.block_tekst_afbeelding .style-11 .image-text,
.block_tekst_afbeelding .style-11 .link-button {
	display: none;
}

.block_tekst_afbeelding .style-11 {
	background-color: unset !important;
}

.block_tekst_afbeelding .style-11.block-rounded .image-container {
	border-radius: 10px;
}

.block_tekst_afbeelding .style-11 .image-container .img-image {
	width: 100%;
}

.block_tekst_afbeelding .style-11 .image-container.img-w75 {
	width: 75%;
}

.block_tekst_afbeelding .style-11 .image-container.img-w50 {
	width: 50%;
}

.block_tekst_afbeelding .style-11 .image-container.img-w25 {
	width: 25%;
}

.block_tekst_afbeelding .style-11 .image-container.img-left:not(.img-w100) {
	float: left;
}

.block_tekst_afbeelding .style-11 .image-container.img-right:not(.img-w100) {
	float: right;
}

.block_tekst_afbeelding .style-11 .image-container.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.block_tekst_afbeelding .style-11 .image-container.img-left.img-w75,
.block_tekst_afbeelding .style-11 .image-container.img-left.img-w50,
.block_tekst_afbeelding .style-11 .image-container.img-left.img-w25 {
	margin-right: 10px;
}

.block_tekst_afbeelding .style-11 .image-container.img-right.img-w75,
.block_tekst_afbeelding .style-11 .image-container.img-right.img-w50,
.block_tekst_afbeelding .style-11 .image-container.img-right.img-w25 {
	margin-left: 10px;
}

/* style 6 */
.block_tekst_afbeelding .content-wrapper.style-16 {
	position: relative;
	overflow: hidden;
	padding: var(--padding-y, 10px) var(--padding-x, 10px);
}

.block_tekst_afbeelding .style-16 .image-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.block_tekst_afbeelding .style-16 .image-container::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.block_tekst_afbeelding .style-16 .image-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.block_tekst_afbeelding .style-16 .text-wrapper {
	position: relative;
	z-index: 2;
	text-align: center;
	align-content: center;
	height: 100%;
}

.block_tekst_afbeelding .style-16 .link-button  {
	text-align: left;
}

.block_tekst_afbeelding .style-16 .content-title h1,
.block_tekst_afbeelding .style-16 .content-title h2,
.block_tekst_afbeelding .style-16 .content-title h3,
.block_tekst_afbeelding .style-16 .content-title h4,
.block_tekst_afbeelding .style-16 .content-title h5,
.block_tekst_afbeelding .style-16 .content-title h6 {
	color: var(--title-color-block, white);
}

.block_tekst_afbeelding .style-16 .image-text a,
.block_tekst_afbeelding .style-16 .image-text p {
	color: var(--text-color-block, white);
}

.block_tekst_afbeelding .style-16 .image-text+.link-button {
	padding: 0 10px 10px 10px;
}

.block_tekst_afbeelding .style-16.vierkant {
	aspect-ratio: 1;
}

.block_tekst_afbeelding .style-16.vierdrie {
	aspect-ratio: 4/3;
}

.block_tekst_afbeelding .style-16.zestiennegen {
	aspect-ratio: 16/9;
}

/* style 7 */
.block_tekst_afbeelding .style-17 {
	display: grid;
	grid-template-columns: var(--img-width, 50%) calc(100% - var(--img-width, 50%));
	grid-template-rows: 1fr;
	grid-template-areas:
		"image content";
	align-items: center;
}

.block_tekst_afbeelding .style-17.img-right {
	grid-template-columns: calc(100% - var(--img-width, 50%)) var(--img-width, 50%);
	grid-template-areas:
		"content image";
}

.block_tekst_afbeelding .style-17 .text-wrapper {
	grid-area: content;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px; 
  padding: var(--padding-y, 20px) var(--padding-x, 20px);
	text-align: center;

}

.block_tekst_afbeelding .style-17 .content-title h3 {
	padding: 0;
}

.block_tekst_afbeelding .style-17 .image-container {
	grid-area: image;
	margin: 0 !important;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.block_tekst_afbeelding .style-17 .image-container .img-image {
	width: 100%;
	height: 100%;
}

/* Responsive: On mobile, stack elements */
@media screen and (max-width: 768px) {
	.block_tekst_afbeelding .style-17 {
		grid-template-columns: 1fr;
		grid-template-areas:
			"image"
			"content";
	}

	.block_tekst_afbeelding .style-17.img-right {
		grid-template-areas:
			"content"
			"image";
	}
}

/* Hover effect 1 (zoom in)*/
.block_tekst_afbeelding .hover1:not(.style-16):not(.style-17):not(.bg-active):not(.border-active):not(.block-shadow) .img-image,
.block_tekst_afbeelding .hover1.style-16,
.block_tekst_afbeelding .hover1.style-17,
.block_tekst_afbeelding .hover1.bg-active,
.block_tekst_afbeelding .hover1.border-active,
.block_tekst_afbeelding .hover1.block-shadow {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	/* prevent blurry image in Chrome */
	backface-visibility: hidden;
	transform: translateZ(0);
}

.block_tekst_afbeelding .hover1:not(.style-16):not(.style-17):not(.bg-active):not(.border-active):not(.block-shadow) .img-image:hover,
.block_tekst_afbeelding .hover1.style-16:hover,
.block_tekst_afbeelding .hover1.style-17:hover,
.block_tekst_afbeelding .hover1.bg-active:hover,
.block_tekst_afbeelding .hover1.border-active:hover,
.block_tekst_afbeelding .hover1.block-shadow:hover {
	-webkit-transform: scale(1.07);
	transform: scale(1.07);
}

/* Hover effect 2 (flash) */
.block_tekst_afbeelding .hover2.style-11 .img-image:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@keyframes flash {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes bounce1 {

	0%,
	20%,
	60%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(10px);
		transform: translateY(20px);
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}

@keyframes bounce1 {

	0%,
	20%,
	60%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(10px);
		transform: translateY(20px);
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}

@-webkit-keyframes bounce2 {

	0%,
	20%,
	60%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(10px);
		transform: translateY(20px);
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}

@keyframes bounce2 {

	0%,
	20%,
	60%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(10px);
		transform: translateY(20px);
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}

/* Button styling */
.block_tekst_afbeelding .link-button a.btn.btn-pxl.content-block-button.noicon:after {
	content: "";
}

.block_tekst_afbeelding .link-button a.btn.btn-pxl.content-block-button.icon1:after {
	content: " \f101";
}

.block_tekst_afbeelding .link-button a.btn.btn-pxl.content-block-button.icon2:after {
	content: " \f30b";
}

.block_tekst_afbeelding .link-button a.btn.btn-pxl.content-block-button.icon3:after {
	content: " \f35a";
}

.block_tekst_afbeelding .link-button a.btn.btn-pxl.content-block-button.icon4:after {
	content: " \f138";
}

.block_tekst_afbeelding .link-button a.btn.btn-pxl.content-block-button.icon5:after {
	content: " \f0da";
}

.block_tekst_afbeelding .link-button a.btn.btn-pxl.content-block-button.icon6:after {
	content: " \f00c";
}