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

 * MAAKBOX

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

.maakbox-kop {

	margin: 0 0 24px;

}

.maakbox-icoontje {

	width: 13%;

    float: left;

    padding-right: 2%;

    min-width: 50px;

}

.maakbox-titel h1 {

	display: inline-block;

	margin-top: 0;

	margin-bottom: 6px;

}

.maakbox-titel .icon-inline {

	float: left;

}

.maakbox-niveau img {

    max-width: 10%;

    float: left;

    margin-right: 10px;

}

.maakbox-geschikt {



}

*[class^="voor-po"], *[class^="voor-vo"]{

		color: var(--mot-white);

    padding: 0 8px 2px 8px;

    border-radius: 10px;

	float: left;

	margin-right: 4px;

	margin-bottom: 4px;

}

.maakbox-gv2 *[class^="voor-po"], .maakbox-gv2 *[class^="voor-vo"]{

	float: none;

}

.voor-line {

	display: none;

	height: 6px;

}

.maakbox-gv2 .voor-line:nth-of-type(1),

.maakbox-gv3 .voor-line:nth-of-type(2),

.maakbox-gv4 .voor-line:nth-of-type(2),

.maakbox-gv4 .voor-line:nth-of-type(4) {

	display: block;

}

.maakbox-gv3 .voor-line {

	height: 26px;

}

*[class^="voor-po"] {

    background: var(--mot-color);

}

*[class^="voor-vo"] {

	background: #5cb4cf;

}

.maakbox-beschrijving {

	font-size: 17px;

}

.maakbox-intro p {

	clear: left;

}

.maakbox-intro-video {

	max-width: 100%;

}

.maakbox-inhoud {

	clear: both;

	padding: 5px 0;

	overflow: hidden;

}

.maakbox-inhoud div {

	clear: both;

	padding: 5px 0;

	display: flex;

    align-items: center;

}

.maakbox-inhoud img {

	max-width: 10%;

	width: 96px;

	float: left;

	margin-right: 15px;

}

.maakbox-inhoud p {

	margin: 0;

	overflow: hidden;

}

.maakbox-opmerking {

	margin: 10px 0 20px;

}

.maakbox-slideshow {

	position: relative;

	width: 52%;

}

.maakbox-gemaakt h3 {

	margin: 0 0 calc(8.75% - 21px);

}

.maakbox-gemaakt {

	float: right;

	width: 46%;

}

.maakbox-aside {

    width: 46%;

    clear: right;

    float: right;

    height: calc(35vw - 19px);

	max-height: 375px;

    border-bottom: 1.5vw solid var(--mot-color);

    box-sizing: border-box;

}

.maakbox-uitleg, .maakbox-bestellen  {

	float: left;

	clear: left;

	width: 100%;

}

.maakbox-bestel-uitleg {

	font-size: 15px;

	margin-top: 30px;

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

	padding: 15px 5px;

}

.maakbox-bestel-kader{

	font-size: 17px;

	background-color: var(--mot-lgray);

	text-align: center;

	padding: 10px;

	margin-bottom: 30px;

}

.preview-video {

	max-width: 100%;

	max-height: 55vw;

}



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

 * MAAKBOX - MOBILE

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

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

	.maakbox-niveau img {

		width: 64px;

		max-width: inherit;

	}

	.maakbox-gv2 *[class^="voor-po"], .maakbox-gv2 *[class^="voor-vo"]{

		float: left;

	}

	.maakbox-beschrijving {

		font-size: inherit;

	}

	.maakbox-intro-video {

		max-height: 55vw;

	}

	.maakbox-slideshow {

		width: 100%;

	}

	.maakbox-gemaakt {

		width: 88.5%;

		clear: left;

		margin-top: 60vw;

		border-left: 4vw solid var(--mot-color);

		padding-left: 4vw;

		padding-top: 1vw;

	}

	.maakbox-aside {

		float: none;

		border: none;

		height: calc(64vw - 19px);

	}

}