.btn-kleur {background-color: #ef964a; color:#fff; }
.btn-kleur:hover {background-color: #4a6088; color:#fff; opacity:1; }
.cta-btn {background-color: #db707a; }
.contactkleur {background-color:#ef964a;}
.dropdown-menu {background-color:#4a6088; }
.kenburns-bg {background-image:url(../img/banner-van-psycholoog-in-amersfoort.jpg); }
.navbar-custom.top-nav-collapse {background-color: #4a6088; }
.bg-prefooterbar {background: url(../img/banner-van-psycholoog-in-amersfoort.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; color: #fff; }
.overlay {background: rgba(91, 120, 132, 0.75); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.4);}

.menublur {-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 8px;}
@supports NOT ((-webkit-backdrop-filter: blur(20px)) OR (backdrop-filter: blur(20px))) { 
	.menublur { background:rgba(74,96,136,0.45); }
}



@media (max-width: 768px) {
.navbar-custom {background-color: #4a6088; }
.sidebarnext {margin-top:4em;}