/* MANDELO - Creative. Digital. Solutions. */
html {
    scroll-behavior: smooth;}
body{
    overflow-x: hidden;}
h1, h2, h3, h4, h5, h6, b {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
p, a, span, select, li, td, th, option, form input, ul, textarea, label, button {
    font-size: 17px;
    line-height: 26px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
a{
    color: unset;}
p.small_text{
    font-size: 12px;
}
b{
    font-weight: 700;}
h1 {
    font-size: 61px;
    line-height: 71px;}
h2 {
    font-size: 61px;
    line-height: 71px;}
h3 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 400;}
h4 {
    font-size: 28px;
    line-height: 38px;}
h5 {
    font-size: 21px;
    line-height: 28px;}
h6 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;}
.overlay {
    height: 100%;
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: unset;}
/* Flex */
.fl-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.fl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;}
.fl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;}
.fl-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.fl-center-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.plate--container{
    max-width: unset!important;
    padding-right: calc(10% + 15px);
    padding-left: calc(10% + 15px);}
/*.main-content-wrapper{
    padding: 100px 0 0 0;}*/
/* Form */
.form_input.checkbox, .form_input.select{
    margin-bottom: 1rem;}
.form_input.select{
    min-height: 26px;}
.form_input input[type=text], .form_input input[type=date], .form_input select,  .form_input textarea{
    width: 100%;}
.form_input textarea{
    min-height: 163px;}
.checkbox-wrapper .checkbox-wrapper-inner label{
    display: flex;
    align-items: center;
    margin-right: 10px;}
.checkbox-wrapper .checkbox-wrapper-inner label span{
    margin: 0 0 0 15px ;}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: button;}
.form_input .file input{}
.select select {
    padding: 4px 0px;}
.form_lines.textarea{
    margin-bottom: 0.5rem;}
