.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(../vid/banner-psychologenpraktijk-in-amsterdam.jpg); }
.navbar-custom.top-nav-collapse {background-color: #9ec3c5; }
.bg-prefooterbar {background: url(../vid/banner-psychologenpraktijk-in-amsterdam.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: 50%; */ 			position: relative;}
.intro-body:before { background: rgba(50, 125, 133, 0.20); backdrop-filter: blur(4px);}
.mobileshow {display: none;}

    #cookie-banner, #cookie-preferences {
        position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;
        background: #aec6ccf0; color: #fff; text-align: center; padding: 2em;
        box-sizing: border-box;
	min-height: 250px;
	box-shadow: 0px -4px 10px #00000078;
    }
    #cookie-banner {display: none;}
    #cookie-preferences {display: none; background: #9abac3f2;}
    #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: #56ae81; color: white;}
    .accept:hover {background-color: #4da578; color: white; box-shadow: 0px 1px 3px gray;}
    .prefs {background-color: #9eafb5; color: white;}
    .prefs:hover {background-color: #93a1a5; 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;}
.alignleft {text-align:unset;}
.footerblock {max-width: fit-content;   margin-left: auto;   margin-right: auto;}
.mobileshow {display: initial;}

	#cookie-banner, #cookie-preferences {background: #808987eb; padding: 1em;}
	.cookiejar {display: initial; margin-bottom:0;}
        .cookie-button {display: block; width: 80%; margin: 10px auto; font-size: 16px; padding: 12px 0;}


}