/* De Letterhoeve - definitieve cookiebanner */
#letterhoeveCookieBanner {
	position: fixed;
	left: 20px;
	right: 20px;
	bottom: 22px;
	max-width: 920px;
	margin: 0 auto;
	background: rgba(255,255,255,0.96);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(0,0,0,0.10);
	box-shadow: 0 14px 38px rgba(0,0,0,0.18);
	border-radius: 16px;
	padding: 24px 26px;
	z-index: 99999;
	font-family: Arial, sans-serif;
	color: #333;
	display: none;
}

#letterhoeveCookieBanner h3 {
	margin: 0 0 10px 0;
	color: #355E3B;
	font-size: 21px;
	font-weight: 700;
}

#letterhoeveCookieBanner p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: #444;
}

#letterhoeveCookieBanner p + p {
	margin-top: 10px;
}

#letterhoeveCookieBanner a {
	color: #355E3B;
	text-decoration: underline;
}

#letterhoeveCookieButtons {
	margin-top: 18px;
	text-align: right;
}

#letterhoeveCookieButtons button,
#letterhoeveCookieReset {
	border: 0;
	border-radius: 6px;
	padding: 10px 18px;
	margin-left: 8px;
	cursor: pointer;
	font-size: 13px;
}

#letterhoeveCookieNecessary {
	background: #eeeeee;
	color: #333;
}

#letterhoeveCookieAccept {
	background: #355E3B;
	color: #fff;
}

#letterhoeveCookieReset {
	background: transparent;
	color: inherit;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

@media (max-width: 650px) {
	#letterhoeveCookieBanner {
		left: 12px;
		right: 12px;
		bottom: 12px;
		padding: 20px;
	}
	#letterhoeveCookieButtons {
		text-align: left;
	}
	#letterhoeveCookieButtons button {
		display: block;
		width: 100%;
		margin: 9px 0 0 0;
	}
}