.btn-kleur {background-color: #ef964a; color:#fff; }
.btn-kleur:hover {background-color: #629486; color:#fff; opacity:1; }
.cta-btn {background-color: #ef964a; }
.cta-btn:hover {background-color: #ff7919; }
.contactkleur {background-color:#ef964a;}
.dropdown-menu {background-color:#629486; }
.kenburns-bg {background-image:url(../img/banner-psychologenpraktijk-leiden.jpg); }
.navbar-custom.top-nav-collapse {background-color: #629486; }
.bg-prefooterbar {background: url(../img/banner-psychologenpraktijk-leiden.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: #629486;}
.navbar-custom .nav .dropdown-menu li a:hover { background-color: #628a7f;}
.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: #629486 !important; }
ul.nav li:hover > a {background-color: #629486;   -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}

.navbar .navbar-custom .navbar-fixed-top > .container-fluid .hoofdmenu {-webkit-backdrop-filter:blur(5px); backdrop-filter: blur(5px); border-radius: 6px;}
.navbar .navbar-custom .navbar-fixed-top .top-nav-collapse > .container-fluid .hoofdmenu {-webkit-backdrop-filter:blur(0px); backdrop-filter: blur(0px); border-radius: 0px;}
.praktijkfoto1 {margin-bottom:2em; margin-right:2em; border-radius:5px; border: 3px solid #629486; z-index:1; position:relative;}
.praktijkfoto2 {border-radius:5px; border: 3px solid #629486; z-index:2; position:relative;}
.praktijkfoto3 {width:350px; margin-top:-7em;margin-left:20em;border-radius:5px; border: 3px solid #629486; z-index:1; position:relative;}



@media (max-width: 768px) {
.navbar-custom {background-color: #629486; }
.container-fluid > .navbar-header > a {padding:8px 0px 0px 15px;margin-left:-5px;}
.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-left:0;}
.sidebarnext {margin-top:4em;}
.praktijkfoto1 {width:95%; border-radius:5px; border:none; margin:0; padding-bottom:1em; }
.praktijkfoto2 {width:95%; border-radius:5px; border:none; margin:0; padding-bottom:1em; }
.praktijkfoto3 {width:95%; border-radius:5px; border:none; margin:0;}