.opgave {
	margin-block: 32px 0px;
	border-collapse: collapse;
	display: grid;
	grid-template-columns: minmax(200px, 1fr) 3fr;
	grid-auto-rows: auto;
}

.opgave > div:nth-child(1) {
	/*background-color: #f0f0f0;*/
	border-bottom: 1px solid #c0c0c0;
}

.opgave > .header {
	background-color: #f0f0f0;
	font-weight: bold;
	font-size: 14pt;
	color: #404040;
	padding: 4px 8px;
	border: 1px solid #c0c0c0;
}

.opgave > div:nth-child(2) > div {
	font-size: 10pt;
	font-weight: normal;
}

.opgave .info {
	grid-row: span 2;
	font-size: 11pt;
	padding: 4px 8px;
	display: grid;
	grid-auto-rows: max-content;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-collapse: collapse;
}

.opgave .info > div:nth-child(2n+1) {
	font-size: 10pt;
	color: #c0c0c0;
}

.opgave .info > div:nth-child(2n+2) {
	color: #404040;
	padding-bottom: 12px;
}

.opgave > .vraagstelling {
	padding: 4px 16px;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}

.opgave > .uitwerkingen {
	padding: 4px 16px;
	border: 1px solid #c0c0c0;
}

@media only screen and (max-width:799px) {
	.opgave {
		zoom: 70%;
		grid-template-columns: 1fr;
	}

	.opgave > div:nth-child(1) {
		border: 0px;
	}

	.opgave > .vraagstelling {
		grid-column: 1;
	}

	.opgave > .info {
		display: none;
	}
}