/* CSS Document */

@media (max-width:1199px) {
	/* general */
	#mainCntr { width:100%; }
	#headerCntr { width:100%; height:100px; }
	#headerCntr a.logo { width:50%; background-size:contain; max-height:80px; }
	.menuBox { width:50%; display:none; }
	#contentCntr { width:100%; }
	.newsBox { order:1; width:100%; margin-top:30px; }
	.content { order:0; width:100%; }
	#homeCntr { display:flex; flex-direction:column; padding-left:15px; padding-right:15px; padding-top:0px; margin-top:-10px; }
	#footerCntr .inner { width:100%; }
	#footerCntr ul { display:none; }
	.extLink { right:15px; }
	.navToggle { width:30px; height:30px; position:absolute; right:15px; top:45px; }
	.searchSvg { height:25px; position:absolute; right:60px; top:48px; }
	.navToggle #toggle { width:30px; height:30px; position:relative; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer; }
	.navToggle #toggle span { display:block; position:absolute; height:2px; width:100%; background:#fff; border-radius:9px; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; }
	.navToggle #toggle span:nth-child(1) { top:3px; -webkit-transform-origin:left center; -moz-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center; }
	.navToggle #toggle span:nth-child(2) { top:13px; -webkit-transform-origin:left center; -moz-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center; }
	.navToggle #toggle span:nth-child(3) { top:24px; -webkit-transform-origin:left center; -moz-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center; }
	.navToggle #toggle.open span:nth-child(1) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); top:0px; left:4px; }
	.navToggle #toggle.open span:nth-child(2) { width:0%; opacity:0; }
	.navToggle #toggle.open span:nth-child(3) { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); top:21px; left:3px; }
	.menuBox.open { display:block; width:100%; margin-top:30px; height:auto; border-radius:10px; right:0; z-index:150 }
	.home-link { text-indent:30px; margin:0; background-position:left 15px center; background-size:25px; }
	.menu-item { width:100%; float:none; padding:0 15px; }
	.menuBox li a { display:block; }
	ul.sub-menu { display:block; position:relative; margin-left:25px; }

	#contentCntr.searchVisible { margin-top:40px; }
	#searchform { display:none; left:15px; right:15px; top:95px; }
	#searchform.searchVisible { display:flex; align-items:center; justify-content:center; }

	/* aanbod */
	.normalSearchAanbod { display:none; }
	.cf h2 { font-size:13px; }
	.cf .theme { width:100%; float:none; margin-left:40px; display:block; }
	.cf .list-arrow { margin-bottom:0px; }
	.facetwp-template .cf { border-bottom:1px dotted #009e8d; padding-bottom:10px; }

	/* forms */
	.wpcf7-form-control { width:100% !important; margin-top:5px !important; border-radius:10px !important; }

	.td.left { width:100%; }
	.aanbod h4 { line-height:24px; margin:0; }
	.td.right { width:100%; }
	.aanbod ul, .aanbod ol { margin-left:15px; }

	#map { width:100%; }
}
@media (max-width:1199px) and (min-width:768px) {
	#homeCntr { flex-direction:row; }
	.newsBox { order:0; width:30%; margin-top:0px; }
	.content { order:1; width:70%; }
	.responsiveSearchAanbod { display:none; }
	.normalSearchAanbod { display:block; }
}
@media (max-width:767px) {
	.facetwp-search { width:100%; }
}
@media (min-width:1200px) {
	.navToggle { display:none; }
	.responsiveSearchAanbod { display:none; }
	.searchSvg { display:none; }
}