html {
	scroll-behavior: smooth;
}

#static-header {
	position: fixed;
	/* 🎨 Sterker, dieper kleurverloop met transparantie */
	background: linear-gradient(
		to bottom,
		rgba(235, 242, 250, 0.9) 0%,
		rgba(179, 198, 218, 0.68) 100%
	);
	padding: 4px 5px;
	display: none;
	margin: -4px -5px;
	z-index: 99999999999;
	-webkit-animation: fadein 1s;
	-moz-animation: fadein 1s;
	-ms-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation: fadein 1s;

	/* 🔸 Moderne rand en schaduw, afgestemd op donkerdere onderkant */
	border-left: 1px solid rgba(16, 82, 137, 0.32);
	border-right: 1px solid rgba(16, 82, 137, 0.32);
	border-bottom: 1px solid rgba(16, 82, 137, 0.48);
	box-shadow: 0 5px 14px rgba(16, 82, 137, 0.25);
	backdrop-filter: blur(8px);
	border-radius: 0 0 10px 10px;
	transition: background 0.3s ease, box-shadow 0.3s ease;
}

.hasjs #static-header {
	display: block;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

#static-header.not-shown {
	top: -250px;
}

#static-header.shown {
	top: 4px;
}

/* 📱 Responsief */
@media only screen and (max-width: 700px),
only screen and (max-device-width: 700px) {
	#static-header.shown {
		top: 0;
		border-radius: 0;
	}
}

#static-header .dropdown .small-icon > a {
	color: #105289;
}

/* 🔍 Zoekbox in static header */
#static-search-box {
	display: none;
	box-shadow: none;
	float: right;
	margin-top: 4px;
	margin-left: 15px;
	font-size: 100%;
}
.rtl #static-search-box {
	display: none;
	box-shadow: none;
	float: left;
	margin-top: 4px;
	margin-right: 15px;
	font-size: 100%;
}

#static-header #static-search-box {
	display: list-item;
}

#static-header li.breadcrumbs {
	padding-top: 3px;
	
}