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

 * KENNISBANK

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

.kennisbank {

	column-count: 2;

}

.kennisbank-categorie {

	width: 33.3%;

	padding: 0 0.5vw;

	box-sizing: border-box;

	position: relative;

	float: left;

}

.kennisbank-categorie:first-of-type {

	padding: 0 1vw 0 0;

}

.kennisbank-categorie:last-of-type {

	padding: 0 0 0 1vw;

}

.kennisbank-categorie-kop,

.kennisbank-categorie-check {

	width: 100%;

	height: 120px;

}

.kennisbank-categorie-kop {

	padding-top: 70px;

	padding-left: 1vw;

	box-sizing: border-box;

	background: var(--mot-color);

	color: var(--mot-white);

}

.kennisbank-onderwijs-kop,

.kennisbank-onderwijs-artikelen .kennisbank-bericht h4 {

	background: #A80888;

}

.kennisbank-didactiek-kop,

.kennisbank-didactiek-artikelen .kennisbank-bericht h4 {

	background: #38A808;

}

.kennisbank-praktijk-kop,

.kennisbank-praktijk-artikelen .kennisbank-bericht h4 {

	background: #0828A8;

}

.kennisbank-categorie-check {

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	margin: 0;

}

.kennisbank-categorie-artikelen .kennisbank-bericht {

	position: relative;

	margin-top: 16px;

	margin-bottom: 32px;

	height: calc(67px + 18.2vw);

	max-height: 272px;

	overflow: hidden;

}

.kennisbank-categorie-artikelen .kennisbank-bericht h4 {

	position: absolute;

	bottom: calc(67px + 3.8vw);

	width: 100%;

	box-sizing: border-box;

	opacity: 80%;

	color: var(--mot-white);

	margin: 0;

}

.kennisbank-categorie-artikelen .kennisbank-thumb {

	float: none;

}

.kennisbank-categorie-artikelen .kennisbank-bericht img {

	width: 100%;

	margin: 0;

	padding: 0;

	z-index: -1;

}

.kennisbank-categorie-artikelen .kennisbank-bericht br {

	display: none;

}

.kennisbank-categorie-artikelen h5 {

	font: inherit;

    padding: 0;

	margin: 0;

}

.kennisbank-categorie-artikelen .kennisbank-more {

	position: absolute;

	bottom: 0;

	right: 0;

	background: var(--mot-white);

}

.kennisbank a {

	display: inline-block;

}

.kennisbank-bericht {

	color: var(--mot-black);

	font-weight: normal;

}

.kennisbank-bericht h4 {

	font-weight: bold;

	font-size: 16px;

	padding: 6px;

	background: var(--mot-color);

}

.kennisbank-thumb {

	float: right;

	width: 45%;

	padding-left: 5%;

	padding-bottom: 5%;

}

.kennisbank-more {

	float: right;

	font-weight: bold;

}

.kennis-item-body img, .kennis-item-body iframe {

	margin-top: 20px;

	margin-bottom: 20px;

}

.kennis-item-body iframe {

	display: block;

}

.kennis-full-width {

	width: 100%;

	display: inline-block;

}

.kennis-banner {

	padding: 6px 12px;

	background: var(--mot-color);

	color: var(--mot-black);

}

.kennis-table {

	display: table;

	padding-left: 0;

}

.kennis-table-head {

	font-weight: bold;

}

.kennis-table-row {

	display: table-row;

}

.kennis-table-row>* {

	display: table-cell;

	padding: 4px;

	border: 1px solid var(--mot-lgray);

}

.kennis-table-row>*:nth-child(2) {

	width: 45%;

}

.kennis-table-row>ul {

	padding-left: 32px;

}

.kennis-quotes {

	font-size: 120%;

}

.kennis-item-auteur {

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

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

	margin-top: 16px;

}

.kennis-item-auteur img {

	height: 40px;

    border-radius: 50%;

    display: inline-block;

	margin: 4px;

}

.kennis-item-auteur-naam {

	font-size: 16px;

	vertical-align: top;

	margin: 4px;

	line-height: 48px;

}

.vtt-tabel-header {

    width: 100%;

    margin-top: 20px;

}

.vtt-tabel-header,

.vtt-tabel-kop {

	display: block;

    height: 45px;

    line-height: 45px;

    background: var(--mot-lgray);

	text-align: center;

	overflow: hidden;

}

.vtt-tabel-kop,

.vtt-tabel-inhoud {

	width: 50%;

	float: left;

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

	box-sizing: border-box;

}

.vtt-tabel-inhoud {

	display: block;

	border-top: none;

	padding: 10px;

	height: calc(400px - 20vw);

	min-height: 180px;

	overflow: hidden;

	margin-bottom: 20px;

}

.vtt-tabel-2 {

	border-left: none;

}

.kennis .block-clear img {

	max-height: 230px;

	max-width: -moz-fit-content;

	max-width: fit-content;

}

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

 * KENNISBANK - MOBILE

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

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

	.vtt-tabel-inhoud {

		height: calc(435px - 30vw);

	}

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

	.kennisbank {

		column-count: 1;

	}

	.kennisbank-categorie,

	.kennisbank-categorie:first-of-type	{

		width: 100%;

		padding: 0 0 3vw 0;

	}

	.kennisbank-categorie:last-of-type {

		padding: 0;

	}

	.kennisbank-categorie-artikelen {

		max-height: 0;

		transition: 1.2s ease;

		overflow: hidden;

	}

	.kennisbank-categorie-check:checked ~ .kennisbank-categorie-artikelen {

		max-height: 2000px;

	}

	.vtt-tabel-inhoud {

		height: calc(1060px - 135vw);

	}

}