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


@media (max-width: 768px) {
.navbar-custom {background-color: #40929a; }
.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-left:0;}
.sidebarnext {margin-top:4em;}