@charset "utf-8";

@media screen and (max-width: 1130px) {
	
	.grid-6 {grid-template-columns: repeat(3,1fr);}
	/*GRID 5 MOET JE NAAR 6 KOLOMMEN BRENGEN OM TE VERDELEN TUSSEN 3 & 2*/
	.grid-5 {grid: auto / repeat(6, 1fr);}
	.grid-5 div {grid-column: span 2;}
	.grid-5 div:nth-child(5n), .grid-5 div:nth-child(5n-1) {grid-column: span 3;}
	.grid-4					{grid-template-columns: repeat(2,1fr);}
	.grid-3					{grid-template-columns: repeat(2,1fr);}
	
	#mozaiek				{columns: 3 !important;}
}

@media screen and (max-width: 960px) {
	
	#hmTxt					{top:5px;margin-right:10px;}
	#hmTxtIn				{padding:5px;}
	#hmTxtIn span.txt1 		{font-size:27px;}	
	
	.grid-6 {grid-template-columns: repeat(2,1fr);}
	
	.flexslider .slides img {object-fit:cover;height:300px;}
	
	#header 				{justify-content: center;}
	#top					{padding: 10px 0;position: relative !important;}
	#navContainer, #headerRight 			{display:none;}
	#mozaiek 				{columns: 2 !important;}
	
	.nieImgH				{clear:both;width:100%;margin-right:0px;}
	.nieTxtH 				{clear:both;width:100%;margin-right:0px;}
	.nieImgList				{width:100%;}
	.nieTxtList				{width:100%;padding-top:30px;}
	.nieDatum				{font-size:16px;}
	#nieuws 				{float:none;width:100%;clear:both;margin-top:30px;}
	.newsPicc				{float:left;width:100%;margin-right:5%;}
	.nieTekst2				{margin-top:5px;width:100%;float:left;}
	.newsTekst{width:100%;float:none;}
	
	/*MOBILE MENU*/
	#navMobMenu {background:#0c1219;border-bottom:1px solid rgba(255,255,255,.08);display:table;width:100%;z-index:15000;position:sticky;top:0;box-shadow:0 10px 30px rgba(0,0,0,.18);}
	#navMobMenu div.innerNMM {display:table-row;}
	#navMobMenu div.innerNMM div {display:table-cell;}
	#navMobMenu div div a {color:var(--MNU_KLEUR);border-right:1px solid rgba(255,255,255,.08);display:block;padding:10px;text-align:center;text-decoration:none;}
	#navMobMenu div div a:hover {color:var(--MAINCOLOR2);background:rgba(255,255,255,.04);}

	#navMob, #languagesMob, #searchMob, #loginLnksMob {color:#fff;top:0;z-index:10000 !important;background:#0c1219;border-bottom:4px solid var(--MAINCOLOR2);width:100%;padding:20px;text-align:center;box-sizing:border-box;box-shadow:0 25px 60px rgba(0,0,0,.35);}
	#navMob ul, #languagesMob ul, #loginLnksMob ul {margin:0;padding:0;}
	#navMob ul li, #languagesMob ul li, #searchMob ul li, #loginLnksMob ul li {list-style:none;text-align:left;}
	#navMob ul li ul {margin:14px 0 22px;padding:10px 0 18px 18px;border-bottom:1px solid rgba(255,255,255,.08);}
	#navMob ul li a, #languagesMob ul li a, #searchMob a, #loginLnksMob a {display:block;text-align:left;padding:7px 0;text-decoration:none;font-weight:500;line-height:1.4;color:rgba(255,255,255,.82);font-size:18px;transition:.25s;}
	#navMob ul li.menu-current a {color: var(--MAINCOLOR2);}
	#navMob ul li a:hover, #languagesMob ul li a:hover, #searchMob a:hover, #loginLnksMob a:hover {color:var(--MAINCOLOR2);}
	#navMob ul li a span {margin-left:10px;color:var(--MAINCOLOR2);}
	#navMob a, #languagesMob a {text-decoration:none;}
	#searchMob a.closeMob, #navMob a.closeMob, #languagesMob a.closeMob, #loginLnksMob a.closeMob {display:inline-flex;align-items:center;justify-content:center;margin:0 auto 35px;text-align:center;font-weight:600;color:var(--MAINCOLOR2);text-transform:uppercase;letter-spacing:2px;font-size:12px;}
	
	#sec15 ul {grid-template-columns: 1fr 1fr;gap: 30px;}
	.grid-3, .grid-2, .footerGrid {grid-template-columns: repeat(1,1fr);}
	.footerGrid {gap: 60px;padding-bottom: 30px;}
    #footer {padding: 60px 0 30px;}
	.sectiongrid {padding:60px 0px;}
	.sectiongrid.evenRow {padding: 60px 0;}
	.heroScroll {display: none;}
	#sec9 {order: 1;}
	#sec17 {order: 2;}	
	.hero {min-height: 80vh;}
	
	.priceTableWrap {border:0;overflow:visible;}.priceTable {min-width:0;}.priceTable thead {display:none;}.priceTable, .priceTable tbody, .priceTable tr, .priceTable td {display:block;width:100%;}.priceTable tr {border:1px solid rgba(255,255,255,.12);margin-bottom:18px;padding:18px;background:rgba(255,255,255,.015);}.priceTable td {border:0;padding:8px 0;display:flex;justify-content:space-between;gap:20px;}.priceTable td::before {color:var(--MAINCOLOR2);font-weight:600;}.priceTable td:nth-child(1)::before {content:"Periode";}.priceTable td:nth-child(2)::before {content:"Duur";}.priceTable td:nth-child(3)::before {content:"2 personen";}.priceTable td:nth-child(4)::before {content:"4 personen";}
}

@media screen and (max-width: 640px) {
    #footer {padding: 40px 0 20px;}
	#sec15 ul {grid-template-columns: 1fr;gap: 20px;}
	#sec15 ul li {padding: 5px 0;border-right: 0;}
	.hero p {font-size: 18px;}
	.btnMain, .btnGhost, #sec16 a {padding: 15px 20px;font-size: 13px;}
	.uspCard i {margin-bottom: 20px;font-size: 25px;}
	.discoverCard {padding: 25px;}
	body {font-size: 16px;}
	.sectiongrid {padding:40px 0px;}
	.sectiongrid.evenRow {padding: 40px 0;}
	.footerGrid {gap: 40px;}
	.footerBottom {flex-direction: column;}
	.grid-6 {grid-template-columns: repeat(1,1fr);}
	.grid-5 {grid: auto / repeat(1, 1fr);grid-column-gap: 0;}	
	.grid-4 {grid-template-columns: repeat(1,1fr);gap: 20px;}
	
}

@media screen and (max-width: 480px) {
	
	#Wmessage{width:100%;margin:50px auto;padding:20px;}
	#Wmessage img{width:100%;}
	#Wpopup{width:100%;margin:50px auto;padding:20px;}
	#Wpopup img{width:100%;}
	
}