/***********************************************************

 * WT

 **********************************************************/

.wt-maakbox-galerij,

.oo-galerij {

	display: flex;

	justify-content: space-around;

	padding: 0;

	list-style: none;

	margin: 0 -20px;

}

.wt-maakbox-galerij li,

.oo-galerij li {

	display: block;

	text-align: center;

	padding: 4px 20px;

	width: 100%;

}

.wt-maakbox-galerij-titels {

	margin-top: 16px;

}

.wt-maakbox-galerij-plaatjes {

	margin-bottom: 24px;

}

.wt-maakbox-galerij img:hover {

	box-shadow: 0 0 0 4px var(--mot-color);

}

.wt-extra-ondermarge,

.oo-extra-ondermarge {

	margin-bottom: 20px;

}

.wt-blok-grijs,

.oo-blok-grijs {

	background: var(--mot-lgray);

	padding: 16px;

}

.wt-blok-grijs h3 {

	margin-top: 0;

}

.wt-blok-grijs.image-right {

	width: 45%;

	position: relative;

    top: 40px;

	border-radius: 50%;

	margin-bottom: 120px;

}

.wt-standaard.image-left,

.oo-standaard.image-left,

.oo-standaard.image-right {

	width: 45%;

	margin-top: 20px;

	margin-bottom: 20px;

}

span.wt-blok-grijs.image-bijschrift {

	position: relative;

	top: min(444px, 43vw);

	font-weight: normal;

	color: var(--mot-black);

	font-style: italic;

}

.oo-blok,

.oo-blok-grijs {

	clear: left;

}

.oo-blok-grijs {

	padding-bottom: 36px;

}

.oo-blok-grijs.image-right {

	width: 45%;

}

.oo-omlaag {

	width: 45%;

	position: relative;

	top: 60px;

	margin-bottom: 80px;

}

/***********************************************************

 * WT - MOBILE

 **********************************************************/

@media screen and (max-width:840px) {

	span.wt-blok-grijs.image-bijschrift {

		top: 57vw;

	}

}@media screen and (max-width:600px) {

	.wt-blok-grijs.image-right {

		top: 70px;

	}

	span.wt-blok-grijs.image-bijschrift {

		display: none;

	}

}

/***********************************************************

 * PROFESSIONALISERING

 **********************************************************/

.w-t-bijeenkomst {

	border: 3px solid var(--mot-color);

	box-sizing: border-box;

	padding: 16px;

	margin: 32px 0;

}

.w-t-bijeenkomst h4 {

	margin: 0 0 8px;

}

/***********************************************************

 * OVER

 **********************************************************/

.content-over-ons h1 {

	font-weight: bold;

	margin-bottom: 8px;

}

.over-ons-tekst {

	clear: both;

}

.over-ons-img-top {

	margin-top: 20px;

}

/***********************************************************

 * WAT IS

 **********************************************************/

.hoe-werkt-icon.image-left {

    width: 10%;

    min-width: 40px;

    margin-right: 12px;

}

.hoe-werkt-icon.icon-inline-img {

    width: 15%;

    min-width: 60px;

    margin-right: 12px;

	display: block;

	float: left;

	height: auto;

}

.hoe-werkt-tekst {

	min-height: calc(4vw + 40px);

    padding-top: 1.5vw;

    box-sizing: border-box;

}

/***********************************************************

 * WERKWIJZE

 **********************************************************/

.hoe-container {

	margin: 0;

	padding: 0;

}

.hoe-lijst {

	counter-reset: hoe;

	margin-left: 50%;

	padding: 0;

	list-style-type: none;

}

.hoe-lijst li {

	counter-increment: hoe;

	display: block;

	padding-left: 7vw;

	position: relative;

}

.hoe-lijst li:nth-child(2n) {

	padding-left: 0;

	padding-right: 7vw;

	text-align: right;

/*}

.hoe-lijst li:nth-child(2n) > * {*/

	display: block;

	transform: translateX(calc(-100% - 1px));

}

.hoe-lijst li::before {

	content: counter(hoe) " ";

	position: absolute;

	top: 0;

	font-size: min(5vw, 51px);

	font-weight: bold;

	display: inline-block;

	height: min(9.8vw, 100px);

    width: min(9.8vw, 100px);

    text-align: center;

    background: var(--mot-color);

    border-radius: 50%;

    line-height: min(9.5vw, 97px);

	-webkit-text-fill-color: var(--mot-white);

	text-fill-color: var(--mot-white);

	-webkit-text-stroke-width: 1.5px;

	text-stroke-width: 1.5px;

	-webkit-text-stroke-color: var(--mot-black);

	text-stroke-color: var(--mot-black);

}

.hoe-lijst li:nth-child(2n-1)::before {

	left: max(-5vw, -51px);

}

.hoe-lijst li:nth-child(2n)::before {

	right: max(-5vw, -51px);

}

.hoe-lijst li:not(:last-of-type)::after {

	display: inline-block;

	position: absolute;

	top: 4.9vw;

	height: 100%;

	width: 0.4vw;

	background: #7C5702;

	content: "";

	z-index: -2;

}

.hoe-lijst li:nth-child(2n-1):not(:last-of-type)::after {

	left: -0.2vw;

}

.hoe-lijst li:nth-child(2n):not(:last-of-type)::after {

	right: calc(-0.2vw - 1px);

}

.hoe-lijst h2 {

	margin-bottom: 7px;

}

 /***********************************************************

 * WERKWIJZE - MOBILE

 **********************************************************/

@media screen and (max-width: 600px) {

	.hoe-lijst {

		margin-left: 5vw;

	}

	.hoe-lijst li {

		margin-bottom: 24px;

	}

	.hoe-lijst li:nth-child(2n) {

		padding-left: 7vw;

		padding-right: 0;

		text-align: left;

		transform: none;

	}

	.hoe-lijst li::before {

			-webkit-text-stroke-width: 1px;

			text-stroke-width: 1px;

	}

	.hoe-lijst li:nth-child(2n)::before {

		left: max(-5vw, -51px);

	}

	.hoe-lijst li:not(:last-of-type)::after {

		height: 120%;

	}

	.hoe-lijst li:nth-child(2n):not(:last-of-type)::after {

		left: -0.2vw;

	}

}

/***********************************************************

 * OVERIG

 **********************************************************/

.overig-blok {

	margin-top: 40px;

}

.overig-blok img {

	max-height: 200px;

	width: auto;

	max-width: 33vw;

}

/***********************************************************

 * COOKIE-INFO

 **********************************************************/

.cookie-lijst {

	margin-top: 20px;

}

.cookie-lijst tr:nth-child(2n+1) {

	background: var(--mot-lgray);

	border-top: 1px solid var(--mot-dgray);

	border-bottom: 1px solid var(--mot-dgray);

}

.cookie-lijst tr:first-child {

	background: var(--mot-dgray);

	font-weight: bold;

}

.cookie-info-keuze {

	margin-top: 32px;

}

.cookie-info-keuze-huidig {

	display: inline-block;

	width: 100%;

}

.cookie-info-opt {

	height: 40px;

	width: 180px;

	float: left;

	color: var(--mot-color);

	cursor: pointer;

	text-align: center;

	line-height: 40px;

	margin: 10px;

}

.cookie-info-opt-in {

	background: var(--mot-color);

	color: var(--mot-black);

	font-weight: bold;

}

.cookie-info-opt-in:hover {

	background: var(--mot-hover);

}