html, body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family:'Source Sans Pro', sans-serif;
    background: #F1EEEB;
    height:100%;
    padding:0px;
    margin:0px;}

body{
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-size: cover;
    -o-background-size: cover;}

.wrapper{
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 0;
    -webkit-flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    position: relative;
    overflow: hidden;}

.wrapper.vvp{
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(241,238,235,1)), to(rgba(255,255,255,1)));
    background: -o-linear-gradient(bottom, rgba(241,238,235,1) 0%, rgba(255,255,255,1) 20%);
    background: linear-gradient(0deg, rgba(241,238,235,1) 0%, rgba(255,255,255,1) 20%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;}

    .flex{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;}


/* -------------------- HEADER -------------------- */
.wrapper header{
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;}

.vvp header{
    width: 20vw;}


/* -------------------- NAVIGATIE -------------------- */
nav.navbarms{
    width: 20vw;
    position: relative;
    padding: 2.5vw 3vw;
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;}

.vvp nav.navbarms{
    background: #FFF}

nav.navbarms ul{}

nav.navbarms ul li{
    text-align: left;
    float:none;}

    nav.navbarms a{
        display: flex;
        font-size: 1.2em!important;
        font-weight:400;
        letter-spacing: 0.04em;
        padding:10px 25px 10px 0;
        color:#000;}

    .nav-selected.nav-path-selected{
        color: #bb4267;
        font-weight: 700;}

        .nav-path-selected{
            color: #bb4267;
            font-weight: 700;}

    nav.navbarms .navbar-nav{
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 100%;
/*        max-width: 230px;*/
        margin: 0px auto;}

    nav.navbarms .navbar-collapse {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;}

    nav.navbarms .navbar-brand{
        float: none;
        padding: 0px;
        height: auto;
        position: relative;}

        nav.navbarms .navbar-brand img{
            width: 100%;
            max-width: 230px;
            padding: 0px;
            margin: 0px auto;
            height: 100%;}

nav.navbarms .navbar-header{
    height: auto;
    width: 100%;
    display: block;
    margin: 0 0 2.5vw 0;
    position: relative;}

.navbarms li a:focus, .navbarms li a:hover {
    text-decoration: none;
    color:#BB4267;
    background-color: rgba(0,0,0,0)!important;}

/**/

.navbarms li.dropdown .dropdown-menu{
    background: #f1eeeb;
    padding: 0px;
    border-radius: 0.25vw;
    width: 100%;
    -webkit-box-shadow:none;
            box-shadow:none;
    border: 0;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: block;
    overflow: hidden;
    opacity: 0;
    max-height: 0px;
    text-align: center;}

    .navbarms .dropdown-menu > li > a{
        padding: 10px 15px;
        font-size:1em;}

        .navbarms .open .dropdown-menu > li > a:hover{
            color:#bb4267;}

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
            background: none;}

.navbarms li.dropdown.open .dropdown-menu {
    position: relative;
    margin-top:10px;
    margin-bottom: 20px;
    display: block;
    opacity: 1;
    border-radius: 10px;
    max-height: 500px!important;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

    nav.navbarms .navbar-nav .dropdown > a:after {
        display: block;
        position: absolute;
        font-family: 'Material Icons';
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        right:0px;
        color: #bb4267;
        font-size: 1.2em;
        content: 'keyboard_arrow_down';}

.wg{
    display: block;
    width:7.5vh;
    height: 7.5vh;
    position: absolute;
    bottom: 0px;
    z-index: 1000;
    right: -7.5vh;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}

.vvp .wg{
    display: none;}

.socialmedia{
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-top: 15px;
    width: 100%;}

    .socialmedia a img{
        opacity: 0.2;
        height: 30px;
        width: auto;}

    .socialmedia a:hover img{
        opacity: 0.8;}

.planbezoek .socialmedia{
    display: block;
    margin: 15px;
    -ms-flex-item-align:auto;
        -ms-grid-row-align:auto;
        align-self:auto;
    width: auto;}

    .planbezoek .socialmedia img{
        opacity: 1;}

/* Accesebility */
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* -------------------- NAV HAMBURGER ICON ANIMATION -------------------- */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
    background-color: transparent;}

    .navbar-default .navbar-toggle {
        border: none;}

        .navbar-toggle div.hamburger span.icon-bar {
            background: #000;
            -webkit-transition: all 0.15s;
            -o-transition: all 0.15s;
            transition: all 0.15s;}

        .navbar-toggle span:nth-child(1) {
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
            -webkit-transform-origin: 10% 10%;
                -ms-transform-origin: 10% 10%;
                    transform-origin: 10% 10%;}

        .navbar-toggle span:nth-child(2) {
            opacity: 0;}

        .navbar-toggle span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            -webkit-transform-origin: 10% 90%;
                -ms-transform-origin: 10% 90%;
                    transform-origin: 10% 90%;}

        .navbar-toggle.collapsed span:nth-child(1),
        .navbar-toggle.collapsed span:nth-child(3) {
            -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                    transform: rotate(0);}

        .navbar-toggle.collapsed span:nth-child(2) {
            opacity: 1;}


/* -------------------- SUBNAV IN ZIJBALK -------------------- */
.vvp header .subnav ul.navbar-nav{
    position: relative;
    display: block;
    width: 100%;
    border-radius: 0px;
    color: #FFF;
    padding: 10px 0px;
    margin: 0px;}

    .vvp header .subnav .sntitle{
        background: #06819a;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.1em;
        display: block;
        border-radius: 15px 15px 0px 0px;
        font-size: 1em;
        padding: 15px 25px;}

    .vvp header .subnav{
        border-radius: 15px;
        background:#29abc5;
        margin: 2.5vw 0;
        /*        flex: 1;*/}

    .vvp header .subnav a {
        color: #FFF;
        font-size: 1em!important;
        font-weight: 400;
        justify-content: space-between;
        display: flex;
        white-space: normal;
        align-items: center;
        letter-spacing: 0.04em;
        padding: 10px 25px 10px;}

        .vvp header .subnav a:hover, .vvp header .subnav a:active, .vvp header .subnav a:focus {
            color: #F2ECE7;}

        .vvp header li.dropdown.open .dropdown-menu, .vvp header li.dropdown .dropdown-menu {
            position: relative;
            margin: 10px 10px 20px 10px;
            width: calc(100% - 20px);}

            .vvp header li.dropdown .dropdown-menu {
                margin: 0 10px;}

    .vvp header .subnav .dropdown-menu > li > a {
        color: #06819a;}

    .vvp header .subnav .dropdown > a:after {
        display: block;
        position: absolute;
        font-family: 'Material Icons';
        top: 50%;
        right: 1.5vw;
        color: #FFF;}


/* -------------------- SUBNAV IN PAGINA -------------------- */
.vvp .contentwrapper{
    z-index: 40;}

.vvp .contentwrapper .subnav{
    margin: 2.5vw 0px 5vw;}

.vvp .contentwrapper .subnav{
    margin: 0;}

    .sntitle{display: none;}


.vvp .contentwrapper .subnav li{
    display: flex;
    flex-direction: column;
    width: 100%;}

.vvp .contentwrapper .subnav li.open > a{
    background: #bb4267;}

.vvp .subnav .navbar-nav > li > .dropdown-menu{
    width: 100%;
    border: 0;
    background: #29abc5;
    border-radius: 0;
    box-shadow: none;
    font-size: 1em;
    position: relative;}

    .vvp .subnav .dropdown-menu > li > a {
        background: #31b7d2;
        color: #FFF!important;}

    .vvp .contentwrapper .subnav ul.navbar-nav{
        position: relative;
        display: block;
        width: 100%;
        border-radius: 0px;
        padding: 0px;
        margin: 0px;
        background:#29abc5;}

    .vvp .contentwrapper .navbar-nav {
        margin: 0;}

.vvp .contentwrapper .navbar-collapse{
    padding: 0;}

    .vvp .contentwrapper .subnav ul.navbar-nav a {
        padding: 15px 30px;
        color: #FFF;}

        .vvp .contentwrapper .subnav a:hover, .vvp .contentwrapper .subnav a:active, .vvp .contentwrapper .subnav a:focus {
            color:#F2ECE7!important;}

    .vvp .contentwrapper .navbar-header{
        float: none;}

    .vvp .contentwrapper .subnav{
        overflow: hidden;
        width: 100%;
        border-radius: 5px;
        background: #06819a;
        color: #FFF;}

    .vvp .contentwrapper nav.navbarms.subnav{
        box-shadow: 0 0 0 rgba(0,0,0,0);
        position: relative;
        padding: 0px;
        width: 100%;}

    .vvp .contentwrapper .nav.navbarms{
        background: none;}


    .vvp .contentwrapper .subnav .dropdown-menu > li > a {
        padding: 15px 30px;
        text-align: left;
        font-size: 1em;
        color: #FFF;}

        .vvp .contentwrapper .subnav .dropdown-menu > li > a:hover {
             color: #06819a!important;}

        .vvp .contentwrapper li.dropdown.open .dropdown-menu, .vvp .contentwrapper li.dropdown .dropdown-menu {
            position: relative;
            margin: 0 10px;
            width: calc(100% - 20px);}

    .vvp .contentwrapper .navbar-toggle {
        position: relative;
        float: none;
        display: flex;
        width: 100%;}

        .vvp .contentwrapper .navbuttontxt{
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 0.04em;
            font-size: 1.2em;
            padding: 5px 19px;
            text-align: left;
            flex:1;}

        .vvp .contentwrapper .hamburger{
            padding: 10px;
            width: auto;}

        .vvp .contentwrapper .navbar-toggle div.hamburger span.icon-bar {
            background: #FFF;}

    .vvp .contentwrapper .dropdown > a:after {
        display: block;
        content: 'keyboard_arrow_down';
        position: absolute;
        font-family: 'Material Icons';
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        color: #FFF;}


/* -------------------- SLIDER NEWSSLIDER WRAPPER -------------------- */
.wrapper .breadcrumb>li+li:before {
    display: none;}


/* -------------------- SLIDER NEWSSLIDER WRAPPER -------------------- */
.slins{
    width: 80vw;
    min-height: 100vh;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}

.hdrpub{
    background: #bb4267;
    position: absolute;
    z-index: 10;
    border-color:#bb4267!important;
    text-align: center;
    left:50%;
    display: none;
    color: #FFF!important;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    right:0px;
    width: auto;
    margin: 0px auto;
    bottom:75px;}

    .hdrpub:hover{
        border-color: #29abc5!important;
        background:#29abc5;}


/* -------------------- SLIDER -------------------- */
#slider{
    background: #000000;
    position: relative;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    width: 100%;
    z-index: 0;
    z-index: 40;
    border-radius: 0 0 5vw 0;
    overflow: hidden;
    margin-bottom: 7.5vh;
    display: flex;}

.vvp #slider{
    background: #31b7d2;}

    .ccm-image-slider-placeholder{
        display: none;}

    .ccm-image-slider-container{
        overflow: hidden;
        display: flex;
/*MEDIT        height: auto;*/
        height: 100%;
        width: 100%;
        align-items: stretch;
        position: relative;}

        .ccm-image-slider, .ccm-image-slider-inner, .rslides, .rslides > li{
            position: relative;
            width: 100.2%;
/*MEDIT        height: auto;*/
            height: 100%;
            display: flex;
            align-items: stretch;
            margin: -0.1%;}

    ul.rslides{
        overflow: hidden;
        margin:0px;
        padding: 0px;
        list-style: none;}


        ul.rslides > li > img{
            left: 50% !important;
            margin-right: -50% !important;
            position: absolute;
            top: 50% !important;
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%)!important;
            transform: translate(-50%, -50%) !important;
            width: 100%;
            height: 100%;
            z-index: 0;
            opacity: 0.7;
            background-size: cover;
            background-position: center;}

    .vvp ul.rslides > li > img{
        opacity: 1;}


    .slidercontent{
        text-align: center;
        position: absolute;
        left:50%;
        top:50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 60vw;
        z-index: 20;}

        .slidercontent span.title{
            position: relative;
            font-size: 2.7em;
            text-transform: uppercase;
            font-weight: 700;
            line-height: 1.1em;
            color:#FFF;
            text-shadow: none;
            padding: 0px;
            z-index: 5;}

        .slidercontent p{
            position: relative;
            font-size: 1.2em;
            color: #FFF;
            line-height: 1.6em;
            font-weight: 400;}

        .slidercontent span{
            position: relative;
            font-size: calc(11px - 1.65vw);
            text-shadow: 1px 1px rgba(0,0,0,0.75);
            font-weight: 400;
            padding: 12px 25px;
            border-radius:5px;
            color: #FFF;
            z-index:-1;}

            .slider-text p, a.slider-button{
                margin:0;
                font-weight:400;
                padding:0px 0px;}

                    .slider-text p{
                        color: #FFF;}

                        a.slider-button{
                            font-size: 1.1em;
                            font-style: italic;
                            padding: 10px 50px 10px 20px;
                            color:#FFF;
                            position: relative;
                            display: inline-block;
                            border: 1px solid #FFF;
                            border-radius: 150px;
                            background:none;}

                            a.slider-button:hover{
                                background: #BB4267;
                                border: 1px solid #BB4267;
                                color: #FFF;
                                text-decoration: none;}

                            a.slider-button:before{
                                position: absolute;
                                right: 15px;
                                font-size: 16px;
                                font-family: 'Material Icons';
                                content: 'arrow_forward';}

                        .slider-button .material-icons{
                            vertical-align: middle;
                            font-size: 1em;}

        .slidercontrol{}

            .slidercontrol a{
                color:#FFF;
                text-shadow: none;}

.gradient{
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    opacity: 0.75;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 20;
    height: 30vh;}

a.naarbeneden{
    position: absolute;
    left:50%;
    bottom: 2.5vw;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    z-index: 100;
    color: #FFF;}

    a.naarbeneden i{
        font-size: 2.5em;}

a.naarbeneden{
    position: absolute;
    right: 2.5vw;
    left: auto;
    bottom: 2.5vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 100;
    color: #FFF;
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;}

    a.naarbeneden:hover{
        color: #29abc5;}

    @-webkit-keyframes action {
        0% { -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); }
        100% { -webkit-transform: translateY(-10px) translateX(-50%); transform: translateY(-10px) translateX(-50%); }
    }
    @keyframes action {
        0% { -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); }
        100% { -webkit-transform: translateY(-10px) translateX(-50%); transform: translateY(-10px) translateX(-50%); }
    }


/* -------------------- SLIDER NAVIGATIE -------------------- */
.rslides_tabs {
    position: absolute!important;
    top: 15px;
    right: 15px;
    z-index: 100;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 10px;}

    .rslides_tabs li a {
        background: #f2ece7!important;
        width: 10px!important;
        height: 10px!important;
        margin-right: 5px!important;}

        .rslides_tabs li.rslides_here a {
            background: #bb4267!important;}

.ccm-image-slider-inner .prev, .ccm-image-slider-inner .next, .rslides_nav{
        background: none;}

    .rslides_nav{
        top:50%!important;
        margin-top: 0px!important;
        transform: translateY(-50%);
        opacity: 1!important;}

    .ccm-image-slider-inner .next:after, .ccm-image-slider-inner .prev:after{
        font-family: 'Material Icons';
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        display: block;
        font-size: 2em;
        opacity:0.3;
        background: none;
        color: #FFF;
        text-shadow:0px 0px 3px rgba(0,0,0,0.8);
        text-decoration: none;}

        .ccm-image-slider-inner .next:after{
            right:10px;
            content:'\e315';}

        .ccm-image-slider-inner .prev:after{
            left:10px;
            content:'\e314';}

            .ccm-image-slider-inner .next:hover:after{
                opacity: 1;
                color: #29abc5;}

            .ccm-image-slider-inner .prev:hover:after{
                opacity: 1;
                color: #29abc5;}


/* -------------------- NEWSSLIDERS CAROUSSEL -------------------- */
.newssliders{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(92.5vh);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 20vw;}

.newssliders > section{
    color: #FFF;
    background: #29abc5;
    height: 50%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;}

    .newssliders section:last-child{
        color: #000;
        background: #f1eeeb;}

    .carouseltitle{
        pointer-events: none;
        position: absolute;
        left:calc(10px + 1.25vw);
        top:calc(10px + 1.25vw);
        letter-spacing: 0.25vw;
        text-transform: uppercase;
        font-size: 0.9em;
        font-weight: 600;
        z-index: 10;
        color: #FFF;}

        .newssliders section:last-child .carouseltitle{
            font-weight: 600;
            color: #000;}

.owl-carousel {
    display: flex;
    height: 100%;}

.owl-carousel .owl-stage-outer{
    height: 100%!important;}

.owl-carousel .owl-stage{
    height: 100%;}

.owl-carousel .owl-stage-outer{
    overflow: hidden;
    height: auto;}

.owl-carousel .owl-stage{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}

.owl-carousel .owl-item{
    height: 100%;
    float: none;}

    .owl-carousel a.item{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        color: #FFF;
        margin: 0px;
        width: 100%;
        height: 100%;
        text-decoration: none!important;}

        .newssliders section:last-child .owl-carousel a.item{
            color: #000;}

            .owl-carousel a.item:hover{}

            .owl-carousel a.item:active{
                text-decoration: none;}

            .owl-carousel a.item:focus{
                text-decoration: none;
                border: 0;}

         .owl-carousel a.item .popper{
            background: #FFF;
            position: absolute;
            left:-25px;
            top: 0px;
            z-index: 15;
            display: block;
            height:100px;
            width: 50px;}


        .owl-carousel a.item .nsimg{
            background: #000;
            position: relative;
            height:10vw;}

        .owldate{
            top:25px;
            right: 25px;
            display: block;
            font-size: 0.85em;
            letter-spacing: 0em;
            font-weight: 700;
            padding: 5px 10px;
            position: absolute;
            background: #FFF;
            border-radius: 150px;
            z-index: 10;
            text-transform: uppercase;
            color: #000;}


.newssliders section:last-child .owl-carousel a.item .nsimg{
    background: #FFF;}

            .owl-carousel a.item img{
                display: block;
                position: relative;
                width: 100%;
                height: 100%;
                opacity: 0.9;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;}

                .newssliders section:last-child .owl-carousel a.item img{
                    opacity: 0.5;
                    -webkit-filter: grayscale(1);
                            filter: grayscale(1);}

                .owl-carousel .nsimg::after{
                    position: absolute;
                    display: inline-block;
                    z-index: 10;
                    content: '';
                    width: 100%;
                    height: 65%;
                    left:0px;
                    bottom:0px;
                    background: -webkit-gradient(linear, left bottom, left top, from(rgba(41,171,197,1)), to(rgba(41,171,197,0)));
                    background: -o-linear-gradient(bottom, rgba(41,171,197,1) 0%, rgba(41,171,197,0) 100%);
                    background: linear-gradient(0deg, rgba(41,171,197,1) 0%, rgba(41,171,197,0) 100%);}

                .newssliders section:last-child .owl-carousel .nsimg::after{
                    background: -webkit-gradient(linear, left bottom, left top, from(rgba(241,238,235,1)), to(rgba(241,238,235,0)));
                    background: -o-linear-gradient(bottom, rgba(241,238,235,1) 0%, rgba(241,238,235,0) 100%);
                    background: linear-gradient(0deg, rgba(241,238,235,1) 0%, rgba(241,238,235,0) 100%);}

    .nscwrp{
        position: absolute;
        z-index: 15;
        bottom: 0;
        margin-top: -7.5vw;
        padding: calc(10px + 1.25vw);
        padding-bottom: calc(30px + 1.25vw);}

        .nscwrp p{
            max-height: 88px;
            overflow: hidden;}

        .nscwrp .leesmeer{
            margin-bottom:0px;}

    .ns-title{
        font-size: 1.3em;
        line-height: 1.5em;
        font-weight: 700;
        margin-bottom: 10px;
        display: block;
        font-family:'Source Serif Pro', sans-serif;}

         .nscwrp .ns-title{
            max-height: 75px;
            overflow: hidden;}

.newssliders .leesmeer{
    display: table;
    color: #FFF;
    border-radius: 150px;
    border: 1px solid #FFF;}

    .newssliders .leesmeer:hover{
        text-decoration: none;
        border-color:#06819a;
        background:#06819a;}

.newssliders section:last-child .leesmeer{
    color: #000;
    border: 1px solid #000;}

    .newssliders section:last-child .leesmeer:hover{
        background: #cbbfb4;
        color:#FFF;
        border:1px solid #cbbfb4;}

.owl-dots {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    margin: 15px auto;}

    .owl-carousel button.owl-dot{
        background: #06819A;
        border: 1px solid #06819A;
        width: 8px;
        height: 8px;
        margin: 4px;
        padding: 0px;
        border-radius: 100px;}

    .newssliders section:last-child button.owl-dot{
        background: #CBBFB4;
        border: 1px solid #CBBFB4;}

        .owl-carousel button.owl-dot.active, .newssliders section:last-child button.owl-dot.active{
            background:none;}

.clm a{
    color: #fff;
    font-size: 1.2em;
    padding: 0 calc(10px + 1.25vw) calc(10px + 1.25vw) calc(10px + 1.25vw);
    display: block;}

.clm a i{
    vertical-align: sub;
    font-size: 1.2em;
    margin-left: 5px;}

    .clm a:hover{
        text-decoration: none;
        color: #06819a;}


.newssliders section:last-child .clm a{
    color: #000;}

    .newssliders section:last-child .clm a:hover{
        color: #cbbfb4;}


/* -------------------- KORTE INTRO HOME -------------------- */
.paginainfo{
    bottom:0px;
    left:0px;
    z-index: 30;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.8);
    padding: 2.5vw 5vw;
    position: absolute;}

    .paginainfo h1{
        color: #FFF;
        font-size: 2.5em;
        padding: 0px;
        margin: 0 0 10px 0;}

    .paginainfo ul{
        background: none;
        list-style: none;
        padding: 0;
        margin: 0;}

        .paginainfo ul li{
            position: relative;
            display: inline-block;
            text-transform: uppercase;
            list-style: none;
            font-size: 1em;
            font-weight: 600;
            letter-spacing: 0.08em;
            padding: 0;
            margin: 0;}

            .paginainfo ul li + li{
                margin: 0 0 0 10px;
                padding: 0 0 0 30px;}

                .paginainfo ul li + li:after{
                    position: absolute;
                    left: 0px;
                    font-size: 16px;
                    font-weight: 300;
                    text-transform: none;
                    color: #FFF;
                    font-family: 'Material Icons';
                    content: 'keyboard_arrow_right';}

        .paginainfo ul li a{
            color: #FFF;}

.datum{
    font-size: 1em;
    padding: 10px calc(10px + 1.5vw);
    background:#bb4267;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1.5vw;
    text-shadow: none;
    display: table;
    border-radius: 150px;}


/* -------------------- KORTE INTRO HOME -------------------- */
.korteintro{
    position: absolute;
    width: calc(300px + 5vw);
    bottom:0px;
    z-index: 40;
    left: calc(20vw + 7.5vh)}

    .kit h1{
        font-size: calc(20px + 1.5vw);
        color: #FFF;}

    .kic{
        border-radius: 0 5vw 0 0;
        padding: 2.5vw 3vw;
        background: #FFF;
        color: #000;}

        .kic h2{
            color: #bb4267;
            font-size: 1.7em;
            line-height: 1.6em;}

        .kic > div.kiccnt{
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;}

        .kic > a{
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2}

.leesmeer.planbezoek{
    background: #29abc5;
    color:#fff;
    width: auto;
    display: table;
    border-radius: 150px;
    margin: 0px;}

    .leesmeer.planbezoek i{
        font-family: 'Material Icons';
        text-transform: none;
        padding: 0px;
        width: auto;
        margin: 0px 5px 0px 0px;}

        .leesmeer.planbezoek:hover{
            border:1px solid #bb4267;
            background: #bb4267;
            color: #FFF;
            text-decoration: none;}


/* -------------------- MAIN HOME -------------------- */
.mainhome{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    background: #29abc5;
    margin-right: 5vw;}

    .mainintro h3{
        font-size: calc(20px + 1.5vw);
        margin-bottom: 1.5vw;}

    img.mhimg{
        z-index: 0;
        background-blend-mode: multiply;
        -webkit-filter:grayscale(1);
                filter:grayscale(1);
        opacity: 0.15;
        top:0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position:center;
        background-attachment: fixed;
        background-size: cover;
        position: absolute;}

.homesearch{
    padding: 2.5vw 3vw;
    position: relative;
    color: #FFF;
    width:calc(20vw + 7.5vh);
    z-index: 10;}

    .homesearch span.title{
        letter-spacing: 0.25vw;
        margin-bottom: 1.5vw;
        display: block;
        text-transform: uppercase;
        font-size: 0.9em;
        font-weight: 600;
        z-index: 10;
        color: #FFF;}

        .homesearch input{
            border: 0;
            width: 100%;
            color: #000;
            font-size: 1.2em;
            padding: 15px 20px;
            border-radius: 5px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;}

        .ccm-search-block-form input{
            border: 1px solid rgba(0,0,0,0.2);
            width: 100%;
            color: #000;
            font-size: 1.2em;
            padding: 15px 20px;
            border-radius: 5px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;}


            .homesearch input::-webkit-input-placeholder{
                color: rgb(225,225,225);}

                .ccm-search-block-form input::-webkit-input-placeholder{
                    color: rgb(200,200,200);}

            .homesearch input::-moz-placeholder{
                color: rgb(225,225,225);}

                .ccm-search-block-form input::-moz-placeholder{
                    color: rgb(200,200,200);}

            .homesearch input:-ms-input-placeholder{
                color: rgb(225,225,225);}

              .ccm-search-block-form input:-ms-input-placeholder{
                    color: rgb(200,200,200);}

            .homesearch input::-ms-input-placeholder{
                color: rgb(225,225,225);}

                .ccm-search-block-form input::-ms-input-placeholder{
                    color: rgb(200,200,200);}

            .homesearch input::placeholder{
                color: rgb(225,225,225);}

                .ccm-search-block-form input::placeholder{
                    color: rgb(200,200,200);}

            .homesearch button,
            .ccm-search-block-form  button{
                margin: 1.5vw 0;
                background: rgba(0,0,0,0);}

.tekststreamer{
    -ms-flex-line-pack: end;
        align-content: flex-end;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    width: calc(300px + 5vw);
    background:#FFF;
    padding: 3vw;
    z-index: 10;}

    .tekststreamer h4{
        color: #29abc5;
        font-size: calc(20px + 1.5vw);}

.mainintro{
    color: #FFF;
    background: #bb4267;
    margin: 2.5vw -2.5vw 5vw 2.5vw;
    padding: 2.5vw 3vw;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    z-index: 10;
    border-radius: 0 0 0 5vw;
    position: relative;}

    .mainhome .leesmeer{
        border: 1px solid #FFF;
        display: inline-block;
        margin: 1.25vw 0;
        margin-right: 1.5vw;
        color: #FFF;
        border-radius: 150px;}

        .mainhome .leesmeer:hover{
            background: #fff;
            border-color: #FFF;
            color: #bb4267;
            text-decoration:none;}


/* -------------------- MAIN VVP -------------------- */
.vvp main{
    width: 80vw;}

    .vvp #slider{
        width: calc(100% - 5vw);}

    .vvp .ccm-image-slider-container{
        height: 25vw;}

    .contentwrapper{
        position: relative;
        margin: 5vw 10vw 5vw 5vw;}

.contentwrapper > *:last-child{
    margin-bottom: 0px;}

.contentwrapper h2{
    font-weight: 600;
    color: #29abc5;}

.content-100{
    margin-bottom: 5vw;
    width:calc(100%);}

.content-bluebox{
    overflow: hidden;
    border-radius: 0 5vw 0 5vw;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10vw;
    width: 100%;}

    .content-bluebox h2{
       color:#fff;}

    .cb-c{
        width: calc(50% + 5vw);
        color: #FFF;
        background: #29abc5;
        padding: 5vw 5vw 5vw 5vw;}

        .cb-c > *:last-child{
            margin-bottom: 0;}

    .cb-c a{
        color: #A3EEFE;}

    .cb-c a.leesmeer{
        border-color: #FFF;
        color: #FFF;}

        .cb-c a.leesmeer:hover{
            border-color: #a3eefe;
            color: #a3eefe;}

    .cb-i{
        border-radius: 0 0 0 5vw;
        overflow: hidden;
        margin: 5vw -5vw -5vw 0;
        transform: translateX(-5vw) translateY(0vw);
        position: relative;
        width: 50%;}

        .cb-i img{
            top:0px;
            left:0px;
            width: 100%;
            height: 100%;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;}

.content-imagebox{
    display: block;
    position: relative;
    height: 30vw;
    margin-bottom: 5vw;
    overflow:hidden;
    border-radius: 0 0 0 5vw;
    width: calc(100%);}

    .content-imagebox img{
        top:0px;
        left:0px;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;}

.content-redbg, .content-bluebg{
    border-radius: 0 5vw 0 5vw;
    overflow: hidden;
    padding: 5vw;}

.content-redbg img, .content-bluebg img{
    max-width: none;
    width: calc(100% + 10vw);
    height: auto;
    margin:2.5vw -5vw!important;}

    .content-redbg > *:last-child, .content-bluebg > *:last-child{
        margin: 0;}

    .content-redbg > img:last-child, .content-bluebg > img:last-child{
        margin-bottom: -5vw!important;}


    .content-redbg{
        color: #FFF;
        margin-bottom: 5vw;
        background: #bb4267;}

        .content-redbg a{
            text-decoration: underline;
            color: #FFBFD3;}

            .content-redbg > h1, .content-redbg > h2, .content-redbg > h3, .content-redbg > h4, .content-redbg > h5, .content-redbg > h6{
                color: #FFF;}

    .content-bluebg{
        color: #FFF;
        margin-bottom: 5vw;
        background: #29abc5;}

        .content-bluebg a{
            text-decoration: underline;
            color: #a3eefe;}

            .content-bluebg > h1, .content-bluebg > h2, .content-bluebg > h3, .content-bluebg > h4, .content-bluebg > h5, .content-bluebg > h6{
                color: #FFF;}


/* -------------------- MAIN VVP 2 KOLOMS -------------------- */
.vvp2k .contentwrapper{
    display: flex;
    margin: 5vw;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;}

.vvp2k .kolom1{
    width:calc(50% - 3vw);}

.vvp2k .kolom2{
    width:calc(50% - 3vw);}

    .vvp2k .kolom2 > *:last-child{
        margin-bottom: 0;}


.vvp2k .content-bluebox{
    margin-bottom: 2.5vw;
    flex-wrap: wrap;}

   .vvp2k .cb-c{
        width: calc(100%);}

    .vvp2k .cb-i{
        width: calc(100%);}


/* -------------------- OPENINGSTIJDEN MAIN -------------------- */
    .otmain{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 15px 0 30px 0;
        padding: 0px;
        list-style: none;}

        .otmain li{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            width: 100%;
            margin: 0px;
            padding: 0px;}

            .otmain li + li{
                border-top:1px solid rgba(0,0,0,0.1);
                padding-top: 0.5vw;
                margin-top:0.5vw;}

            .otmain li a{}

                .otmain li ul{
                    width: auto;}

                    .otmain li ul li{
                        width: auto;
                        font-size: 1em;}


/* -------------------- ARRANGEMENTEN -------------------- */
.arrangement{
    padding: 5vw;
    margin-bottom: 2.5vw;
    font-size: 1em;
    border-radius: 5px;
    background: #f1eeeb;}

    .arr-tit{
        font-size: 1.6em;
        margin-bottom: 15px;
        font-weight: 800;}

        .arr-dpw{
            justify-content: space-between;
            display: flex;}

            .arr-dpw + .arr-dpw{
                margin-top: 15px;}

            .arr-desc{
                width: 70%;
                font-size: 1em;}

                .arr-desc > *:last-child{
                    margin-bottom: 0px;}

            .arr-prijs{
                width: 25%;
                font-size: 1.2em;}

                .arr-prijs span{
                    display: block;}

                    .arr-prijs span:nth-child(1){
                        font-weight: 700;}

                   .arr-prijs span:nth-child(2){
                        font-style: italic;}


/* -------------------- PRIJSLIJST -------------------- */
.prijslijst{}

    ul.prijslijst{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        list-style: none;
        padding: 0px;
        margin: 0 0 30px 0;}

        ul.prijslijst li{
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            list-style: none;
            padding: 0px;
            margin: 0px;}

        ul.prijslijst li + li{
            border-top:1px dotted rgba(0,0,0,0.1);
            padding: 10px 0 0 0;
            margin: 10px 0 0 0;}

                ul.prijslijst li span{
                    width: 80%;}

            ul.prijslijst li ul{
                width: 20%;}

                ul.prijslijst li ul li{
                    display: block;
                    text-align: right;}


/* -------------------- SIMPELE LIJST -------------------- */
.simplelist{
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;}

    .sl-item{
        width:calc(100% / 3);
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        border: 1px solid rgba(255,255,255,1);
        text-decoration: none;
        padding: 2.5vw;
        background: #f8f8f8;}

        .sl-item:hover{
            text-decoration: none;
            background: #bb4267;}

            .sl-item > *:last-child{
                    margin-bottom: 0;}

        .sl-item .leesmeer{
            border-color: #000;
            color: #000;}

            .sl-item:hover .leesmeer{
                border-color: #FFF;
                color: #FFF;}

    .sl-tit{
        font-weight: 700;
        font-size: 1.3em;
        color: #29abc5;}

            .sl-item:hover .sl-tit{
                color: #fff;}

        .sl-item p{
            flex: 1;
            color: #000;}

            .sl-item:hover p{
                color: #fff;}


/* -------------------- AGENDA ACTIVITEITEN -------------------- */
.aa-header{
    height: 50vh;
    min-height: 20vw;
    position: relative;
    display: flex;}

.aa-header img{
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;}

.na-wrapper{
    margin-bottom: 30px;}

    .na-item{
        font-size: 1.2em;
        background: #f2ece7;
        padding: 10px 15px;
        border-radius: 100px;
        display: table;
        font-weight: 400;}

    .na-item + .na-item{
        margin-top: 10px;}

        .na-item.na-sd, .na-item.na-ed{
            display: inline-block;
            font-weight: 700;}

        .na-item.na-sd{
            }

        .na-item.na-ed{
            }

    .na-tot{
        background: #fff;
        padding: 10px 15px;
        border-radius: 100px;
        color: #000;
        display: inline-block;
        text-transform: uppercase;}

    .na-item .na-id{
        font-weight: 700;}


.voorjaarstijden .vjtijden, .najaarsstijden .njtijden{
    display: block;
}
.voorjaarstijden .njtijden, .najaarsstijden .vjtijden{
    display: none;
}


/* -------------------- PLAN BEZOEK BLOCK -------------------- */
.planbezoekblock{
    position: absolute;
    right: 5vw;
    top: 0;
    transform: translateY(-100%);
    background: #bb4267;
    color: #FFF;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 20vw;
    text-align: right;
    align-content: flex-end;
    align-items: flex-end;
    border-radius: 0 0 0 2.5vw;
    padding: 3vw;}

    .planbezoekblock span{
        font-family: 'Source Serif Pro';
        font-weight: 600;
        font-size: 1.3em;
        margin-bottom: 1.5vw;
        width: 100%;}

        .planbezoekblock .leesmeer{
            color: #FFF;
            margin-left: auto;
            border-color: #FFF;}

            .planbezoekblock .leesmeer i{
                margin-left: 0;}

        .planbezoekblock .leesmeer:hover{
            color: #bb4267;
            margin-left: auto;
            background: #FFF;
            border-color: #FFF;}

        .planbezoekblock > *:last-child{
            margin: 0px 0px 0px auto;}


/* -------------------- PAGINATION -------------------- */
.ccm-pagination-wrapper{
    display: flex;
    margin-top: 30px;
    width: 100%;}

.ccm-pagination-wrapper .pagination{
    margin: 0 auto;}

.ccm-pagination-wrapper .pagination a {
    border-radius: 0;
    display: inline-block;
    width:auto;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #06819a!important;
    color:#FFF!important;
    border-color: #06819a!important;}

.pagination>li>a, .pagination>li>span {
    color: #06819a!important;
    border:0px solid rgba(0,0,0,0)!important;}


/* -------------------- OUTRO -------------------- */
.outro{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 2.5vw 3vw;}

    .outroslider{
        margin-top: -5vw;
        min-height: 20vw;
        overflow: hidden;
        display: flex;
        border-radius: 0 2.5vw 0 0;
        width:calc(300px + 27.5vw + 7.5vh)}

        .outroslider ul.rslides > li > img {
            opacity: 1;}

    .outrocontent{
        padding: 2.5vw 3vw;
        width:auto;}

        .outrocontent h5{
            font-size:calc(20px + 1.5vw);
            color:#bb4267;}

        .outrocontent .leesmeer{
            display: inline-block;
            margin: 1.25vw 0;
            border-color: #bb4267;
            color: #bb4267;}


/* -------------------- FOOTER -------------------- */
footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
     flex-shrink: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background: #fff;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;}

footer > div{
    padding: 5vw 3vw;
    width: calc(100% / 4);}

    footer > div:first-child{
        width: calc(15%);}

    footer h6{
        font-family: 'Source Sans Pro';
        font-size: 1.2em;
        display: block;
        margin-bottom:20px;}


    .contactgegevens{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;}

        .contactgegevens ul{
            padding: 0px;
            margin: 0px;
            list-style: none;}

        .contactgegevens ul + ul{
            margin: 15px 0 0 0;}

    .contactgegevens ul li + li{
        padding-top: 0.25vw;
        margin-top:0.25vw;}

    .algemeen{}

        .algemeen ul{
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none;}

            .algemeen ul li{
                padding: 0;
                margin: 0;}

            .algemeen ul li + li{
                padding: 0;
                margin: 0 0 0 10px;}

                .algemeen ul li img{
                    height: 45px;
                    width: auto;}

    .openingstijden{
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;}

        .openingstijden ul{
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin: 0px;
            padding: 0px;
            list-style: none;}

            .openingstijden ul li{
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                width: 100%;
                margin: 0px;
                padding: 0px;}

                .openingstijden ul li + li{
                    border-top:1px solid rgba(0,0,0,0.1);
                    padding-top: 0.5vw;
                    margin-top:0.5vw;}

                .openingstijden ul li a{}

                    .openingstijden ul li ul{
                        width: auto;
                        }

                        .openingstijden ul li ul li{
                            width: auto;
                            white-space: nowrap;
                            font-size: 1em;}

    .planbezoek{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #bb4267;}

        .planbezoek .leesmeer{
            color: #FFF;
            border-color: #FFF;}

            .planbezoek .leesmeer:hover{
                background: #FFF;
                color: #bb4267;
                border-color: #FFF;}

                .planbezoek .leesmeer i{
                    margin: 0px 5px 0px 0px;}


/* -------------------- NIEUWS / ACTIVITEIT OVERZICHT -------------------- */
.na-overzicht{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}

    .na-overzicht a{
        border-radius: 0vw 0 2.5vw 0;
        overflow: hidden;
        text-decoration: none;
        background:#f1eeeb;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 3vw;
        color: #000;
        width: calc(50% - 1.5vw);}

        .na-overzicht a:nth-last-of-type(-n+2) {
            margin-bottom: 0vw;}

    .na-overzicht a:hover{
        text-decoration: none;
        color: #06819a;}


.naimg{
    position: relative;
    width: 35%;}

    .naimg img{
        top:0px;
        left:0px;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;}


.nacwrp{
    display: flex;
    flex-direction: column;
    padding: 30px;
    width: 65%;}

    .nacwrp h5{
        line-height: 1.5em;}

    .nacwrp .na-datum{
        flex: 1;
        font-size: 1em;
        text-transform: uppercase;
    }

    .nacwrp p{
    }

    .nacwrp .na-title{
    }

    .nacwrp .leesmeer{
        margin-bottom: 0;
        align-self: flex-start;
    }

    .na-overzicht a:hover .leesmeer{
        background: #06819a;
        color: #FFF;}


/* -------------------- BACK TO TOP -------------------- */
#back-top{
    background:rgba(255,255,255,0.9);
    display: block;
    position: fixed;
    right:15px;
    padding: 5px;
    bottom: 15px;
    border-radius: 4px;
    z-index: 50;}

#back-top a, #back-top button{
    display:block;
    padding:6px;
    border: 0px;
    border-radius: 4px;
    text-align: center;}

    #back-top a{
        cursor: pointer;
}

    #back-top button{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;}

    #back-top button .material-icons{
        border-radius: 4px;
        padding:6px;
        vertical-align: middle;}

#back-top i.material-icons{
    font-size:20px;
    color:#29abc5;}

#back-top img{
    width: 25px;
    margin-bottom: 0;
    height: auto;}

#back-top a + a{
    margin-top: 10px;
}

#back-top .reset{
    text-transform: uppercase;
}

.design{
    color: #a33255;
    text-transform: uppercase;
    font-size: 11px;}


/* -------------------- ALGEMEEN -------------------- */
img{
    max-width: 100%;
    margin-bottom: 30px;
    height: auto;}

.leesmeer i{
    margin-left: 5px;
    font-size: 1em;
    vertical-align: sub;}

.leesmeer{
    font-size: 1.2em;
    padding: 10px calc(10px + 1.5vw);
    border: 1px solid #29abc5;
    color: #29abc5;
    margin-bottom: 30px;
    display: table;
    border-radius: 150px;}

    .leesmeer:hover{
        text-decoration: none;}

    .licht, ul.licht li a{color:#F1EEEB;}
    .paars, ul.paars li a{color:#BB4267;}
    .blauw, ul.blauw li a{color:#29ABC5;}
    .bglicht{background:#F1EEEB;}
    .bgpaars{background:#BB4267;}
    .bgblauw{background:#29ABC5;}


    .listtitle{
        font-size: 1.3em;
        color: #bb4267;
        font-weight: 700;}

    p [.] > ul{
        margin-top: -15px;}

.editmode a{
   transition:none;}


/* -------------------- ANIMATIE -------------------- */
.leesmeer, .na-overzicht a, .clm a, a.naarbeneden, .owl-nav i, .socialmedia a, .socialmedia img, .navscrolled, nav.navbarms .collapse, .ccm-image-slider-inner .prev, .ccm-image-slider-inner .next, .sl-item, .sl-tit, .sl-item p{
    -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}