.container-diensten {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.diensten-nav {
float: left;
width: 33%;
margin-right: 5%
}
.diensten-nav ul > li, .diensten-nav-mobile ul > li {
list-style-type: none!important;
position: relative;
}
.diensten-nav li a.active:before, .diensten-nav li a:hover:before,
.diensten-nav-mobile li a.active:before, .diensten-nav-mobile li a:hover:before {
content: ' ';
position: absolute;
top: 14px;
left: -64px;
width: 50px;
height: 23px; background-size: contain;
background-repeat: no-repeat;
}
.diensten-nav a, .diensten-nav-mobile a {
color: #000;
background: #fff;
padding: 5px 12px;
text-decoration: none;
display: block;
margin-bottom: 5px;
border-radius: 10px;
box-shadow: 0 0 4rem rgba(222,204,237, 0.5);
}
.diensten-nav a:hover, .diensten-nav a.active,
.diensten-nav-mobile a:hover, .diensten-nav-mobile a.active {
color: #fff;
background: #d57765;
}
.dienst-content {
float: left;
width: 60%;
}
.dienst-content {
display: none;
background: #fff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 0 4rem rgba(222,204,237, 0.5);
}
.diensten-content .excerpt {
display: none;
}
.dienst-content img {
margin-bottom: 0px;
}
.dienst-content .button {
margin-top: 10px;
}
.diensten-content .dienst-content:first-child {
display: block;
}
.diensten-nav-mobile {
display: none;
text-align: center;
}
@media ( max-width: 767px ) {
.diensten-nav, .diensten-content {
display: none;
} 
.diensten-nav-mobile {
display: block;
}
}
.container-experts {
margin-top: 50px;
margin-bottom: 50px;
}
.container-experts .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.container-experts .col-expert .inner-wrap {
background: #598061;
max-width: 300px;
margin: 0 auto;
}
.container-experts .col-expert .expert-img {
position: relative;
max-width: 180px;
margin-left: auto;
margin-right: auto;
}
.container-experts .col-expert a {
display: block;
text-decoration: none;
color: #fff;
}
.container-experts .col-expert .expert-name {
padding: 50px;
min-height: 341px;
}
.container-experts .col-expert .expert-name p {
margin-bottom: 0;
font-size: 18px;
}
.container-experts .expert-content {
display: none;
position: relative;
margin-bottom: 50px;
padding: 0 50px;
background-color: #f2edf6;
border-radius: 10px;
}
.expert-content-wrapper {
position: relative;
width: 900px;
max-width: 100%;
margin: 0 auto;
background: #fff;
padding: 50px;
}
.container-experts .expert-content .content-expert-close {
position: absolute;
top: 20px;
right: 20px;
}
.container-experts .expert-content .content-expert-close img {
width: 50px;
}
.container-experts .expert-content .buttons .button {
margin-right: 15px;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.text-center {
text-align: center !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.functie-titel {
min-height: 58px;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .container-md, .container-sm {
max-width: 720px;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.hide-on-desktop {
display: none!important;
}
}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1140px;
}
}
@media (max-width: 767px) {
.hide-on-mobile {
display: none!important;
}
.container-experts .col-expert .expert-name {
min-height: 0px;
}
}