/* Button */
.button {
    min-width: 180px;
    min-height: 46px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #312D2F;
    background: transparent;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.button input {
    -webkit-appearance: none;
    border: 0;
    background: none;
    color: white;
    font-weight: 400;
    height: 100%;
    padding: 24px 27px 27px 27px;
    cursor: pointer;}
.button a {
    position: relative;
    width: auto;
    text-align: center;
    color: #312D2F;
    text-decoration: none;
    padding: 4px 16px;
    font-weight: 400;
    height: 100%;
    font-size: 22px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;}
.button a i {
    font-size: 22px;
    margin-left: 8px;
    vertical-align: middle;}
.button:hover, .button.hover {
    background: #312D2F;}
.button:hover a ,.button.hover a{
    color: #fefefe;}
.button.white {
    background: #fefefe;
    border: 1px solid #312D2F;}
.breed{
    width: 100%;}
.rond{
    border-radius: 10px;}
.knoppen{
    position: relative;
    display: flex;}
.knoppen.center{
    justify-content: center;}
.hoog{
    height: 74px;
    padding: 6px 16px;}
.hoog a{
    display: flex;
    justify-content: center;
    align-items: center;}
.hoog a i {
    font-size: 14px;
    margin-left: 8px;
    margin-top: 4px;
    vertical-align: middle;}
.button.dark{
    background: #312D2F;
    border: 1px solid #312D2F;}
.button.dark:hover, .button.dark.hover{
     background: #fff;
     border: 1px solid #312D2F;}
.button.dark a {
    color: #fff;}
.button.dark:hover a, .button.dark.hover a, .button.dark.form_submit:hover a input, .button.dark.form_submit.hover a input {
    color: #312D2F;}
.button.white a, .button.dark a {
    padding: 6px 16px;
    width: 100%;}
.button.white:hover, .button.white.hover{
    background: #312D2F;
    border: 1px solid #fefefe;}
.form_submit input{
    padding: 0;
    font-size: 22px}
/* Google maps */
#maps-container{
    height: 450px;}
.markerWindow svg{
    height: 20px;
    width: 20px;
    margin-right: 20px;}
.gmnoprint, .gmnoscreen, .gm-style-cc {
    visibility: hidden;}

/* Accordion */
.accordion {
    background-color: #312D2F;
    color: #fefefe;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 21px;
    outline: none;
    transition: 0.4s;
    position: relative;
    display: flex;
    justify-content: space-between}
.accordion.active, .accordion:hover {
    background-color: #312D2F;}
.accordion:after {
    content: '\002B';
    color: #ffffff;
    font-weight: 300;
    float: right;
    font-family: 'Fa 300', sans-serif;
    font-size: 25px;
    margin-left: 5px;
    top: 17px;}
.accordion.active:after {
    content: "\2212";}
.panel {
    padding: 0 15px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;}
.panel p{
    margin-top: 15px;}
.accordion-wrapper{
    position: relative;
    margin-bottom: 15px;}
/* speerpunten */
.speerpunt-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 15px;}
.speerpunt-wrapper .speerpunt-header,
.speerpunt-wrapper .speerpunt-body {
    position: relative;}
.speerpunt-wrapper .speerpunt-body {
    padding-left: 20px;}
.speerpunt-wrapper .speerpunt-body .tekst p {
    color: #616161;}
.speerpunt-wrapper .speerpunt-body p.intro {
    margin-bottom: 10px;}
.speerpunt-wrapper .speerpunt-icon {
    position: relative;
    width: 50px;
    height: 50px;}
.background-cover {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;}

/* Instagram */
.insta-container {
    position: relative;
    width: 100%;}
#instafeed {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;}
#instafeed .image-container {
    width: 23%;
    height: 0;
    padding-bottom: 23%;
    margin-bottom: 3%;
    overflow: hidden;
    position: relative;
    cursor: pointer;}
#instafeed .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    cursor: pointer;}

/* Gallery */
.gallery {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;}
.gallery-wrapper-selected-images{
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
}
.gallery-wrapper-selected-images .gallery-wrapper {
    width: 24%;
    margin-bottom: 20px;
    margin-right: 1.33333%;}
.gallery-wrapper-selected-images .gallery-wrapper:nth-child(4n+4) {
    margin-right: 0%;}
.gallery-image{
    height: 320px;
    position: relative;}
.gallery .gray {
    filter: grayscale(1);
}

/* icons */
.icons {
    display: flex;}
.background-contain{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;}
.icon-image{
    height: 100%;
    width: 100%;
    position: relative;
    margin-bottom: 15px;}
.icon-wrapper{
    height: 40px;
    width: 40px;
    margin-right: 15px;}
.icons{
    position: relative;}
.single-icon{
    position: relative;}
.single-icon a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;}
/* Timeline */
/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    margin: 0 auto;
}
.tijditem-image-wrapper{
    height: 300px;
}
.tijditem-image {
    height: 300px;
    background-position: center center;
    background-size: cover;
    width: 100%;
    /* box-shadow: -4px -12px 14px -10px #00000038; */
    margin-bottom: 20px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    left: 0;
    top: 0;
}
/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #333333;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.timelinecontainer {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

.timelinecontainer.left-item {
    padding: 10px 40px 10px 0;
}

.timelinecontainer.right-item {
    padding: 10px 0px 10px 40px;
}

/* The circles on the timeline */
.timelinecontainer::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -12px;
    background-color: #ffffff;
    border: 4px solid #333333;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the leftie */
.left-item {
    left: 0;
}

/* Place the container to the rightie */
.right-item {
    left: 50%;
}

/* Add arrows to the leftie container (pointing rightie) */
.left-item::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #312d2f;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #312d2f;
}

/* Add arrows to the rightie container (pointing leftie) */
.right-item::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #312d2f;
    border-width: 10px 10px 10px 0;
    border-color: transparent #312d2f transparent transparent;
}

/* Fix the circle for containers on the rightie side */
.right-item::after {
    left: -12px;
}

/* The actual content */
.timelinecontent {
    padding: 30px 30px;
    position: relative;
    border-radius: 10px;
    box-shadow: 1px 3px 10px 0px #00000024;

}
/* breadcrums */
.breadcrumbs{
    display: flex;}
.breadcrumb_item{
    position: relative;
    margin-right: 7px;}
.breadcrumb_item a{
    margin-right: 7px;}
/* Teamleden */
.teamleden {
    display: flex;
    width: 100%;
    position: relative;
    flex-flow: row wrap;}
.teamleden .teamlid-container {
    position: relative;
    padding: 15px 15px 15px 0;}
.teamleden .teamlid-container hr {
    width: 20px;
    margin: 0 auto 0 0;}
.teamleden .teamcard {
    width: 31%;
    display: flex;
    flex-flow: column;
    position: relative;
    margin-right: 3.5%;}
.teamleden .teamcard:nth-child(3n+3) {
    display: flex;
    margin-right: 0;}
.teamleden .teamlid-img {
    width: 100%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
/* secties */
.section-container{
    position: relative;
    overflow: hidden;}
.section-container.boxed{
    width: 80%;
    margin: 0 auto;}
.section-container .plate--container {
    padding-right: 15px;
    padding-left: 15px;}
.scheiding-top {
    position: absolute;
    top: -1px;
    left: 0;
    width: calc(100% + 1px);
    height: 0;
    z-index: 1;}
.scheiding-top.mount{
    top: -8px;}
.scheiding-top .separator-top {
    /* top: -1px; */
    bottom: auto;
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1);}
.scheiding-bottom {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: calc(100% + 1px);
    height: 0;
    z-index: 0;}
.scheiding-bottom.mount{
    bottom: 62px;}
.section-container .section-content-over-wrapper{
    display: flex;
    padding-left: 10%;
    padding-right: 10%;}
.section-container.boxed .section-content-over-wrapper{
    padding-left: 0;
    padding-right: 0;}
.section-container .section-content-over-wrapper .image-wrapper,
.section-container .section-content-over-wrapper .section-content-wrapper{
    width: 50%;}
.section-container .section-content-over-wrapper.zonder_image .section-content-wrapper{
    width: 100%;
    z-index: 10;}
.section-container .section-content-over-wrapper .image{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;}
.section-container .section-content-over-wrapper.left_image{
    flex-direction: row-reverse;}
.section-container .section-content-over-wrapper.left_image .image{
    right: 0;
    left: unset;}
.section-container .section-content-over-wrapper.background_image .section-content-wrapper{
    width: 100%;}
.section-container .section-content-over-wrapper.background_image .image-wrapper{
    width: 0%;}
.section-container .section-content-over-wrapper.background_image .image-wrapper .image{
    width: 100%;}
.scheiding-top.mount .separator-top{
    margin-left: 1px;}
.scheiding-top.bubbles {transform: rotateX(180deg) translateY(-150PX);}
.scheiding-bottom.bubbles {
    position: absolute;
    bottom: 150px;}
.divider.single_round svg{
    transform: scaleY(1.4) scaleX(1.5);}
.scheiding-top.fold,
.scheiding-top.shark_tooth,
.scheiding-top.block,
.scheiding-top.curves_small,
.scheiding-top.curves,
.scheiding-top.curves_2,
.scheiding-top.tilt,
.scheiding-top.tiny_wave,
.scheiding-top.single_round {
    transform: rotate(180deg);
    top: 70px;}
.section-content-over-wrapper .image-wrapper .image .image_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;}

.social_media .facebook:before {
    content: '\f09a';}
.social_media .twitter:before {
    content: '\f099';}
.social_media .linkedin:before {
    content: '\f0e1';}
.social_media .instagram:before {
    content: '\f16d';}
.social_media .youtube:before {
    content: '\f16a';}
.social_media .vimeo:before {
    content: '\f27d';}

.social_media a:before {
    content: '';
    background: transparent;
    height: 60px;
    width: 60px;
    line-height: 58px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: baseline;
    font-family: 'FontAwesome';
    color: white;
/*    border: 2px solid rgba( 255,255,255, .3 );*/
    text-align: center;
    font-size: 26px;
    z-index: 2;
    position: relative;

    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
/* Agenda punt */
.agenda_afspraak {
    position: relative;
    width: 100%;}
.agenda_afspraak .datumblokje {
    position: relative;
    background-color: #333333;
    color: white;
    padding: 8px 15px;
    border-radius: 15px 0 0 15px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    align-content: center;}
.agenda_afspraak .dagnummer {
    text-align: center;}
.agenda_afspraak .maandafkorting {
    text-align: center;
    text-transform: capitalize;}
.agenda_afspraak .afspraakdata {
    position: relative;
    display: flex;}
.agenda_afspraak .afspraaktijd {
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-right: 30px;
    border-radius: 0 15px 15px 0;
    border: #333333 1px solid;
    padding: 15px;}
.agenda_afspraak .afspraaktijd p {
    margin: auto;}
.agenda_afspraak .afspraak-info hr {
    width: 20px;
    margin: 0 auto 0 0;}
.agenda_afspraak .datumtekst {
    margin: auto;
    position: relative;
    width: 50px;}
.agenda_afspraak .agendaitem {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row;
    margin: 10px 0;}
.agenda_afspraak .afspraak{
    position: relative;
    display: flex;
    height: 100px;}
.agenda_afspraak .agendaitem.blur{
    opacity: .2;}
/* TABLE */
table  {
    width: 100%;
    border-top: 1px solid rgb(0, 0, 0);
    border-right: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);}
td, th{
    padding: 3px 15px;
    border-top: 1px solid rgb(0, 0, 0);
    border-right: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);}
/* Diensten switcher */
.diensten-wrapper{
    overflow-y: hidden;}
.diensten-wrapper h4 {
    padding: 30px 0;}
.diensten-overzicht {
    width: 100%;
    position: relative;
    height: 100%;}
.dienst-namen {
    width: 20%;
    float: left;
    position: relative;
    z-index: 2;}
.dienst-titel h3 a {
    font-size: 18px;
    line-height: 45px;
    font-weight: bold;
    text-decoration: none;

    -webkit-transition: 0.3s all ease-out;
    -o-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;}
.dienst-titel.active h3 a {
    font-weight: bold;
    opacity: 1;}
.dienst.active {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);}
.dienst.was-active {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);}
.dienst.active .diensten-info, .dienst.active .diensten-img  {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;}
.dienst .diensten-info, .dienst .diensten-img {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;}
.dienst.was-active .diensten-info, .dienst.was-active .diensten-img {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;}
.dienst {
    width: 80%;
    float: right;
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: 0;
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;}
.dienst-info {
    width: 100%;
    min-height: 275px;
    position: relative;
    z-index: 1;}
