/*=============
	Algemeen
	=============*/
	body {background-color:#FCDBD2; margin:0;}

	/*=============
	Header
	=============*/
	.header {text-align:center;}
	.header img {width:25%;}

	/*============
	Navigatie
	============*/
	.navbar {position:sticky; top:0; z-index:1000; background-color:#BF9000; box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
	.menu-toggle {display:none; font-size:26px; background:none; border:none; color:white; padding:10px 16px; cursor:pointer;}
	.menu {list-style:none; margin:0; gap: 4px; padding:0; display:flex; justify-content:center; align-items:center;}
	.menu li {position:relative;}
	.menu a {border-radius:6px; display:block; color:white; text-decoration:none; padding:14px 18px; font-weight:500; transition: all 0.2s ease;}
	.menu a:hover {background-color:#C2951E; transform: translateY(-1px);}
	.menu a.active {background-color:#E08733; transform:scale(0.97);}
	
	/*===========
	Dropdown
	===========*/
	.dropdown-content {display:none; position:absolute; top:100%; left:0; background-color:#BF9000; min-width:180px; box-shadow:0 8px 16px rgba(0,0,0,0.2);}
	.dropdown-content a {padding:12px 16px; text-align:left;}
	.dropdown:hover .dropdown-content {display:block;}

	/*===========
	Mobiel
	===========*/
	@media (max-width: 600px) {
    		.menu {display:none; flex-direction:column; align-items:stretch;}
		.menu.show {display:flex;}
		.menu-toggle {display:block;}
		.menu a {text-align:center;}
		.dropdown-content {position:relative; box-shadow:none; display:none;}
		.dropdown:hover .dropdown-content {display: block;}
	}

	/*===========
	Inhoud
	===========*/
	.column {padding-top:20px; text-align:center; max-width:700px; margin:50px auto; line-height:1.6;}
	
	/*===========
	Knoppen
	===========*/
	.btn {margin:10px 5px; display: inline-block; background-color:#E08733; color:white; font-size:1rem; font-family: inherit; padding:12px 20px; border-radius:6px; text-decoration:none; font-weight:600; box-shadow:0 4px 6px rgba(0,0,0,0.1); transition: all 0.2s ease-in-out;}
	.btn:hover {background-color:#b8641a; transform: translateY(-1px); box-shadow:0 6px 10px rgba(0,0,0,0.15);}
	.btn:visited {color:white;}
	.btn:active {transform:scale(0.98);}

	/*===========
	Fotogalerij
	===========*/
	.info-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:20px; max-width:1000px; margin:50px auto; padding:20px;}
	.info-card-ass {background:#fff; border-radius:10px; padding:20px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
	.info-card-ass h3 {margin-top:0;}
	.info-card-verk {background:#fff; border-radius:10px; padding:20px; text-align:center; text-decoration:none; color:inherit; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
	.info-card-verk h3 {margin-top:0;}
	.info-card-verk img {width:100%; height:120px; object-fit:contain;}
	.info-card-verk:hover {transform:translateY(-3px); box-shadow: 0 6px 14px rgba(0,0,0,0.15); transition:0.2s;}
	.gallery {display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:15px; justify-content:center;}
	.photo {border:1px solid #ccc; width:100%; padding:10px; background:white; border-radius:8px; display:block; text-decoration:none; color:inherit; transition:0.2s;}
	.photo img {width:100%; height:120px; object-fit:contain;}
	.photo:hover {transform:translateY(-3px); box-shadow: 0 6px 14px rgba(0,0,0,0.15); transition:0.2s;}
	.photo p {margin:10px 0 0; font-weight:500;}

	/*===========
	Voetnoot
	===========*/
	.footer {background-color:#f1f1f1; padding:10px; text-align:center;}