.btn-kleur {background-color: #ef964a; color:#fff; }
.btn-kleur:hover {background-color: #9ec3c5; color:#fff; opacity:1; }
.cta-btn {background-color: #ef964a; }
.cta-btn:hover {background-color: #ff7919; }
.contactkleur {background-color:#ef964a;}
.dropdown-menu {background-color:#9ec3c5; }
.kenburns-bg {background-image:url(../img/banner-psychologenpraktijk-utrecht-alt.jpg); }
.navbar-custom.top-nav-collapse {background-color: #9ec3c5; }
.bg-prefooterbar {background: url(../img/bg-website-psychologenpraktijk-in-utrecht-oost.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(64, 159, 164, 0.25);backdrop-filter: blur(25px);}
.navbar-custom .nav li a:hover {background-color: #9ec3c5;}
.navbar-custom .nav .dropdown-menu li a:hover { background-color: #7eb4b7;}
.navbar-nav ul.sm-nowrap > li > a {white-space: normal; letter-spacing:1px; } //white-space wegens passend maken van lange menu-items dus zonder dat het buiten het blok valt
li.open > a { background-color: #9ec3c5 !important; }
ul.nav li:hover > a {background-color: #9ec3c5;   -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.moviebanner {width: 100%; /* height: 100%; */ bottom: 40%; position: relative;}
.intro-body:before { background: rgba(50, 125, 133, 0.20); backdrop-filter: blur(5px);}

    #cookie-banner, #cookie-preferences {
        position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;
        background: #aec6ccf0; color: #fff; text-align: center; padding: 20px;
        box-sizing: border-box;
    }
    #cookie-banner {display: none;}
    #cookie-preferences {display: none; background: #aec6ccf0;}
    #cookie-preferences label {font-weight:500; width:200px; }
    .cookiejar {display: flex; justify-content: center; margin-bottom:2em;}
    .cookie-button {margin: 5px 10px; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px;}
    .accept {background-color: #56AEA0; color: white;}
    .accept:hover {background-color: #427e79; color: white; box-shadow: 0px 1px 3px gray;}
    .prefs {background-color: #a8bdc4; color: white;}
    .prefs:hover {background-color: #a5b2b5; color: white; box-shadow: 0px 1px 3px gray;}


@media (max-width: 768px) {
.navbar-custom {background-color: #9ec3c5; }
.container-fluid > .navbar-header > a {padding:8px 0px 0px 15px;margin-left:-15px;}
.kenburns-bg {background-position: 70% 50%;}
h1.header {font-size: 2.25em;}
h4.header {padding:0;}
.swirl{background:none;}
.cblock {float:left; width:100%; clear:none; margin-bottom:4em; margin-left:0;}
.sidebarnext {margin-top:4em;}
.moviebanner {width: initial; height: 100%; bottom: 15%; position: initial;}
.navbar-custom .navbar-brand .logo {margin-left:10px;}
.blokruimte {margin-top:2.5em;}
.adresgegevens {text-align: initial;}
	#cookie-banner, #cookie-preferences {background: #808987eb;}
	.cookiejar {display: initial; margin-bottom:0;}
        .cookie-button {display: block; width: 80%; margin: 10px auto; font-size: 16px; padding: 12px 0;}


}