.diensten-info {
    width: 50%;
    position: relative;
    height: 100%;}
.diensten-info.no-img{
    width: 100%;}
.dienst-info p {
    width: 90%;
    position: relative;}
.diensten-img {
    width: 50%;
    height: 275px;
    float: right;
    position: relative;}
.diensten-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;}
.diensten-wrapper .active{
    background: unset;}
.diensten-wrapper .active:after {
    display: none;}
.vp-center {
    background: #1199FF;
}
/* player */
iframe#vimeo #player{
    max-width: 100%!important;}

/* MEDIA QUERIES */
@media only screen and (min-width: 1700px){
    .divider svg{
        transform: scaleX(1.5);
    }
}

@media only screen and (max-width: 1200px){
    .gallery-wrapper-selected-images .gallery-wrapper , .gallery-wrapper-selected-images .gallery-wrapper:nth-child(4n+4) {
        margin-right: 2%;
        width: 32%;
    }
    .gallery-wrapper-selected-images .gallery-wrapper:nth-child(3n+3){
        margin-right: 0;}
    .teamleden .teamcard {
        margin-right: 2%;
        width: 32%;}
}


@media only screen and (max-width: 992px){
    .plate--container, .section-container .section-content-over-wrapper {
        padding-right: 30px;
        padding-left: 30px;
    }
    .divider svg, .divider.single_round svg{
        transform: scale(2);
    }
    .scheiding-bottom.divider.mount svg {
        transform: scale(1);
    }
    .navigation, .navbar{
        height: auto!important;}
    .navigation {
        padding-top: 15px!important;
        padding-bottom: 15px!important;}
    .gallery-wrapper-selected-images .gallery-wrapper , .gallery-wrapper-selected-images .gallery-wrapper:nth-child(4n+4) {
        margin-right: 2%;
        width: 49%;}
    .gallery-wrapper-selected-images .gallery-wrapper:nth-child(2n+2){
        margin-right: 0!important;}
    .gallery-wrapper-selected-images .gallery-wrapper:nth-child(3n+3){
        margin-right: 2%;}
    .teamleden .teamcard {
        width: 49%;
        margin-right: 2%!important;
        margin-bottom: 15px}
    .teamleden .teamcard:nth-child(2n+2){
        margin-right: 0!important;}
    .teamleden .teamcard:nth-child(3n+3) {
        margin-right: unset;}
    #instafeed .image-container {
        width: 49%;
        height: 0;
        padding-bottom: 49%;}
    .diensten-overzicht {
        display: flex;
        flex-flow: row wrap;}
    .diensten-overzicht .dienst-namen {
        width: 100%;}
    .diensten-overzicht .dienst{
        width: 100%;
        float: left;
        flex-flow: column;}
    .diensten-overzicht .dienst.active{
        position: relative;}
    .diensten-overzicht .diensten-info, .diensten-overzicht .diensten-img {
        width: 100%;}
    .diensten-wrapper .dienst-info{
        padding-top: 30px;
        min-height: auto;}
    .diensten-overzicht .dienst-namen .dienst-titel:nth-last-child(1) h5{
        margin-bottom: 0;}


}

