@media (max-width: 600px) {
	div.advor ul {
		grid-template-columns: repeat(2, 1fr);
	}
	.faq-question {
		font-size: 0.95rem;
	}
}
@media (min-width: 768px) {
	.slide {
		flex-basis: 50%;
	}
}
@media (min-width: 1024px) {
	.slide {
		flex-basis: 33.2%;
	}
}
@media screen and (min-width: 200px) and (max-width: 1000px) {
	.flexblue.twocards > div {
		width: 100%;
	}
	footer .column {
		width: 49%;
	}
	.hm {
		display: none;
	}
	.sm {
		display: block;
	}
	iframe {
		border: none;
		width: 100%;
		height: 540px;
	}
	.flexblue img {
		max-width: 100%;
	}
	#ho,
	footer {
		background-position: left -110px top -80px;
		padding-top: 20px;
		background-size: 150%;
		height: 200px;
	}
	section#whites div.flexprods.fw1 div div div.h4div {
		height: 50px;
	}
	#ho {
		padding-top: 5px;
	}
	#ho h1 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#ho h2 {
		font-size: 12px;
		margin-bottom: 10x;
	}
	#ho a.button {
		font-size: 12px;
	}
	#whites h2 {
		font-size: 30px;
	}
	.flexprods div div img.icn {
		height: 80px;
	}
	.flexprods div {
		padding: 10px;
		font-size: 14px;
		font-weight: 500;
		width: 50%;
		flex-basis: 50%;
	}
	.flexprods div:nth-child(even) {
		border-right: 0;
	}
	.flexprods div h4 {
		font-size: 20px;
	}
	.flexblue {
		display: block !important;
		width: 100%;
	}
	.flexblue.two {
		width: 100%;
	}
	.system {
		width: 100% !important;
	}
	.system img {
		margin: 60px 20px 0 20px;
	}
	.buttonp {
		text-align: center;
	}
	
	footer {
		height: auto;
	}
	#bovenbalk div.topline img {
		height: 50px;
	}
	#bovenbalk a.button {
		padding: 5px 10px;
		top: 10px;
	}
	#bovenbalk {
		flex-wrap: wrap;
		flex-direction: row;
		align-items: stretch;
	}
	div#reviewswidget {
		flex: none;
		flex-basis: 35%;
		width: 35%;
	}
	div#reviewswidget {
		zoom: 0.6;
	}
	.system .price {
		zoom: .7;
	}
	.flexblue img {
		padding: 0;
	}
	div#reviewswidget a.reviews::before {
		left: 48px !important;
	}
	div#reviewswidget a.reviews span {
		font-size: 8px;
		line-height: 10px;
	}
	#bovenbalk div.topline:nth-child(1) {
		flex-basis: 30%;
		width: 30%;
	}
	#bovenbalk div.topline:nth-child(3) {
		display: none;
		width: 0;
	}
	#bovenbalk div.topline:nth-child(4) {
		width: 25%;
		flex-basis: 25%;
	}
	#bovenbalk div.topline a.button {
		font-size: 10px;
	}
	.darkblue p {
		font-size: 16px;
	}
	.flexprods div div img {
		max-width: 90%;
		max-height: 100px;
		width: auto;
		height: auto;
	}
	.flexprods {
		width: 100%;
		padding: 0;
	}
	.flexprods p {
		padding: 0;
	}
	.flexprods.fh p.align {
		height: 320px;
	}
	.flexprods.fh p.bluefh {
		height: 260px;
	}
	.flexprods.five > div {
		width: 50%;
		flex-basis: 50%;
	}
	.flexprods.five > div div.price {
		zoom: 0.7;
	}
	.flexprods.three > div {
		width: 33%;
	}
	.flexprods.three > div:nth-child(even) {
		border-right: 1px solid #ccc;
	}
	.flexprods.three div {
		padding: 5px;
	}
	.flexprods.three div div img.icn {
		height: 50px;
	}
	.flexprods.three div h4 {
		font-size: 14px;
	}
	.flexprods.three p {
		font-size: 12px;
		height: 130px;
	}
	.flexprods.three a.button {
		font-size: 12px;
		padding: 7px 5px;
		width: 100%;
	}
	.flexprods div.price {
		top: 0;
	}
	.hero-content {
		padding-top: 10px;
	}
	footer {
		font-size: 12px;
		padding-top: 50px;
	}
	.faq-question {
		display: flex;
		align-items: flex-start;   /* belangrijk bij multiline */
		justify-content: space-between;
		text-align: left;          /* DIT is de fix */
		width: 100%;
	}
	
	/* Zorg dat de tekst zelf links blijft */
	.faq-question span:not(.icon) {
		text-align: left;
	}
	
	/* Plusje rechts houden */
	.faq-question .icon {
		margin-left: 16px;
		flex-shrink: 0;
	}
	
	.column p {
		margin-bottom: 20px;
	}

}