@media only screen and (max-width: 680px){
    .hh4 .carousel-cell {
        min-height: 100vh!important;
        height: auto;}
    .navbar-brand{
        transform: scale(0.5)!important;
        transform-origin: left center;}
    .section-container .section-content-over-wrapper .image-wrapper, .section-container .section-content-over-wrapper .section-content-wrapper {
        width: 100%;}
    .section-container .background_image.section-content-over-wrapper .image-wrapper {
        height: 100%;
        width: 100%;
        position: absolute;}
    .section-container .section-content-over-wrapper .image-wrapper{
        position: relative;
        height: 350px;
        width: calc(100% + 60px);
        margin-left: -30px;}
    .section-container .section-content-over-wrapper .image {
        width: 100%!important;}
    .section-container .section-content-over-wrapper.left_image {
        flex-direction: column-reverse;}
    .section-container .section-content-over-wrapper {
        flex-direction: column;}
    .navigation {
        padding-top: 0px!important;
        padding-bottom: 0px!important;}
    .gallery-wrapper-selected-images .gallery-wrapper {
        width: 100%;}
    .gallery-wrapper-selected-images .gallery-wrapper , .gallery-wrapper-selected-images .gallery-wrapper:nth-child(4n+4) {
        margin-right: 0;
        width: 100%;}
    .timeline::after {
        left: 12px;}
    .timelinecontainer.timelinecontainer {
        width: 100%;
        padding-left: 40px;
        padding-right: 0px;}
    .timelinecontainer::before {
        left: 60px;
        border: medium solid transparent;
        border-width: 10px 10px 10px 0;
        border-color: transparent transparent transparent transparent;}
    .timelinecontainer.left-item::after, .timelinecontainer.right-item::after {
        left: 0px;}
    .timelinecontainer.right-item {
        left: 0%;}
    .teamleden .teamcard {
        width: 100%;
        margin-right: 0%!important;}
    .agenda_afspraak .agendaitem {
        flex-flow: row wrap;}
    .agenda_afspraak .afspraak {
        width: 100%;
        height: unset;}
    .agenda_afspraak .datumblokje, .agenda_afspraak .afspraaktijd {
        width: 50%;
        margin: 0;}
    .agenda_afspraak .datumtekst {
        width: auto;
        display: flex;}
}