.img-hover-zoom {
    overflow: hidden;
}

    .img-hover-zoom img {
        object-fit: cover;
        transition: transform linear 0.2s;
    }

    .img-hover-zoom:hover img {
        transition: transform linear 3.2s;
        transform: scale(1.02);
    }

.ratio {
    position: relative;
}

    .ratio:before {
        content: '';
        position: relative;
        display: block;
    }

    .ratio.ratio1-1:before {
        padding-top: 100%;
    }

    .ratio img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }





header {
    position: relative;
    padding-bottom: 0 !important;
}

    header img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    header .overlay {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.3);
    }

@media screen and (max-width:850px) {
    header {
        height: 350px;
    }

        header .overlay {
            z-index: 0;
        }
}

@media screen and (min-width:850px) {
    header {
        height: 615px;
        max-height: 80vh;
    }

    .js .page-title,
    .js header .overlay {
        opacity: 0;
    }

    html.ready .page-title,
    html.ready header .overlay {
        opacity: 1;
        transition: opacity .8s ease-in-out;
        transition-delay: 0.4s;
    }

    .page-title,
    .page-title a {
        color: #ffffff;
    }
}


html:not(.embed) .page-title.fullwidth {
    margin-top: 50px;
}

.page-title h1 {
    margin: 0;
    margin-bottom: 30px;
    font-weight: 900;
    line-height: 110%;
}

.page-title a {
    margin-top: 25px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #202020;
    padding-bottom: 3px;
}

@media screen and (min-width:850px) {

    .page-title {
        position: absolute !important;
        z-index: 2;
        top: 130px;
        left: 0px;
    }

        .page-title .text-container {
            padding-left: 150px;
            max-width: 1220px;
            margin-left: auto;
            margin-right: auto;
        }


        .page-title.fullwidth {
            width: 100%;
        }

        .page-title h1 {
            display: block;
            max-width: 800px;
            text-shadow: 1px 1px 6px rgba(0,0,0,.3);
        }

        .page-title a {
            border-bottom-color: #fff;
        }
}

@media screen and (max-width:850px) {

    .page-title {
        position: absolute !important;
        top: 90px;
        left: 0px;
        color: #fff;
        text-shadow: 1px 1px 6px rgba(0,0,0,.3);
    }
}

@media screen and (min-width:1250px) {
    .page-title h1 {
        font-weight: 900;
        line-height: 106.25%;
    }
}


.flex-list-2 {
    display: flex;
    flex-wrap: wrap;
}

    .flex-list-2 > * {
        flex: 1;
        flex-basis: calc(50% - 18px);
        max-width: calc(50% - 18px);
        margin-right: 30px;
        box-sizing: border-box;
        position: relative;
    }

        .flex-list-2 > *:nth-child(2n) {
            margin-right: 0px;
        }


.flex-list-3 {
    display: flex;
    flex-wrap: wrap;
}

    .flex-list-3 > * {
        flex: 1;
        flex-basis: calc(33% - 18px);
        max-width: calc(33% - 18px);
        margin-right: 30px;
        box-sizing: border-box;
    }

        .flex-list-3 > *:nth-child(3n) {
            margin-right: 0px;
        }

.content-container .component {
    position: relative;
}

.content-container .component {
    margin-bottom: 70px;
}

    .content-container .component.wave-top {
        padding-top: 100px;
    }

    .content-container .component.wave-bottom {
        padding-bottom: 100px;
    }


    .content-container .component:last-child {
        margin-bottom: 0;
    }

    .content-container .component.has-background:first-child,
    .content-container .component.has-background:last-child,
    .content-container .component.has-background + .has-background {
        background-color: transparent !important;
    }

        .content-container .component.has-background.wave-bottom:first-child:after,
        .content-container .component.has-background.wave-bottom:last-child:after,
        .content-container .component.has-background + .has-background.wave-bottom:after,
        .content-container .component.has-background.wave-top:first-child:before,
        .content-container .component.has-background.wave-top:last-child:before,
        .content-container .component.has-background + .has-background.wave-top:before {
            display: none !important;
        }

        .content-container .component.has-background.wave-bottom:first-child,
        .content-container .component.has-background.wave-bottom:last-child,
        .content-container .component.has-background + .has-background.wave-bottom {
            padding-bottom: 0;
        }

        .content-container .component.has-background.wave-top:first-child,
        .content-container .component.has-background.wave-top:last-child,
        .content-container .component.has-background + .has-background.wave-top {
            padding-top: 0;
        }

.halfwidth, .fullwidth, .maxwidth {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}



.content-container .component .main-content-spacing {
    margin-top: 60px;
    margin-bottom: 65px;
}

@media screen and (min-width:1250px) {

    .halfwidth {
        width: 740px;
    }

    .fullwidth {
        width: 1140px;
    }

    .maxwidth {
        width: auto;
    }
}

@media screen and (min-width:850px) and (max-width:1250px) {

    .halfwidth {
        width: 750px;
    }

    .fullwidth {
        width: 750px;
    }

    .maxwidth {
        width: auto;
    }
}

@media screen and (min-width:850px) {
    .halfwidth,
    .fullwidth,
    .maxwidth {
        max-width: calc(100% - 72px);
    }
}

@media screen and (max-width:850px) {
    .halfwidth,
    .fullwidth,
    .maxwidth {
        box-sizing: border-box;
        width: 100%;
        padding: 0 17px;
    }
}

.marker-popup {
    width: 175px;
    font-size: 70%;
}

    .marker-popup .title-container {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 27px;
        background-color: rgba(0,0,0,0.3);
    }

        .marker-popup .title-container .title {
            color: #fff;
            font-weight: 900;
            position: absolute;
            bottom: 0px;
            left: 0px;
            right: 0px;
            padding: 5px;
        }

    .marker-popup .image {
        width: 100%;
        display: block;
        width: 175px;
        height: 100px;
        background-image: url(/assets/3.0/images/design/loading.svg);
        background-color: #fff3ae;
        background-size: 50px 50px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .marker-popup .location {
        color: #202020;
        height: 27px;
        padding: 0 5px;
        line-height: 27px;
        box-sizing: border-box;
        font-weight: 900;
        vertical-align: top;
    }

        .marker-popup .location svg {
            margin: 6px 2px 6px 0;
            width: 15px;
            height: 15px;
            display: inline-block;
            vertical-align: top;
        }


.content-container .component .intro-container {
    margin-bottom: 70px;
}

.intro-container .title {
    margin: 0;
    line-height: 110%;
}

.page-title h1 span,
.component h2 span,
.component h3 span {
    font-weight: 500;
}

.intro-container .text {
    font-weight: 500;
    line-height: 150%;
    margin-top: 25px;
}

.content-container .component > .link-container {
    text-align: center;
    margin-top: 70px;
}

@media screen and (max-width:850px) {
    .content-container .component .intro-container {
        margin-bottom: 30px;
    }

    .content-container .component > .link-container {
        margin-top: 30px;
    }

    .intro-container .title {
        margin-bottom: 20px;
    }
}


.component.zoek-resultaten .resultaten-count-container {
    background-color: #FFF3AE;
    padding-top: 115px;
    padding-bottom: 80px;
}

    .component.zoek-resultaten .resultaten-count-container .tekst {
        max-width: 780px;
    }

.component.zoek-resultaten .search-form {
    margin-top: 80px;
    margin-bottom: 120px;
}

.component.zoek-resultaten .button-container {
    text-align: center;
}

.component.zoek-resultaten .zoek-resultaat-item {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .component.zoek-resultaten .zoek-resultaat-item > .titel {
        font-weight: 900;
        line-height: 150%;
        overflow: hidden;
        display: block;
    }

    .component.zoek-resultaten .zoek-resultaat-item > .tekst {
        margin-top: 10px;
        font-weight: 500;
        line-height: 150%;
    }

.component.teaseropsomming .teaser {
    display: block;
    position: relative;
    width: 360px;
    overflow: hidden;
}

    .component.teaseropsomming .teaser:before {
        content: '';
        padding-top: 127.77%;
        display: block;
    }

    .component.teaseropsomming .teaser .afbeelding {
        object-fit: cover;
        display: block;
        width: 100%;
        height: calc(100% - 130px);
        position: absolute;
        top: 0;
    }



    .component.teaseropsomming .teaser .text-container {
        position: absolute;
        color: #fff;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 10px 17px;
        box-sizing: border-box;
    }

    .component.teaseropsomming .teaser.light-background .text-container {
        color: #202020;
    }

        .component.teaseropsomming .teaser.light-background .text-container .sub-title {
            font-size: 80%;
        }

    .component.teaseropsomming .teaser .text-container p {
        margin-top: 0;
        margin-bottom: 3px;
        font-size: 70%;
    }

    .component.teaseropsomming .teaser .text-container .title {
        margin: 0;
        font-size: 113%;
        line-height: 130%;
        font-weight: bold;
    }

    .component.teaseropsomming .teaser:nth-child(3):not(:last-child) .text-container .sub-title,
    .component.teaseropsomming .teaser:nth-child(4) .text-container .sub-title {
        display: none;
    }


.content-container .component .link-container .details-link {
    font-size: 90%;
}


.component.teaseropsomming .teaser .text-container {
    background-color: #fff;
    color: #202020;
    height: 100px;
}

.component.teaseropsomming:not(.has-background) .teaser .text-container,
.component.teaseropsomming.has-background:first-child .teaser .text-container,
.component.teaseropsomming.has-background:last-child .teaser .text-container,
.component.has-background + .component.teaseropsomming.has-background .teaser .text-container {
    background-color: #f4f4f4;
}

.component.teaseropsomming .teaser {
    padding: 4px;
    box-sizing: border-box;
    display: flex;
}

    .component.teaseropsomming .teaser .teaser-content-container {
        position: relative;
        width: 100%;
    }

@media screen and (min-width:1250px) {
    .component.teaseropsomming .teaser {
        float: left;
        margin-right: 30px;
        box-sizing: border-box;
    }

        .component.teaseropsomming .teaser::before {
            padding-top: 130.90%;
        }

        .component.teaseropsomming .teaser:nth-child(1) .text-container,
        .component.teaseropsomming .teaser:nth-child(2) .text-container {
            height: 130px;
        }

        .component.teaseropsomming .teaser:nth-child(3):not(:last-child),
        .component.teaseropsomming .teaser:nth-child(4) {
            margin-bottom: 30px;
            margin-right: 0;
            width: 360px;
        }

            .component.teaseropsomming .teaser:nth-child(3):not(:last-child) .afbeelding,
            .component.teaseropsomming .teaser:nth-child(4) .afbeelding {
                height: calc(100% - 70px);
            }

            .component.teaseropsomming .teaser:nth-child(3):not(:last-child):before,
            .component.teaseropsomming .teaser:nth-child(4):before {
                padding-top: 39.30%;
                margin-bottom: 73px;
            }

            .component.teaseropsomming .teaser:nth-child(3):not(:last-child) .text-container p,
            .component.teaseropsomming .teaser:nth-child(4) .text-container p {
                display: none;
            }

        .component.teaseropsomming .teaser:nth-child(3):not(:last-child) .text-container,
        .component.teaseropsomming .teaser:nth-child(4) .text-container {
            bottom: 0;
            height: 70px;
            padding: 10px;
            text-shadow: none;
        }

            .component.teaseropsomming .teaser:nth-child(3):not(:last-child) .text-container .title,
            .component.teaseropsomming .teaser:nth-child(4) .text-container .title {
                font-size: 100%;
            }

        .component.teaseropsomming .teaser:nth-child(n+3):last-child {
            margin-right: 0;
        }

        .component.teaseropsomming .teaser:last-child {
            margin-bottom: 0;
        }


}

@media screen and (min-width:850px) and (max-width:1250px) {

    .component.teaseropsomming .teaser {
        float: left;
    }

        .component.teaseropsomming .teaser .text-container {
            height: 130px;
        }

        .component.teaseropsomming .teaser:nth-child(n+3) {
            margin-top: 30px;
        }

        .component.teaseropsomming .teaser:nth-child(odd) {
            margin-right: 30px;
        }
}

@media screen and (max-width:850px) {

    .component.teaseropsomming .teaser-container.fullwidth {
        padding: 0 15px;
    }

    .component.teaseropsomming .teaser {
        width: 100%;
    }

        .component.teaseropsomming .teaser:before {
            padding-top: 100%;
        }

        .component.teaseropsomming .teaser:nth-child(n+2) {
            margin-top: 18px;
        }

        .component.teaseropsomming .teaser:nth-child(3) {
            margin-right: 18px;
        }


        .component.teaseropsomming .teaser .text-container .title {
            line-height: 130%;
            font-size: 120%;
        }

        .component.teaseropsomming .teaser .afbeelding {
            height: calc(100% - 100px);
        }
}

.component.teaseropsomming-met-tekst .teaser-container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 0 35px;
}


@media screen and (max-width:850px) {
    .component.teaseropsomming-met-tekst .teaser-container {
        padding: 0 17px;
    }
}


.component.teaseropsomming-met-tekst .teaser.teaser-met-tekst {
    background-color: #fff;
    display: block;
    position: relative;
    text-decoration: none;
    margin-right: 30px;
    margin-top: 30px;
    width: 200px;
}

    .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst:nth-child(3n) {
        margin-right: 0;
    }



    .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .afbeelding-container {
        position: relative;
        overflow: hidden;
        padding-top: 84.02%;
    }


        .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .afbeelding-container .afbeelding {
            transition: transform linear 0.3s;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            background-color: #fff3ae;
            background-image: url(/assets/3.0/images/design/loading.svg);
            background-size: 50px 50px;
            background-position: center center;
            background-repeat: no-repeat;
        }

    .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst:hover .afbeelding {
        transition: transform linear 3.2s;
        transform: scale(1.05);
    }

    .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .text-container {
        box-sizing: border-box;
        padding: 17px;
        padding-bottom: 40px;
    }

.component.teaseropsomming-met-tekst:not(.has-background) .teaser.teaser-met-tekst {
    background-color: #f5f5f5;
}



.component.teaseropsomming-met-tekst .teaser.teaser-met-tekst:hover {
    color: #202020 !important;
}

.component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .text-container * {
    margin: 0;
    padding: 0;
}

.component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .text-container .title {
    margin-bottom: 10px;
    line-height: 120%;
    font-weight: 900;
    font-size: 110%;
}

.component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .text-container .text {
    font-weight: 500;
    font-size: 80%;
    line-height: 150%;
    margin-bottom: 17px;
}

.component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .text-container .link {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 13px;
    bottom: 13px;
    overflow: visible;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

    .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .text-container .link svg {
        width: 21px;
        height: 22px;
    }

@media screen and (min-width:850px) {

    .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst:nth-child(-n+3) {
        margin-top: 0;
    }
}

@media screen and (max-width:850px) {

    .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst:first-child {
        margin-top: 0;
    }

    .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst {
        max-width: 100%;
        flex-basis: 100%;
        display: block;
        margin-top: 18px;
        margin-right: 0;
    }

        .component.teaseropsomming-met-tekst .teaser.teaser-met-tekst .text-container {
            height: auto;
        }
}

.component.instagramfeed.is-error {
    display: none;
}

.component.instagramfeed .images-container .image {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 30px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .component.instagramfeed .images-container .image:first-child {
        margin-top: 0;
    }

@media screen and (min-width:1250px) {

    .component.instagramfeed .images-container .image {
        width: 360px;
        float: left;
        margin-left: 30px;
        margin-top: 0;
    }

        .component.instagramfeed .images-container .image:first-child {
            margin-left: 0;
        }

        .component.instagramfeed .images-container .image:nth-last-of-type(-n+4) {
            width: 165px;
            margin-bottom: 30px;
        }

        .component.instagramfeed .images-container .image:nth-last-of-type(-n+2) {
            margin-bottom: 0;
        }
}

@media screen and (min-width:850px) and (max-width:1250px) {
    .component.instagramfeed .images-container .image {
        width: 360px;
        float: left;
        margin-left: 30px;
    }


        .component.instagramfeed .images-container .image:nth-child(2n+1) {
            margin-left: 0;
        }


        .component.instagramfeed .images-container .image:nth-child(-n+2) {
            margin-top: 0;
        }
}

@media screen and (max-width:850px) {

    .component.instagramfeed .images-container .image {
        margin-top: 18px;
    }

        .component.instagramfeed .images-container .image:nth-child(n+2) {
            width: calc(50% - 9px);
            float: left;
        }

        .component.instagramfeed .images-container .image:nth-child(2n+3) {
            margin-left: 18px;
        }

        .component.instagramfeed .images-container .image:nth-child(n+6) {
            display: none;
        }
}

.component.teaser-met-golven-en-foto .teaser-container .tekst-container {
    box-sizing: border-box;
    color: #202020;
    font-weight: bold;
    line-height: 110%;
    position: relative;
}

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container .title {
        font-size: 220%;
        font-weight: 900;
        line-height: 120%;
        margin: 0;
        margin-bottom: 30px;
    }

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container .tekst-wrapper {
        padding: 40px;
        padding-bottom: 102px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container .background {
        fill: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }

.component.teaser-met-golven-en-foto .teaser-container .background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #202020;
    opacity: 0.8;
}

.component.teaser-met-golven-en-foto .teaser-container .tekst-container p {
    margin: 0;
    padding: 0;
}

.component.teaser-met-golven-en-foto .teaser-container .tekst-container .teaser {
    font-size: 110%;
    line-height: 154.5%;
}

.component.teaser-met-golven-en-foto .teaser-container .tekst-container .link {
    width: 42px;
    height: 46px;
    display: block;
    position: absolute;
    bottom: 36px;
    right: 36px;
    fill: #202020;
    padding: 4px;
    border-radius: 50%;
    display: flex;
}

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container .link svg {
        width: 100%;
        height: 100%;
        display: block;
    }

@media screen and (min-width:1250px) {

    .component.teaser-met-golven-en-foto .teaser-container .afbeelding-container {
        float: left;
        width: 570px;
    }

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container {
        float: left;
        width: 570px;
        line-height: 120%;
    }
}

@media screen and (max-width:1250px) {

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container .tekst-wrapper {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container:before {
        display: none;
    }
}

@media screen and (min-width:850px) and (max-width:1250px) {

    .component.teaser-met-golven-en-foto .teaser-container .afbeelding-container {
        width: 100%;
    }
}

@media screen and (max-width:850px) {
    .component.teaser-met-golven-en-foto .teaser-container .tekst-container .tekst-wrapper {
        padding: 18px;
        padding-bottom: 69px;
    }

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container .link {
        bottom: 20px;
        left: auto;
        right: 20px;
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width:550px) {

    .component.teaser-met-golven-en-foto .teaser-container .tekst-container .link {
        width: 25px;
        height: 25px;
    }
}


.component.tekstuele-teaser-met-link .image {
    width: 80px;
    height: 80px;
}

.component.tekstuele-teaser-met-link:not(.is-themed) .teaser-content-container {
    border: 1px solid #202020;
}

.component.tekstuele-teaser-met-link .text-container .title {
    font-size: 210%;
    font-weight: 900;
    margin-bottom: 11px;
}

.component.tekstuele-teaser-met-link .text-container .teaser {
    font-weight: 500;
    font-size: 80%;
    line-height: 137.5%;
}

.component.tekstuele-teaser-met-link .teaser-container .button {
    white-space: nowrap;
}

@media screen and (max-width:850px) {
    .component.tekstuele-teaser-met-link .teaser-container {
        padding: 17px;
    }

    .component.tekstuele-teaser-met-link .image {
        float: right;
        margin-left: 17px;
        margin-bottom: 17px;
    }

    .component.tekstuele-teaser-met-link .text-container .title {
        margin-top: -5px;
    }

    .component.tekstuele-teaser-met-link .text-container .teaser {
        line-height: 144.44%;
    }

    .component.tekstuele-teaser-met-link .teaser-container .button-container {
        text-align: center;
        margin-top: 34px;
        margin-bottom: 5px;
    }
}

@media screen and (min-width:850px) {

    .component.tekstuele-teaser-met-link .halfwidth {
        width: 900px;
    }

    .component.tekstuele-teaser-met-link .text-container .title {
        font-size: 180%;
    }

    .component.tekstuele-teaser-met-link .teaser-container {
        position: relative;
        padding: 30px 45px 10px 45px;
        box-sizing: border-box;
        min-height: 140px;
        display: table;
        width: 100%;
    }

    .component.tekstuele-teaser-met-link .image {
        display: table-cell;
        margin-right: 40px;
    }


    .component.tekstuele-teaser-met-link .text-container {
        display: table-cell;
        vertical-align: top;
        position: relative;
        top: -17px;
    }

        .component.tekstuele-teaser-met-link .text-container .teaser {
        }

    .component.tekstuele-teaser-met-link .teaser-container .button-container {
        display: table-cell;
        padding-top: 26px;
        padding-left: 24px;
        vertical-align: top;
    }
}

.component.opsommingslijst .titel {
    font-size: 160%;
    font-weight: 900;
    margin-bottom: 40px;
}

.component.opsommingslijst .lijst {
    margin: 0;
    padding: 0;
    padding-left: 30px;
    box-sizing: border-box;
    font-weight: 700;
}

    .component.opsommingslijst .lijst li .check {
        width: 20px;
        height: 20px;
        fill: #50BD9D;
        position: absolute;
        top: 3px;
        left: -30px;
    }

    .component.opsommingslijst .lijst li {
        position: relative;
        list-style: none;
        margin-bottom: 20px;
        padding: 0
    }

@media screen and (min-width:850px) {

    .component.opsommingslijst .lijst {
        width: 50%;
        float: left;
    }

        .component.opsommingslijst .lijst.left li {
            margin-right: 20px;
        }

        .component.opsommingslijst .lijst.right li {
            margin-left: 20px;
        }
}

.component.tekstcontent .intro-container {
    margin-bottom: 40px;
}

    .component.tekstcontent .intro-container .text {
        font-weight: bold;
    }

.component.tekstcontent .tekstcontent-container > * {
    margin-bottom: 40px;
}

    .component.tekstcontent .tekstcontent-container > *:last-child {
        margin-bottom: 0;
    }

.component.tekstcontent .tekstcontent-container .titel {
    font-size: 170%;
    font-weight: 900;
}

.component.tekstcontent .tekstcontent-container .tekst.halfwidth {
    font-weight: 500;
    line-height: 150%;
}

.component.tekstcontent .tekstcontent-container .tekst.zwaar {
    font-size: 140%;
    font-weight: 900;
    line-height: 150%;
}

.component.tekstcontent .tekstcontent-container .tekst p {
    margin-bottom: 20px;
}

    .component.tekstcontent .tekstcontent-container .tekst p:last-child {
        margin-bottom: 0;
    }

.component.tekstcontent .tekstcontent-container .afbeeldingen.grotere-weergave {
    width: 800px;
}

.component.tekstcontent .tekstcontent-container .afbeeldingen {
    width: 750px;
    position: relative;
}

    .component.tekstcontent .tekstcontent-container .afbeeldingen .bekijk-alles {
        position: absolute;
        z-index: 2;
        right: 0px;
        top: 50%;
        display: block;
        height: 80px;
        width: 80px;
        border-radius: 40px;
        margin-top: -40px;
        margin-right: -40px;
        box-shadow: 0px 2px 20px -6px rgba(0,0,0,0.75);
        background-color: #fff;
        line-height: 80px;
        text-align: center;
        text-decoration: none;
        font-size: 120%;
        font-weight: 900;
        border: none;
        cursor: pointer;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer img {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 83px;
        box-sizing: border-box;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer .loader,
    .component.tekstcontent .tekstcontent-container .afbeeldingen.loading .image-viewer img {
        display: none;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen.loading .image-viewer .loader {
        display: block;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer .image-container {
        position: absolute;
        top: 80px;
        left: 80px;
        right: 80px;
        bottom: 80px;
    }


    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer .previous {
        position: absolute;
        top: 50%;
        left: 0px;
        font-size: 200%;
        border: none;
        background-color: transparent;
        color: #202020;
        cursor: pointer;
        transform: translateY(-50%);
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer .next {
        position: absolute;
        top: 50%;
        right: 0px;
        font-size: 200%;
        border: none;
        background-color: transparent;
        color: #202020;
        cursor: pointer;
        transform: translateY(-50%);
    }


.component.tekstcontent .tekstcontent-container .afbeeldingen .afbeelding {
    position: relative;
    cursor: pointer;
}

    .component.tekstcontent .tekstcontent-container .afbeeldingen .afbeelding img {
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        position: absolute;
        top: 3px;
        left: 3px;
        object-fit: cover;
    }

.component.tekstcontent .tekstcontent-container {
    position: relative;
}

    .component.tekstcontent .tekstcontent-container .afbeeldingen.afbeeldingen-1 .afbeelding, .component.tekstcontent .tekstcontent-container .afbeeldingen.afbeeldingen-3 .afbeelding:first-child {
        width: 100%;
        padding-top: 50%;
        margin-top: 0;
        margin-right: 0;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .afbeelding {
        width: calc(50% - 15px);
        padding-top: calc(50% - 15px);
        float: left;
        border: none;
        background-color: transparent;
    }

        .component.tekstcontent .tekstcontent-container .afbeeldingen .afbeelding .afbeelding-container {
            padding: 3px;
            overflow:hidden;
        }


    .component.tekstcontent .tekstcontent-container .afbeeldingen.afbeeldingen-3 .afbeelding:nth-child(n+2), .component.tekstcontent .tekstcontent-container .afbeeldingen.afbeeldingen-4 .afbeelding:nth-child(n+3) {
        margin-top: 30px;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen.afbeeldingen-2 .afbeelding:first-child, .component.tekstcontent .tekstcontent-container .afbeeldingen.afbeeldingen-3 .afbeelding:nth-child(2), .component.tekstcontent .tekstcontent-container .afbeeldingen.afbeeldingen-4 .afbeelding:nth-child(odd) {
        margin-right: 30px;
    }

    .component.tekstcontent .tekstcontent-container .html-code {
        width: 100%;
        max-width: 1270px;
        padding-left: 35px;
        padding-right: 35px;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    .component.tekstcontent .tekstcontent-container .losse-afbeelding {
        width: 100%;
        max-width: 1270px;
        padding-left: 35px;
        padding-right: 35px;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

        .component.tekstcontent .tekstcontent-container .losse-afbeelding img {
            width: 100%;
            display: block;
        }

@media screen and (max-width:850px) {

    .component.tekstcontent .intro-container {
        margin-bottom: 17px;
    }

    .component.tekstcontent .tekstcontent-container > * {
        margin-bottom: 17px;
    }

    .component.tekstcontent .tekstcontent-container .tekst p {
        margin-bottom: 9px;
    }


    .component.tekstcontent .tekstcontent-container .afbeeldingen-3 .afbeelding:nth-child(n+2),
    .component.tekstcontent .tekstcontent-container .afbeeldingen-4 .afbeelding:nth-child(n+3) {
        margin-top: 18px;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen-2 .afbeelding:first-child,
    .component.tekstcontent .tekstcontent-container .afbeeldingen-3 .afbeelding:nth-child(2),
    .component.tekstcontent .tekstcontent-container .afbeeldingen-4 .afbeelding:nth-child(odd) {
        margin-right: 18px;
    }

    .component.tekstcontent .tekstcontent-container .afbeelding {
        width: calc(50% - 9px);
        padding-top: calc(50% - 9px);
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer .image-container {
        left: 17px;
        right: 17px;
    }


    .component.tekstcontent .tekstcontent-container .afbeeldingen .bekijk-alles {
        top: 50%;
        left: 50%;
        margin-top: -40px;
        margin-left: -40px;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer img {
        padding: 0px;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer .previous {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        border: none;
        background-color: transparent;
        color: #202020;
        cursor: pointer;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer .previous {
        position: relative;
        height: auto;
        float: left;
    }

    .component.tekstcontent .tekstcontent-container .afbeeldingen .image-viewer .next {
        position: relative;
        height: auto;
        float: right;
        top: 0;
    }

    .component.tekstcontent .tekstcontent-container .html-code {
        width: 100%;
        padding-left: 17px;
        padding-right: 17px;
    }

    .component.tekstcontent .tekstcontent-container .losse-afbeelding {
        width: 100%;
        padding-left: 17px;
        padding-right: 17px;
    }
}

.component.vimeo-player > .halfwidth {
    width: 800px;
}

.component.vimeo-player .video-container {
    position: relative;
    max-width: 800px;
    width: 100%;
    z-index: 2;
}

.component.vimeo-player .thumbnail {
    display: block;
    width: 100%;
    min-height: 300px;
}

.component.vimeo-player .player {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}

    .component.vimeo-player .player iframe {
        width: 100%;
        height: 100%;
    }

.component.vimeo-player .play-button {
    white-space: nowrap;
    line-height: 22px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%) translateY(-50%);
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    padding: 16px 23px;
    border-radius: 100px;
}

    .component.vimeo-player .play-button svg {
        vertical-align:top;
        position: relative;
        top: 2px;
        width: 22px;
        height: 22px;
        fill: #50bd9d;
        margin-right:5px;
    }

    .component.vimeo-player .play-button span {
        position:relative;
        top:-2px;
        font-size:80%;
        font-weight:900;
    }


.component.mxms-resultaten {
    overflow: hidden;
}

    .component.mxms-resultaten.is-empty-result .intro-container {
        display: none;
    }

    .component.mxms-resultaten .button-container {
        width: 1038px;
        margin-bottom: 15px;
    }

        .component.mxms-resultaten .button-container .button:last-child {
            margin-right: 0px;
        }

        .component.mxms-resultaten .button-container .button {
            margin-right: 15px;
            margin-bottom: 15px;
        }

    .component.mxms-resultaten .teaser-container {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    .component.mxms-resultaten .loadmore-container {
        margin-top: 70px;
        text-align: center;
    }

    .component.mxms-resultaten .loader-container {
        height: 300px;
        position: relative;
    }




@media screen and (min-width:850px) {



    .component.mxms-resultaten .teaser-container .teaser {
        margin-top: 30px;
    }

    .component.mxms-resultaten .teaser-container:not(.glide) {
        padding: 0 30px;
    }

    .component.mxms-resultaten .teaser-container .teaser:nth-child(-n+3) {
        margin-top: 0;
    }

    .component.mxms-resultaten .teaser-container .teaser:nth-child(3n) {
        margin-right: 0;
    }
}


@media screen and (max-width:850px) {

    .component.mxms-resultaten .teaser-container {
        padding: 0;
    }

        .component.mxms-resultaten .teaser-container:not(.glide) {
            padding: 0 17px;
        }

        .component.mxms-resultaten .teaser-container.glide .glide__slide {
            opacity: 0.3;
            transition: opacity linear 0.6s;
        }

            .component.mxms-resultaten .teaser-container.glide .glide__slide.glide__slide--active {
                opacity: 1;
            }

        .component.mxms-resultaten .teaser-container .teaser:first-child {
            margin-top: 0;
        }

        .component.mxms-resultaten .teaser-container .teaser {
            width: auto;
            display: block;
            margin-top: 0;
            margin-right: 0;
        }

        .component.mxms-resultaten .teaser-container:not(.glide) .teaser {
            max-width: 100%;
            flex-basis: 100%;
        }

        .component.mxms-resultaten .teaser-container.glide .teaser {
            max-width: initial;
            flex-basis: auto
        }

        .component.mxms-resultaten .teaser-container:not(.glide) {
        }

            .component.mxms-resultaten .teaser-container:not(.glide) .teasers-wrapper .teaser {
                margin-top: 17px;
            }

                .component.mxms-resultaten .teaser-container:not(.glide) .teasers-wrapper .teaser:first-child {
                    margin-top: 0;
                }
}






























.component.advertentieselectie .tablist {
    width: 100%;
    border-bottom: 1px solid #bebebe;
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

    .component.advertentieselectie .tablist .tab {
        display: inline-block;
        line-height: 50px;
        padding: 0 25px;
    }

        .component.advertentieselectie .tablist .tab.active, .section-register-event .tablist .tab:hover {
            background: #f1f1f1;
        }

        .component.advertentieselectie .tablist .tab.invalid-tab {
            box-shadow: inset 0 2px 0 0 red;
        }

    .component.advertentieselectie .tablist a {
        color: #565656;
        text-decoration: none;
        display: block;
    }

.component.advertentieselectie .inner {
    width: 960px;
    max-width: 90%;
    margin: 0 auto;
}

.component.advertentieselectie .tab-contentcontainer {
    width: 580px;
    max-width: 85%;
    margin: 0 auto;
    float: none;
    padding: 40px 0;
}

    .component.advertentieselectie .tab-contentcontainer p {
        margin-bottom: 15px;
    }

.component.advertentieselectie .tab-nav {
    width: 100%;
    text-align: center;
    clear: both;
}

.component.advertentieselectie .form .input {
    box-shadow: none;
    border: 1px solid #000;
    background: #fff;
    width: 95%;
    padding: 12px 2.5%;
    outline: none;
    margin-bottom: 10px;
    -webkit-appearance: none;
}


.component.teaseropsomming-met-tekst-simpel .teaser-container {
    max-width: 985px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 35px;
    text-align: center;
}

    .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser {
        width: calc(25% - 23px);
        margin-right: 24px;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

        .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser .image-container {
            display: inline-block;
        }


.component.teaseropsomming-met-tekst-simpel .teaser-container .teaser:last-child {
    margin-right: 0px;
}

        .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser .afbeelding {
            width: 100%;
        }

        .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser .title {
            font-size: 110%;
            font-weight: 900;
            margin-top: 10px;
        }

        .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser .text {
            line-height: 150%;
            font-weight: 500;
            margin-top: 5px;
        }

        .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser .button {
            margin-top: 20px;
        }


@media screen and (max-width:850px) {

    .component.teaseropsomming-met-tekst-simpel .teaser-container {
        padding: 0 17px;
    }

        .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser {
            width: calc(50% - 10px);
            margin-right: 13px;
            margin-top: 35px;
        }

            .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser:nth-child(2n+0) {
                margin-right: 0px;
            }

            .component.teaseropsomming-met-tekst-simpel .teaser-container .teaser:nth-child(-n+2) {
                margin-top: 0px;
            }
}


.component.prijsoverzicht .teaser-container {
    max-width: 1215px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 35px;
    box-sizing: border-box;
}


    .component.prijsoverzicht .teaser-container .teaser {
        width: calc(33.3% - 20px);
        margin-right: 24px;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 20px;
    }

        .component.prijsoverzicht .teaser-container .teaser:last-child {
            margin-right: 0px;
        }

        .component.prijsoverzicht .teaser-container .teaser .title {
            font-size: 250%;
            font-weight: 900;
        }

        .component.prijsoverzicht .teaser-container .teaser .sub-title {
            font-size: 150%;
            font-weight: 900;
            margin-bottom: 20px;
        }

        .component.prijsoverzicht .teaser-container .teaser .button {
            margin: 40px 0px 20px 0px;
        }

        .component.prijsoverzicht .teaser-container .teaser hr {
            border: none;
            background-image: url('/assets/3.0/images/design/line-wave.svg');
            background-repeat: repeat-x;
            height: 6px;
        }

        .component.prijsoverzicht .teaser-container .teaser .bulletpoints {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

        .component.prijsoverzicht .teaser-container .teaser .bulletpoints {
            position: relative;
            margin-top: 30px;
        }

            .component.prijsoverzicht .teaser-container .teaser .bulletpoints .check {
                position: absolute;
                top: 5px;
                left: 0px;
                width: 14px;
                height: 14px;
            }

            .component.prijsoverzicht .teaser-container .teaser .bulletpoints .text {
                font-weight: 500;
            }

            .component.prijsoverzicht .teaser-container .teaser .bulletpoints li {
                margin: 0;
                margin-bottom: 20px;
                padding: 0;
                padding-left: 25px;
                position: relative;
                font-size: 80%;
                line-height: 150%;
            }

                .component.prijsoverzicht .teaser-container .teaser .bulletpoints li:last-child {
                    margin-bottom: 0px;
                }

@media screen and (max-width:1000px) {
    .component.prijsoverzicht .teaser-container {
        padding: 0 17px;
    }

        .component.prijsoverzicht .teaser-container .teaser {
            max-width: 500px;
            width: auto;
            display: block;
            margin: 35px auto 0px auto;
        }

            .component.prijsoverzicht .teaser-container .teaser:first-child {
                margin-top: 0px;
            }

            .component.prijsoverzicht .teaser-container .teaser:last-child {
                margin-right: auto;
            }
}

.component.opsommingsblok-met-foto .inner-container {
    max-width: 1080px;
    padding: 0 35px;
    margin-left: auto;
    margin-right: auto;
}

.component.opsommingsblok-met-foto .titel-container {
    text-align: left;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
    display: inline-block;
}

    .component.opsommingsblok-met-foto .titel-container .titel {
        font-weight: 900;
        font-size: 250%;
    }


.component.opsommingsblok-met-foto .opsomming-item {
    margin-bottom: 100px;
}

    .component.opsommingsblok-met-foto .opsomming-item:last-child {
        margin-bottom: 0px;
    }

.component.opsommingsblok-met-foto .image-content-container,
.component.opsommingsblok-met-foto .text-content-container {
    width: calc(50% - 30px);
}

.component.opsommingsblok-met-foto .opsomming-item:nth-child(odd) .text-content-container,
.component.opsommingsblok-met-foto .opsomming-item:nth-child(even) .image-content-container {
    float: left;
}

.component.opsommingsblok-met-foto .opsomming-item:nth-child(even) .text-content-container,
.component.opsommingsblok-met-foto .opsomming-item:nth-child(odd) .image-content-container {
    float: right;
}


.component.opsommingsblok-met-foto .opsomming-item .text-content-container h3 {
    font-size: 150%;
    font-weight: 900;
}

.component.opsommingsblok-met-foto .opsomming-item .text-content-container p {
    font-size: 110%;
    font-weight: 900;
}

.component.opsommingsblok-met-foto .opsomming-item .text-content-container ul {
    padding-left: 0px;
}

.component.opsommingsblok-met-foto .opsomming-item .text-content-container li {
    line-height: 150%;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    list-style: none;
    position: relative;
    padding-left: 24px;
}

    .component.opsommingsblok-met-foto .opsomming-item .text-content-container li:before {
        content: '';
        width: 14px;
        height: 14px;
        top: 8px;
        left: 0px;
        position: absolute;
        display: block;
        background-image: url(/assets/3.0/images/check.svg);
        background-size: 14px 14px;
    }

.component.opsommingsblok-met-foto .image-content-container img {
    width: 100%;
}

.component.opsommingsblok-met-foto .link-container .button {
    font-weight: 900;
    font-size: 110%;
}

@media screen and (max-width:1000px) {
    .component.opsommingsblok-met-foto .inner-container {
        padding: 0 17px;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    .component.opsommingsblok-met-foto .titel-container {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    .component.opsommingsblok-met-foto .titel-container {
        margin-bottom: 17px;
    }

    .component.opsommingsblok-met-foto .opsomming-item {
        margin-bottom: 35px;
    }


        .component.opsommingsblok-met-foto .opsomming-item .text-content-container {
            float: none !important;
            width: auto;
        }

        .component.opsommingsblok-met-foto .opsomming-item .image-content-container {
            display: none;
        }
}


@media screen and (max-width:850px) {

    .component.opsommingsblok-met-foto .titel-container .titel {
        font-size: 180%;
    }
}





.component.teaser-met-afbeelding .image-container {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    height: 580px;
    background-color: #fff3ae
}





    .component.teaser-met-afbeelding .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.component.teaser-met-afbeelding .text-wrapper {
    max-width: 980px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -300px;
    z-index: 2;
    box-sizing: border-box;
}

.component.teaser-met-afbeelding .waves-container {
    max-width: 480px;
}

.component.teaser-met-afbeelding .text-container {
    box-sizing: border-box;
    padding: 30px;
    padding-bottom: 40px;
}

    .component.teaser-met-afbeelding .text-container .title {
        font-size: 250%;
        font-weight: 900;
    }

    .component.teaser-met-afbeelding .text-container .text {
        margin-top: 17px;
        line-height: 150%;
        font-weight: 500;
    }

.component.teaser-met-afbeelding .button-container {
    text-align: center;
    margin-top: 30px;
}

@media screen and (max-width:850px) {

    .component.teaser-met-afbeelding .text-wrapper {
        margin-top: -200px;
    }

    .component.teaser-met-afbeelding .text-container .title {
        font-size: 180%;
    }
}

@media screen and (max-width:550px) {
    .component.teaser-met-afbeelding .text-container {
        padding: 17px;
        padding-bottom: 25px;
    }
}

@media screen and (min-width:850px) {
    .component.teaser-met-afbeelding.alternatieve-weergave .image-container {
        height: 1000px;
    }
}

.component.gekleurde-teaser-met-foto {
}

    .component.gekleurde-teaser-met-foto .teaser-container {
        position: relative;
    }

    .component.gekleurde-teaser-met-foto .teaser-container.glide {
        padding:0;
    }

        .component.gekleurde-teaser-met-foto .teaser-container.glide .teaser {
            max-width: initial;
            flex-basis: auto;
        }

    .component.gekleurde-teaser-met-foto .teaser-container:not(.glide) {
        width: 1160px;
    }

        .component.gekleurde-teaser-met-foto .teaser-container .teaser {
            position: relative;
            box-sizing: border-box;
        }

        /*.component.gekleurde-teaser-met-foto .teaser-container:not(.glide) .teaser {
            max-width: 450px;
            margin-top: 40px;
            margin-left: auto;
            margin-right: auto;
        }*/

            .component.gekleurde-teaser-met-foto .teaser-container .teaser .text-container {
                padding: 17px;
                padding-bottom: 25px;
            }

            .component.gekleurde-teaser-met-foto .teaser-container .teaser img {
                display: block;
                width: 100%;
            }

            .component.gekleurde-teaser-met-foto .teaser-container .teaser .titel {
                font-size: 170%;
                font-weight: 900;
            }

            .component.gekleurde-teaser-met-foto .teaser-container .teaser .tekst {
                margin-top: 17px;
                font-size: 90%;
                line-height: 150%;
                font-weight: 500;
            }



            .component.gekleurde-teaser-met-foto .teaser-container .teaser .button-container {
                text-align: center;
                margin-top: 17px;
            }

@media screen and (max-width:850px) {
    .component.gekleurde-teaser-met-foto .teaser-container:not(.glide) .teaser:not(:first-child)
    {
        margin-top:35px;
    }
}

@media screen and (min-width:850px) {
    .component.gekleurde-teaser-met-foto .teaser-container .teaser {
        width: calc(33% - 19px);
        margin: 0 13px;
        display: inline-block;
        vertical-align: top;
    }

        .component.gekleurde-teaser-met-foto .teaser-container .teaser:first-child {
            margin-left: 0;
        }

        .component.gekleurde-teaser-met-foto .teaser-container .teaser:last-child {
            margin-right: 0;
        }
}

.component.topx {
    overflow-x: hidden;
}


    .component.topx .teaser {
        display: inline-block;
        vertical-align: top;
        margin-top: 36px;
    }

        .component.topx .teaser:first-child {
            margin-top: 0px;
        }


        .component.topx .teaser .text-wrapper {
            max-width: 360px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            padding-left: 25px;
            padding-right: 25px;
        }

        .component.topx .teaser .ratio {
            display: block;
        }

        .component.topx .teaser .text-container {
            padding: 30px;
            box-sizing: border-box;
            margin-top: -100px;
            color: #202020;
        }

        .component.topx .teaser .afbeelding {
            display: block;
            width: 100%;
            background-color: #fff3ae;
            background-image: url(/assets/3.0/images/design/loading.svg);
            background-size: 50px 50px;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .component.topx .teaser .titel {
            font-size: 140%;
            line-height: 114.29%;
            font-weight: 900;
        }

        .component.topx .teaser .tekst {
            margin-top: 10px;
            font-size: 80%;
            line-height: 150%;
        }

        .component.topx .teaser .link-container {
            margin-top: 10px;
            text-align: right;
        }

        .component.topx .teaser .link {
            padding: 4px;
            display: inline-flex;
            border-radius: 50%;
        }

            .component.topx .teaser .link svg {
                width: 22px;
                height: 24px;
                fill: #202020;
                margin-top: -1px;
            }

    .component.topx .theme-artwork {
        position: absolute;
        width: 60px;
        height: 60px;
    }

        .component.topx .theme-artwork.small {
            width: 35px;
            height: 35px;
        }

@media screen and (min-width:850px) and (max-width:1439px) {


    .component.topx .teaser-container {
        width: 1036px;
    }

    .component.topx .teaser:last-child:nth-child(odd) {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .component.topx .teaser {
        width: calc(50% - 16px);
    }

        .component.topx .teaser:nth-child(2n+1) {
            margin-right: 13px;
        }

        .component.topx .teaser:nth-child(2n+0) {
            margin-top: 72px;
            margin-left: 13px;
        }

        .component.topx .teaser:nth-child(2) {
            margin-top: 36px;
        }
}

@media screen and (min-width:1440px) {

    .component.topx .teaser-container {
        width: 1440px;
        text-align: center;
    }


    .component.topx .teaser {
        width: calc(33.33333% - 22px);
    }

        .component.topx .teaser:nth-child(3n+1) {
            margin-right: 13px;
            margin-top: 72px;
        }

        .component.topx .teaser:nth-child(3n+2) {
            margin-left: 13px;
            margin-right: 13px;
        }

        .component.topx .teaser:nth-child(3n+3) {
            margin-left: 13px;
            margin-top: 72px;
        }
}

@media screen and (max-width:450px) {
    .component.topx .teaser .text-container {
        padding: 17px;
    }
}


.component.topx-grote-foto .teaser {
    position: relative;
}

    .component.topx-grote-foto .teaser .nummer {
        font-size: 1050%;
        position: absolute;
        top: -140px;
        transform: translateX(-47%);
        font-weight: 900;
    }

    .component.topx-grote-foto .teaser:nth-child(even) .nummer {
        transform: translateX(47%);
        right: 0px;
    }

    .component.topx-grote-foto .teaser .afbeelding {
        background-color: #fff3ae;
        background-image: url(/assets/3.0/images/design/loading.svg);
        background-size: 50px 50px;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        display: block;
    }

    .component.topx-grote-foto .teaser:last-child {
        margin-bottom: 0px;
    }


    .component.topx-grote-foto .teaser .afbeelding-container {
        max-width: 750px;
        display: block;
        overflow: hidden;
        position: relative;
    }



    .component.topx-grote-foto .teaser .text-wrapper {
        position: relative;
        z-index: 2;
        padding: 30px;
    }

    .component.topx-grote-foto .teaser .wave-afbeelding {
        position: relative;
        z-index: 1;
        width: 100%;
        margin-top: -90px;
        height: 110px;
    }

    .component.topx-grote-foto .teaser .titel {
        font-size: 250%;
        line-height: 118%;
        font-weight: 900;
    }

    .component.topx-grote-foto .teaser .tekst {
        line-height: 150%;
        font-weight: 500;
        margin-top: 25px;
    }

    .component.topx-grote-foto .teaser .link-container {
        text-align: right;
        margin-top: 25px;
    }

    .component.topx-grote-foto .teaser .link-container .link {
        display: inline-flex;
        padding: 4px;
        position: relative;
        right: -4px;
        border-radius: 50%;
    }

    .component.topx-grote-foto .teaser .link svg {
        width: 30px;
        height: 30px;
    }

.component.topx-grote-foto .teaser-container {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media screen and (max-width:550px) {
    .component.topx-grote-foto .teaser .text-wrapper {
        position: relative;
        z-index: 2;
        padding: 17px;
    }

    .component.topx-grote-foto .teaser .link-container {
        margin-top: 17px;
    }

    .component.topx-grote-foto .teaser .tekst {
        margin-top: 17px;
    }

    .component.topx-grote-foto .teaser .link svg {
        width: 25px;
        height: 25px;
    }
}



@media screen and (max-width:850px) {


    .component.topx .teaser {
        display: block;
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .component.topx .theme-artwork {
        display: none;
    }

    .component.topx-grote-foto .teaser.has-number .afbeelding-container {
        margin-top: 86px;
    }

    .component.topx-grote-foto .teaser .nummer {
        font-size: 800%;
    }


    .component.topx-grote-foto .teaser.has-number .afbeelding-container {
        margin-top: 65px;
    }

    .component.topx-grote-foto .teaser-container {
        width: 750px;
    }

    .component.topx-grote-foto .teaser {
        margin-top: 30px;
    }

        .component.topx-grote-foto .teaser.has-number {
            margin-top: 30px;
        }

        .component.topx-grote-foto .teaser .titel {
            font-size: 180%;
        }

        .component.topx-grote-foto .teaser:nth-child(even) .nummer,
        .component.topx-grote-foto .teaser .nummer {
            top: -26px;
            right: initial;
            left: 23px;
            z-index: 1;
            transform: none;
            line-height: 100%;
            display: block;
        }

        .component.topx-grote-foto .teaser .wave-afbeelding {
            display: none;
        }
}

@media screen and (min-width:850px) {


    .component.topx-grote-foto .teaser-container {
        max-width: calc(100% - 22px);
        padding: 0px 50px;
        box-sizing: border-box;
    }

    .component.topx-grote-foto .teaser {
        margin-bottom: 70px;
    }

        .component.topx-grote-foto .teaser .text-wrapper:after {
            display: none;
        }

        .component.topx-grote-foto .teaser .afbeelding-container {
            float: left;
            width: 72.39%;
        }

        .component.topx-grote-foto .teaser:nth-child(2n+1) .afbeelding-container {
            float: right;
        }

        .component.topx-grote-foto .teaser:nth-child(2n+1) .text-container {
            left: 0px;
        }

        .component.topx-grote-foto .teaser .text-container {
            width: 480px;
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
        }
}

.component.brochure .intro-container  .intro {
    margin-top:35px;
}
.component.brochure .image-container .image {
    max-width: 100%;
    object-fit:contain;
}

.component.brochure .image-container:not(.no-effects) .image {
    box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
    max-height: 350px;
    transition: transform linear 0.15s;
}

.no-touchevents .component.brochure .halfwidth:hover .image-container:not(.no-effects) .image {
    transform: rotate(-3deg) scale(1.03);
}

.component.brochure .text-container {
}

    .component.brochure .text-container .brochure-titel {
        font-size: 140%;
    }

    .component.brochure .text-container .brochure-tekst {
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 90%;
        line-height: 150%;
    }

.component.brochure.horizontal-image .image-container {
    width: 320px;
    max-width: 100%;
}


@media screen and (max-width:850px) {
    .component.brochure .intro-container .intro {
        margin-top: 18px;
    }
    .component.brochure .image-container {
        text-align: center;
    }

    .component.brochure .text-container {
        padding-top: 15px;
    }

    .component.brochure .button-container {
        text-align: center;
    }

    .component.brochure .halfwidth {
        max-width: 400px;
    }

}

@media screen and (min-width:850px) {
    .component.brochure .image-container {
        width: 50%;
        float: left;
        text-align: right;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .component.brochure .text-container {
        width: 50%;
        float: right;
        padding-left: 30px;
        box-sizing: border-box;
    }

    .component.brochure .button-container {
        width: 50%;
        float: right;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .component.brochure.horizontal-image .image-container {
        margin-top: 10px;
    }

}






.component.brochureoverzicht .intro-container {
    margin-bottom: 50px;
}

.component.brochureoverzicht .brochures-container {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
}

.component.brochureoverzicht .brochure .image-container {
    text-align: center;
    margin-top: 20px;
}

    .component.brochureoverzicht .brochure .image-container .image {
        box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
        max-width: 100%;
        max-height: 350px;
        transition: transform linear 0.15s;
    }

.no-touchevents .component.brochureoverzicht .brochure:hover .image-container:not(.no-effects) .image {
    transform: rotate(-3deg) scale(1.03);
}

.component.brochureoverzicht .brochure .text-container {
    padding-top: 25px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.component.brochureoverzicht .brochure .titel {
    font-size: 140%;
}

.component.brochureoverzicht .brochure .tekst {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 90%;
    line-height: 150%;
}

.component.brochureoverzicht .brochure .button-container {
    text-align: center;
}

.component.brochureoverzicht .navigation-container button {
    position: absolute;
    border: none;
    background-color: transparent;
    font-size: 170%;
    top: 195px;
    cursor: pointer;
}

    .component.brochureoverzicht .navigation-container button.previous {
        left: -50px;
    }

    .component.brochureoverzicht .navigation-container button.next {
        right: -50px;
    }

.component.brochureoverzicht .bullets {
    display: none;
}

.component.brochureoverzicht.horizontal-image .image-container {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

@media screen and (max-width:1200px) {
    .component.brochureoverzicht .brochures-container {
        max-width: 720px;
    }

    .component.brochureoverzicht .navigation-container {
        display: none;
    }

    .component.brochureoverzicht .bullets {
        display: block;
    }
}

@media screen and (max-width:850px) {

    .component.brochureoverzicht .brochures-container {
        max-width: 320px;
    }
}

.component.buttongroep .halfwidth {
    width: 900px;
    text-align: center;
}

.component .buttonstrip {
    list-style: none;
    margin: 0;
    margin-top: -30px;
    padding: 0
}

    .component .buttonstrip li {
        margin-right: 12px;
        margin-left: 12px;
        display: inline-block;
        vertical-align: top;
        margin-top: 30px;
    }

        .component .buttonstrip li:last-child {
            margin-right: 0px;
        }


@media screen and (max-width:550px) {
    .component .buttonstrip li {
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 15px;
    }
}


.component.flowbox .navigation-container {
    text-align: center;
    margin-bottom: 35px;
}


.component.blogteaser .player {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}

    .component.blogteaser .player iframe {
        width: 100%;
        height: 100%;
    }

.component.blogteaser.thema-donker {
    color: #fff;
}


.component.blogteaser .text-container .lees-verder {
    display: inline-block;
    margin-top: 35px;
    text-decoration: none;
    font-weight: 500;
    padding: 4px;
}

    .component.blogteaser .text-container .lees-verder svg {
        position: relative;
        top: 4px;
        margin-left: 5px;
        width: 20px;
        height: 20px;
    }

.component.blogteaser.thema-donker .text-container .lees-verder {
    color: #fff;
}

    .component.blogteaser.thema-donker .text-container .lees-verder svg {
        fill: #fff;
    }


.component.blogteaser .button-container {
    margin-top: 70px;
    text-align: center;
}

.component.blogteaser .teaser-container {
    position: relative;
}

    .component.blogteaser .teaser-container .hartje {
        position: absolute;
        z-index: 3;
        fill: #202020;
    }

.component.blogteaser .blogger-naam {
    margin-bottom: 10px;
    font-weight: 500;
    color: #202020;
}

    .component.blogteaser .blogger-naam span {
        font-weight: 900;
    }

.component.blogteaser .text-container {
    position: relative;
    box-sizing: border-box;
}

    .component.blogteaser .text-container .titel {
        font-weight: 900;
        font-size: 140%;
        line-height: 107.14%;
        padding-left: 4px;
    }

    .component.blogteaser .text-container .tekst {
        margin-top: 20px;
        line-height: 150%;
        font-weight: 500;
    }



@media screen and (min-width:1024px) {

    .component.blogteaser.unnamed-blogger .halfwidth {
        padding-top: 49px;
    }


    .component.blogteaser .halfwidth {
        width: 945px;
        padding-top: 13px;
    }

    .component.blogteaser .blogger-naam {
        margin-left: 50px;
    }

    .component.blogteaser .teaser-container .hartje {
        top: -48px;
        right: 259px;
        width: 100px;
        height: 94px;
    }

    .component.blogteaser .text-container {
        height: 100%;
        width: calc(100% - 315px);
        padding: 50px;
    }

        .component.blogteaser .text-container .tekst {
            margin-top: 20px;
            line-height: 150%;
            font-weight: 500;
            padding-left: 4px;
        }

    .component.blogteaser .wave-afbeelding.vertical {
        position: absolute;
        top: 0px;
        left: calc(100% - 315px);
        height: 100%;
    }

    .component.blogteaser .wave-afbeelding.horizontal {
        display: none;
    }

    .component.blogteaser .afbeelding {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 320px;
        object-fit: cover;
    }
}


@media screen and (max-width:1024px) {
    .component.blogteaser {
        padding-top: 9px;
    }

        .component.blogteaser.unnamed-blogger {
            padding-top: 43px;
        }

        .component.blogteaser .halfwidth {
            width: 500px;
        }

        .component.blogteaser .blogger-naam {
            margin-left: 17px;
        }

        .component.blogteaser .afbeelding {
            width: 100%;
            display: block;
        }

        .component.blogteaser .teaser-container .hartje {
            top: -43px;
            right: 20px;
            width: 68px;
            height: 63px;
        }

        .component.blogteaser .text-container {
            padding: 35px 17px 40px 17px;
        }

        .component.blogteaser .wave-afbeelding.vertical {
            display: none;
        }

        .component.blogteaser .wave-afbeelding.horizontal {
            display: block;
            position: relative;
            z-index: 2;
            margin-top: -20px;
        }


        .component.blogteaser .text-container .tekst {
            margin-top: 20px;
            line-height: 150%;
            font-weight: 500;
        }
}

@media screen and (max-width:850px) {
    .component.blogteaser .button-container {
        margin-top: 35px;
    }
}

@media screen and (max-width:500px) {
    .component.blogteaser .blogger-naam {
        margin-bottom: 2px;
    }

        .component.blogteaser .blogger-naam strong {
            display: block;
            padding-left: 24px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-right: 96px;
        }
}


.component.kolomstekst-met-afbeeldingen .fullwidth {
    width: 1180px;
}

.component.kolomstekst-met-afbeeldingen .blok .images-container img {
    width: 100%;
}



@media screen and (min-width:850px) {

    .component.kolomstekst-met-afbeeldingen .blok {
        margin-bottom: 80px;
    }

    .component.kolomstekst-met-afbeeldingen .tekst-container {
        max-height: initial !important;
    }

    .component.kolomstekst-met-afbeeldingen .lees-verder {
        display: none !important;
    }

    .component.kolomstekst-met-afbeeldingen .blok:last-child {
        margin-bottom: 0px;
    }

    .component.kolomstekst-met-afbeeldingen .blok .text-container {
        width: calc(50% - 30px);
        float: left;
    }

    .component.kolomstekst-met-afbeeldingen .blok .images-container {
        width: calc(50% - 30px);
        float: right;
    }

        .component.kolomstekst-met-afbeeldingen .blok .images-container img {
            display: block;
            margin-bottom: 30px;
        }

            .component.kolomstekst-met-afbeeldingen .blok .images-container img:last-child {
                margin-bottom: 0px;
            }

    .component.kolomstekst-met-afbeeldingen .blok.links .text-container {
        float: right;
    }

        .component.kolomstekst-met-afbeeldingen .blok.links .text-container p:not(:last-child) {
            margin-bottom: 20px;
        }


    .component.kolomstekst-met-afbeeldingen .blok.links .images-container {
        float: left;
    }

    .component.kolomstekst-met-afbeeldingen .blok .text-container .tekst {
        font-weight: 500;
        line-height: 150%;
    }

    .component.kolomstekst-met-afbeeldingen .blok .text-container .titel {
        line-height: 117.65%;
        font-weight: 900;
        margin-bottom: 20px;
    }

    .component.kolomstekst-met-afbeeldingen .blok .text-container h3:first-child {
        margin-top: -10px;
    }

    .component.kolomstekst-met-afbeeldingen .blok .text-container p:first-child {
        margin-top: -6px;
    }

    .component.kolomstekst-met-afbeeldingen .blok .text-container p {
        margin-top: 20px;
    }

    .component.kolomstekst-met-afbeeldingen .tekst-container:before,
    .component.kolomstekst-met-afbeeldingen .lees-verder {
        display: none;
    }
}

@media screen and (max-width:850px) {

    .component.kolomstekst-met-afbeeldingen .blok {
        margin-bottom: 35px;
    }

        .component.kolomstekst-met-afbeeldingen .blok:last-child {
            margin-bottom: 0px;
        }

        .component.kolomstekst-met-afbeeldingen .blok .text-container {
            margin-top: 17px;
        }

            .component.kolomstekst-met-afbeeldingen .blok .text-container .tekst {
                line-height: 150%;
                font-weight: 500;
            }

            .component.kolomstekst-met-afbeeldingen .blok .text-container .titel {
                margin-bottom: 12px;
            }

        .component.kolomstekst-met-afbeeldingen .blok.links .text-container p:not(:last-child) {
            margin-bottom: 10px;
        }

        .component.kolomstekst-met-afbeeldingen .blok .images-container img {
            margin-bottom: 18px;
            display: block;
        }

            .component.kolomstekst-met-afbeeldingen .blok .images-container img:last-child {
                margin-bottom: 0px;
            }


    .component.kolomstekst-met-afbeeldingen :not(.expanded) .tekst-container:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 40%, rgba(255, 255, 255, 0.13) 80%, rgba(255, 255, 255, 0.04) 95%);
        height: 150px;
    }

    .component.kolomstekst-met-afbeeldingen :not(.expanded) .tekst-container {
        overflow: hidden;
        position: relative;
    }

    .component.kolomstekst-met-afbeeldingen .blok:not(:first-child) {
        display: none;
    }

    .component.kolomstekst-met-afbeeldingen .expanded .blok {
        display: block;
    }
}

.expandable-text.initialized:not(.expanded) .tekst-container:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 40%, rgba(255, 255, 255, 0.13) 80%, rgba(255, 255, 255, 0.04) 95%);
    height: 150px;
}

.expandable-text.initialized:not(.expanded) .tekst-container {
    overflow: hidden;
    position: relative;
}

.expandable-text.initialized .lees-verder {
    display: block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #202020;
    font-weight: bold;
    position: relative;
    z-index: 2;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
}

.expandable-text.initialized.expanded .lees-verder {
    display: none;
}

.expandable-text.initialized .lees-verder svg {
    width: 10px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    display: block;
    fill: #202020 !important;
}

.component.slider {
    overflow-x: hidden;
}

    .component.slider .slide-container .navigation {
        display: none;
    }

        .component.slider .slide-container .navigation button {
            position: absolute;
            top: 50%;
            margin-top: -40px;
            width: 80px;
            height: 80px;
            background-color: #fff;
            border-radius: 40px;
            border: none;
            z-index: 2;
            box-shadow: 0px 2px 20px -6px rgba(0,0,0,0.75);
            text-decoration: none;
            text-align: center;
            vertical-align: middle;
            font-weight: 900;
            line-height: 80px;
            font-size: 120%;
            cursor: pointer;
        }

        .component.slider .slide-container .navigation .previous {
            left: -40px;
        }

            .component.slider .slide-container .navigation .previous.disabled {
                display: none;
            }

        .component.slider .slide-container .navigation .next {
            right: -40px;
        }

    .component.slider .slide-container {
        max-width: 1080px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

        .component.slider .slide-container .image-container {
            opacity: 0.3;
            transition: opacity linear 0.6s;
        }


            .component.slider .slide-container .image-container.active {
                opacity: 1;
            }


            .component.slider .slide-container .image-container .slide:before {
                padding-top: 120%;
            }

            .component.slider .slide-container .image-container .slide .teasers {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
            }

            .component.slider .slide-container .image-container .slide .teaser .teaser-content {
                position: relative;
                height: 100%;
            }

.component.slider .slide-container .image-container .slide .teaser {
    position: relative;
    display: inline-block;
    padding:4px;
}



                .component.slider .slide-container .image-container .slide .teaser .title-container {
                    display:table;
                    position: absolute;
                    width:100%;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    height:80px;
                }

            .component.slider .slide-container .image-container .slide .teasers-1 .teaser .title-container {
                height: 100px;
            }

            .component.slider .slide-container .image-container .slide .teasers:not(.teasers-1) .teaser .title {
                font-size: 100%;
            }

            .component.slider .slide-container .image-container .slide .teaser .title {
                display: table-cell;
                vertical-align: middle;
                color: #202020;
                text-align: center;
                font-weight: 900;
                font-size: 140%;
                padding: 0 10px;
            }



            .component.slider .slide-container .image-container .slide img {
                position: relative;
                background-color: #fff3ae;
                aspect-ratio: 720/920;
                display: block;
            }

            .component.slider .slide-container .image-container:nth-child(odd) .slide .teaser {
                width: 100%;
                height: 100%;
            }


@media screen and (min-width:950px) and (max-width:1150px) {
    .component.slider .slide-container .image-container .teasers:not(.teasers-1) .teaser .title {
        font-size: 100%;
    }

    .component.slider .slide-container .image-container .slide .teaser .title-container {
        height: 70px;
    }
}


@media screen and (min-width:950px) {
    .component.slider .slide-container .image-container.active + .image-container {
        opacity: 1;
    }

    .component.slider .bullets {
        display: none;
    }

    .component.slider .slide-container .navigation {
        display: block;
    }

    .component.slider .slide-container {
        width: calc(100% - 168px);
    }

        .component.slider .slide-container .image-container .slide .teasers {
            padding-left: 15px;
            padding-right: 15px;
        }

        .component.slider .slide-container .image-container:nth-child(2n) .slide .teaser {
            width: calc(50% - 18px);
            height: calc(50% - 18px);
        }

        .component.slider .slide-container .image-container:nth-child(even) .teaser:nth-child(1),
        .component.slider .slide-container .image-container:nth-child(even) .teaser:nth-child(2) {
            margin-bottom: 30px;
        }

        .component.slider .slide-container .image-container:nth-child(even) .teaser:nth-child(1),
        .component.slider .slide-container .image-container:nth-child(even) .teaser:nth-child(3) {
            margin-right: 30px;
        }
}

@media screen and (max-width:950px) {
    .component.slider .slide-container {
        width: calc(100% - 35px);
    }

        .component.slider .slide-container .image-container .slide .teaser .title {
            padding: 18px 9px;
        }

        .component.slider .slide-container .image-container .slide .teasers {
            padding-left: 8px;
            padding-right: 8px;
        }


        .component.slider .slide-container .image-container:nth-child(even) .slide .teaser {
            width: calc(50% - 10px);
            height: calc(50% - 9px);
        }

        .component.slider .slide-container .image-container:nth-child(even) .teaser:nth-child(1),
        .component.slider .slide-container .image-container:nth-child(even) .teaser:nth-child(2) {
            margin-bottom: 18px;
        }

        .component.slider .slide-container .image-container:nth-child(even) .teaser:nth-child(1),
        .component.slider .slide-container .image-container:nth-child(even) .teaser:nth-child(3) {
            margin-right: 13px;
        }

        .component.slider .slide-container .image-container .slide .teaser .title-container
        {
            height:50px;
        }
}


@media screen and (max-width:450px) {
    .component.slider .slide-container .image-container .teasers:not(.teasers-1) .teaser .title {
        font-size: 100%;
    }
}




.component.mxms-vestigingenoverzicht .teasers-wrapper {
    margin-bottom: 70px;
}

.component.mxms-vestigingenoverzicht .teasers-wrapper {
    margin-bottom: 0px;
}

.component.mxms-vestigingenoverzicht .teaser-container .categorie-container > .title {
    margin-bottom: 30px;
}

.component.mxms-vestigingenoverzicht .categorie-container:not(:first-child) {
    margin-top: 60px;
}




@media screen and (max-width:850px) {
    .component.mxms-vestigingenoverzicht .teaser-container .categorie-container .title {
        margin-bottom: 12px;
    }
}













.component.contact-form .intro-container .description {
    line-height: 150%;
    margin-top: 40px;
}

    .component.contact-form .intro-container .description li {
        list-style: none;
        padding-left: 0px;
    }

        .component.contact-form .intro-container .description li:before {
            content: '→';
            margin-right: 10px;
        }

.component.contact-form .registreren-nieuwsbrief {
    margin-top: 20px;
}


.component.form-wizard {
}

    .component.form-wizard .fullwidth {
        width: 950px;
    }

    .component.form-wizard .navigation-container {
        width: 280px;
        float: left;
        margin-top: 60px;
    }

    .component.form-wizard .form-container {
        float: right;
        width: calc(100% - 280px);
    }

    .component.form-wizard .character-counter {
        font-size: 80%;
        color: #ADADAD;
    }

    .component.form-wizard fieldset .validation-message {
        display: none;
    }

    .component.form-wizard fieldset.invalid .validation-message {
        display: block;
    }


@media screen and (max-width:1000px) {
    .component.form-wizard .navigation-container {
        display: none;
    }

    .component.form-wizard .fullwidth {
        width: 660px;
    }

    .component.form-wizard .form-container {
        float: none;
        width: auto;
    }
}

.component.tickly-embed .halfwidth {
    width: 600px;
}

.component.tickly-embed .strong {
    font-weight:900;
}


.component.form-wizard .upload-container .button {
    max-width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}



.component.form-wizard fieldset.fotos .upload-container .upload {
    padding-bottom: 47px;
}

    .component.form-wizard fieldset.fotos .upload-container .upload .uitleg {
        margin-bottom: 40px;
    }

    .component.form-wizard fieldset.fotos .upload-container .upload .uitleg {
        margin-bottom: 20px;
    }

.component.form-wizard fieldset.fotos .vereisten {
    font-size: 80%;
    margin-bottom: 25px;
}

    .component.form-wizard fieldset.fotos .vereisten ul {
        margin: 0;
        padding: 0;
        padding-left: 16px;
    }

@media screen and (min-width:701px) {
    .component.evenement-aanmelden fieldset.schedule .date.startdate {
        float: left;
    }

    .component.evenement-aanmelden fieldset.schedule .date.enddate {
        float: right;
    }
}

@media screen and (max-width:700px) {
    .component.evenement-aanmelden fieldset.schedule .date {
        max-width: 310px;
        margin: 0 auto;
    }
}


@media screen and (max-width:550px) {
    .component.form-wizard fieldset.fotos .upload-container {
        display: block;
    }

        .component.form-wizard fieldset.fotos .upload-container .upload {
            flex: none;
            flex-basis: unset;
            max-width: unset;
            padding-bottom: 20px;
        }

    .component.form-wizard fieldset.fotos .vereisten {
        margin-top: 0;
    }
}

.component.advertentie-selectie .fullwidth {
    width: 840px;
}

.component.advertentie-selectie fieldset {
    overflow: visible;
}

.component.advertentie-selectie .advertenties .vorige-advertentie {
    margin-bottom: 140px;
    margin-left: 35px;
    margin-right: 35px;
}

    .component.advertentie-selectie .advertenties .vorige-advertentie .intro {
        margin-top: 35px;
        margin-bottom: 70px;
    }

    .component.advertentie-selectie .advertenties .vorige-advertentie .voorbeeld {
        max-width: 400px;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0px 3px 20px #00000029;
    }

    .component.advertentie-selectie .advertenties .vorige-advertentie .omschrijving {
        font-weight: 900;
        margin-top: 70px;
        margin-bottom: 35px
    }

    .component.advertentie-selectie .advertenties .vorige-advertentie .prijs {
        font-size: 170%;
        font-weight: 900;
        line-height: 125%;
    }

    .component.advertentie-selectie .advertenties .vorige-advertentie .bestel {
        margin-top: 35px;
    }

.component.advertentie-selectie .advertenties .advertenties-container .intro-container {
    margin-left: 35px;
    margin-right: 35px;
}

.component.advertentie-selectie .advertenties .advertenties-container .intro {
    margin-top: 35px;
    margin-bottom: 70px;
}


.component.advertentie-selectie .advertenties .advertentie {
    margin-bottom: 70px;
}

    .component.advertentie-selectie .advertenties .advertentie .titel {
        float: left;
        margin: 0;
        font-size: 170%;
        font-weight: 900;
        width: calc(100% - 175px);
    }

    .component.advertentie-selectie .advertenties .advertentie .prijs {
        font-size: 170%;
        font-weight: 900;
        float: right;
        line-height: 125%;
    }

    .component.advertentie-selectie .advertenties .advertentie .omschrijving {
        font-weight: 900;
        max-width: calc(100% - 150px);
    }

    .component.advertentie-selectie .advertenties .advertentie .bestel {
        float: right;
    }

    .component.advertentie-selectie .advertenties .advertentie .titel-container {
        margin-left: 35px;
        margin-right: 35px;
    }

    .component.advertentie-selectie .advertenties .advertentie .omschrijving-container {
        margin: 35px;
    }

    .component.advertentie-selectie .advertenties .advertentie .voorbeeld {
        float: left;
        width: calc(60% - 35px);
        box-shadow: 0px 3px 20px #00000029;
    }

    .component.advertentie-selectie .advertenties .advertentie .voorbeeld-in-pagina {
        float: right;
        width: calc(40% - 35px);
        box-shadow: 0px 3px 20px #00000029;
    }

    .component.advertentie-selectie .advertenties .advertentie .voorbeeld:first-child:last-child {
        width: 100%;
    }


@media screen and (max-width: 1000px) {

    .component.advertentie-selectie .advertenties .vorige-advertentie {
        margin-left: 0px;
        margin-right: 0px;
    }

    .component.advertentie-selectie .advertenties .advertentie .titel {
        float: none;
        width: auto;
    }

    .component.advertentie-selectie .advertenties .advertenties-container .intro-container {
        margin-left: 0px;
        margin-right: 0px;
    }


    .component.advertentie-selectie .advertenties .advertentie .voorbeeld {
        width: calc(60% - 18px);
    }

    .component.advertentie-selectie .advertenties .advertentie .voorbeeld-in-pagina {
        width: calc(40% - 18px);
    }

    .component.advertentie-selectie .advertenties .advertentie .titel-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .component.advertentie-selectie .advertenties .advertentie .omschrijving-container {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.component.quote {
    padding-top: 26px;
}

    .component.quote .halfwidth {
        width: 870px;
    }

        .component.quote .halfwidth .afbeelding-container {
            position: relative;
        }

            .component.quote .halfwidth .afbeelding-container .naam {
                margin-top: 5px;
                font-size: 80%;
                line-height: 150%;
                font-weight: 900;
            }

            .component.quote .halfwidth .afbeelding-container .functie {
                font-size: 80%;
                line-height: 150%;
                font-weight: 500;
            }

            .component.quote .halfwidth .afbeelding-container .logo {
                width: 56px;
                height: 56px;
                position: absolute;
                right: 0px;
                top: -28px;
                fill: #202020;
            }

            .component.quote .halfwidth .afbeelding-container .afbeelding-medewerker {
                width: 100%;
            }

        .component.quote .halfwidth .tekst-container {
            box-sizing: border-box;
        }

            .component.quote .halfwidth .tekst-container .titel {
                font-weight: 900;
                font-size: 140%;
                margin-bottom: 15px;
            }

            .component.quote .halfwidth .tekst-container .subtitel {
                font-weight: 900;
                font-size: 110%;
                color: #50BD9D;
                margin-bottom: 15px;
            }

            .component.quote .halfwidth .tekst-container .tekst {
                font-size: 90%;
                font-weight: 500;
                margin-bottom: 15px;
                line-height: 150%;
            }


@media screen and (max-width:800px) {
    .component.quote .halfwidth .afbeelding-container {
        max-width: 350px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
}

@media screen and (min-width:800px) {

    .component.quote .halfwidth .afbeelding-container {
        float: left;
        width: 240px;
    }

    .component.quote .halfwidth .tekst-container {
        margin-top: -9px;
        float: right;
        width: calc(100% - 240px);
        padding-left: 60px;
    }
}

.component.mxms-kaart:not(.fullscreen) {
    padding-bottom: 30px;
}

.component.mxms-kaart.fullscreen {
    position: fixed;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    z-index: 400;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh;
    background-color: #fff;
}

    .component.mxms-kaart.fullscreen .map-container {
        position: relative;
        top: 80px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: calc(100% - 80px) !important;
    }

        /*.touchevents .component.mxms-kaart:not(.fullscreen) .map-container .maplibregl-control-container:after {
            content: ' ';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }*/

.component.mxms-kaart.fullscreen .toggle-fullscreen-container {
    position: absolute;
    height: 80px;
    top: -80px;
    left: 50%;
    width: 100%;
    max-width: 1500px;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 0 35px;
}

.component.mxms-kaart .toggle-fullscreen-container .logo {
    display: inline-block;
    float: left;
}

    .component.mxms-kaart .toggle-fullscreen-container .logo svg {
        width: 246px;
        height: 80px;
    }


.component.mxms-kaart:not(.fullscreen) .toggle-fullscreen-container .logo {
    display: none;
}



.component.mxms-kaart:not(.fullscreen) .toggle-fullscreen-container .show-compact {
    display: none;
    float: right;
    width: 30px;
    height: 30px;
}


.component.mxms-kaart .toggle-fullscreen-container .show-compact {
    background-color: transparent;
    border: none;
    float: right;
}

    .component.mxms-kaart .toggle-fullscreen-container .show-compact svg {
        stroke: #202020;
        stroke-width: 2px;
        height: 26px;
        width: 26px;
        cursor: pointer;
        margin: 27px 0;
    }

.component.mxms-kaart.fullscreen .toggle-fullscreen-container .show-fullscreen {
    display: none;
}


.component.mxms-kaart.alternatief {
    width: 1200px;
    max-width: calc(100% - 70px);
    margin-left: auto;
    margin-right: auto;
}

        .component.mxms-kaart.alternatief .map-container {
            height: 610px;
        }

.component.mxms-kaart .map-container {
    height: 500px;
    position: relative;
    
}

.component.mxms-kaart .map-container .user-icon {
    background-image: url("/assets/3.0/images/icons/markers/user-marker.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 66px;
    transform: translate(-50%, -50%) translate(588px, 552px) rotateX(0deg) rotateZ(0deg);
    background-position: top center;
}

.component.mxms-kaart .map {
    background-color: #FFF3AE;
    height: 100%;
}

.component.mxms-kaart .overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(255,255,255, 0.5);
    z-index: 4;
    transition: opacity linear 300ms, visibility 0s linear 300ms;
}

.component.mxms-kaart.fullscreen .overlay:not(.route-message) {
    top: -80px;
}

.component.mxms-kaart .filters .overlay.filter, .component.mxms-kaart .preview .overlay.preview, .component.mxms-kaart .out-of-bounds-warning .overlay.user-out-of-bounds, .component.mxms-kaart .start-route-message .overlay.start-route {
    visibility: visible;
    opacity: 1;
    transition: opacity linear 300ms, visibility 0s linear 0s;
}

.component.mxms-kaart .overlay .filter-container, .component.mxms-kaart .overlay .teaser-container, .component.mxms-kaart .overlay .message-container {
    padding: 35px;
    box-sizing: border-box;
    background-color: #FFF3AE;
}

.component.mxms-kaart .map {
    z-index: 1;
}

.component.mxms-kaart .overlay.filter .filter-list {
    font-size: 80%;
    line-height: 150%;
    padding: 0;
}

    .component.mxms-kaart .overlay.filter .filter-list li {
        list-style: none;
        padding: 4px 0;
    }
    .component.mxms-kaart .overlay.filter .filter-list input {
        position: absolute;
        visibility: hidden;
    }

    .component.mxms-kaart .overlay.filter .filter-list label {
        cursor: pointer;
    }

        .component.mxms-kaart .overlay.filter .filter-list label svg {
            width: 18px;
            height: 18px;
            float: right;
            border: 1px solid #202020;
            padding: 2px;
            display: block;
            fill: #fff;
            box-sizing: border-box;
            background-color: #fff;
            transition: all linear 0.2s;
        }

    .component.mxms-kaart .overlay.filter .filter-list input:checked + label svg {
        background-color: #000;
        border-color: #000;
    }

.component.mxms-kaart .overlay.filter .close-button-container {
    text-align: center;
    margin-top: 35px;
}

.component.mxms-kaart .show-filter-container {
    position: absolute;
    z-index: 3;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    width: 275px;
    bottom: -30px;
    left: 36px;
}

.component.mxms-kaart.fullscreen .show-filter-container {
    position: fixed;
    bottom: 36px;
}

.component.mxms-kaart .show-filter-container button {
    font-size: 120%;
    font-weight: 900;
    padding: 15px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.component.mxms-kaart.fullscreen .show-filter-container button.show-fullscreen {
    display: none;
}

.component.mxms-kaart .show-filter-container button.show-fullscreen {
    padding: 5px 15px;
}

.component.mxms-kaart .show-filter-container button:last-child {
    margin-bottom: 0px;
}

.component.mxms-kaart .overlay .filter-container .filter {
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
}

    .component.mxms-kaart .overlay .filter-container .filter .titel {
        margin-bottom: 18px;
        font-size: 26px;
        font-weight: 900;
    }

.component.mxms-kaart .overlay .teaser-container .close {
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 32px;
    padding: 0;
    margin-top: 35px;
}

    .component.mxms-kaart .overlay .teaser-container .close svg {
        stroke: #202020;
        height: 32px;
        width: 32px;
    }

.component.mxms-kaart .button-container {
    position: relative;
    margin-top: 70px;
    text-align: center;
}

.component.mxms-kaart .center-me-on-map {
    background-color: rgb(255, 255, 255);
    padding: 8px 10px;
    box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 12px 0px;
    font-size: 80%;
    cursor:pointer;
}

    .component.mxms-kaart .center-me-on-map svg {
        border: 1px solid #202020;
        padding: 2px;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        fill: #fff;
        transition: all linear 0.2s;
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

    .component.mxms-kaart .center-me-on-map input {
        display:none;
    }

    .component.mxms-kaart .center-me-on-map input:checked + label svg {
        background-color: #50BD9D;
        border-color: #50BD9D;
    }

.component.mxms-kaart .overlay .message-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 470px;
    max-width: calc(100% - 36px);
    min-height: 200px;
    max-height: calc(100% - 35px);
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width:800px) {
    .component.mxms-kaart.alternatief {
        max-width: calc(100% - 34px);
    }


    .component.mxms-kaart .toggle-fullscreen-container .logo svg {
        width: 238px;
        height: 80px;
    }

    .component.mxms-kaart.alternatief:not(.fullscreen) .map-container {
        max-height: calc(100vh - 100px);
    }


    .component.mxms-kaart.fullscreen .toggle-fullscreen-container {
        padding: 0 17px;
    }


    .component.mxms-kaart .show-filter-container {
        left: 50%;
        transform: translateX(-50%);
    }

    .component.mxms-kaart .overlay .filter-container,
    .component.mxms-kaart .overlay .teaser-container {
        height: 100%;
    }
}

@media screen and (min-width:801px) {
    .component.mxms-kaart .overlay .filter-container,
    .component.mxms-kaart .overlay .teaser-container {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 470px;
        min-height: 200px;
        max-height: calc(100% - 35px);
        max-width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(-50%) translateY(-50%);
    }
}

.component.widgetbuilder .not-supported {
    display: none;
}

@media screen and (max-width:1250px) {
    .component.widgetbuilder .not-supported {
        display: block;
    }

    .component.widgetbuilder form {
        display: none;
    }
}

.component.widgetbuilder .fullwidth {
    max-width: 1400px;
}

.component.widgetbuilder fieldset {
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .component.widgetbuilder fieldset:not(.intro):not(.banner) {
        max-width: 800px;
    }

    .component.widgetbuilder fieldset.intro .intro-container, .component.widgetbuilder fieldset.intro .tekstcontent-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
    }
/*.component.widgetbuilder .intro-container .text {
    font-weight: bold;
    font-size: 140%;
}*/
.component.widgetbuilder form.is-building .explaination {
    display: none;
}

.component.widgetbuilder form:not(.is-building) .builder {
    display: none;
}

.component.widgetbuilder .navigation-container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

    .component.widgetbuilder .navigation-container ol {
        margin: 0;
        margin-bottom: 140px;
        padding: 0;
    }

    .component.widgetbuilder .navigation-container li {
        display: inline-block;
        margin-right: 70px;
    }

        .component.widgetbuilder .navigation-container li .stepcount {
            display: inline-block;
            vertical-align: top;
            width: 32px;
            height: 32px;
            color: #202020;
            border: 1px solid #202020;
            box-sizing: border-box;
            border-radius: 16px;
            text-align: center;
            line-height: 28px;
            margin-right: 10px;
        }

        .component.widgetbuilder .navigation-container li.active .stepcount {
            background-color: #50bd9d;
            border-color: #50bd9d;
            color: #fff;
        }

        .component.widgetbuilder .navigation-container li.done .stepcount {
            background-color: #202020;
            color: #fff;
        }

        .component.widgetbuilder .navigation-container li .text {
            display: inline-block;
            vertical-align: top;
            line-height: 32px;
        }

        .component.widgetbuilder .navigation-container li:last-child {
            margin-right: 0;
        }

.component.widgetbuilder .form-container .image-container {
    display: block;
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .component.widgetbuilder .form-container .image-container img {
        display: block;
        width: 100%;
    }

.component.widgetbuilder .searchresult-list {
    position: absolute;
    z-index: 3;
    background-color: #F7F7F7;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .component.widgetbuilder .searchresult-list li {
        padding: 5px 0;
        cursor: pointer;
    }

        .component.widgetbuilder .searchresult-list li svg {
            width: 24px;
            height: 24px;
            fill: #50bd9d;
            stroke: #50bd9d;
            margin-left: 5px;
        }

        .component.widgetbuilder .searchresult-list li .text {
            line-height: 24px;
            vertical-align: top;
        }

.component.widgetbuilder input + .invalid-message, .component.widgetbuilder .invalid-address {
    display: none;
    color: #ff4134;
    font-size: 80%;
    margin-top: 10px;
    padding-left: 5px;
}

.component.widgetbuilder .loading-address-data {
    color: #50BD9D;
    font-size: 80%;
    margin-top: 35px;
    text-align: center;
}

    .component.widgetbuilder .loading-address-data .loader {
        display: inline-block;
        position: relative;
        left: 0px;
        top: 0px;
        transform: initial;
    }

.component.widgetbuilder .invalid-address, .component.widgetbuilder input.invalid + .invalid-message {
    display: block;
}

.component.widgetbuilder .tekstcontent-container .titel {
    font-size: 170%
}

.component.widgetbuilder .tekstcontent-container .tekst {
    margin-top: 35px;
}

.component.widgetbuilder .process-example {
    margin-top: 70px;
    margin-bottom: 70px;
}

    .component.widgetbuilder .process-example img {
        width: 1400px;
        max-width: 100%;
        display: block;
    }

.component.widgetbuilder .enabled-categories {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 690px;
}

    .component.widgetbuilder .enabled-categories li {
        width: 210px;
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0;
        margin-right: 30px;
        margin-top: 30px;
        vertical-align: top;
    }

        .component.widgetbuilder .enabled-categories li:nth-child(3n) {
            margin-right:0;
        }

        .component.widgetbuilder .enabled-categories li .itemcounter {
            display: block;
            position: absolute;
            left: 50%;
            top: -19px;
            background-color: #fff;
            width: 38px;
            height: 38px;
            border-radius: 19px;
            z-index: 2;
            box-shadow: 0px 3px 6px #00000029;
            text-align: center;
            font-size: 85%;
            line-height: 38px;
            font-weight: 900;
            color: #202020;
            transform: translateX(-50%);
        }

        .component.widgetbuilder .enabled-categories li .check {
            display: none;
            width: 30px;
            height: 30px;
            background-color: #fff;
            border-radius: 15px;
            text-align: center;
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
        }

        .component.widgetbuilder .enabled-categories li input:checked + label .check {
            display: block;
        }

            .component.widgetbuilder .enabled-categories li input:checked + label .check svg {
                fill: #FF970C;
                width: 16px;
                height: 16px;
                display: block;
                position: relative;
                margin: 7px;
                padding: 0;
            }

        .component.widgetbuilder .enabled-categories li .itemcounter {
        }

        .component.widgetbuilder .enabled-categories li:last-child {
            margin-right: 0px;
        }

        .component.widgetbuilder .enabled-categories li label {
            display: block;
            height: 160px;
            border: 1px solid #50bd9d;
            border-radius: 4px;
            padding-left: 0;
            transition: background-color linear 0.2s;
        }

        .component.widgetbuilder .enabled-categories li .description {
            font-size: 80%;
            line-height: 125%;
            margin-top: 10px;
        }

        .component.widgetbuilder .enabled-categories li label svg {
            margin: 80px;
            margin-top: 35px;
            margin-bottom: 0px;
            border: none;
            background-color: transparent;
            width: 50px;
            height: 50px;
            position: relative;
            top: 0;
            left: 0;
        }

        .component.widgetbuilder .enabled-categories li label svg {
            fill: #50bd9d;
        }

        .component.widgetbuilder .enabled-categories li input:checked + label svg {
            fill: #fff;
        }

        .component.widgetbuilder .enabled-categories li label .text {
            display: block;
            text-align: center;
            box-sizing: border-box;
            color: #50bd9d;
            font-size: 80%;
            font-weight: 900;
            transition: color linear 0.2s;
            line-height: 100%;
            margin-top: -5px;
        }

        .component.widgetbuilder .enabled-categories li input:checked + label {
            background-color: #50bd9d;
        }

            .component.widgetbuilder .enabled-categories li input:checked + label svg {
                fill: #fff;
                background-color: transparent;
            }

            .component.widgetbuilder .enabled-categories li input:checked + label .text {
                color: #fff;
            }

.component.widgetbuilder .navigation {
    margin-top: 70px;
    text-align: center;
}

.component.widgetbuilder .bannercategories {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

    .component.widgetbuilder .bannercategories li {
        display: inline-block;
        margin-right: 20px;
    }

        .component.widgetbuilder .bannercategories li.active button {
            background-color: #202020;
            color: #fff;
        }

        .component.widgetbuilder .bannercategories li:last-child {
            margin-right: 0;
        }

.component.widgetbuilder .banner-selection {
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .component.widgetbuilder .banner-selection .banner {
        display: inline-block;
        width: 100%;
    }

    .component.widgetbuilder .banner-selection.verticaal {
        width: 650px;
    }

    .component.widgetbuilder .banner-selection img {
        box-shadow: 0px 3px 6px #00000029;
    }

    .component.widgetbuilder .banner-selection .banner .icon-container {
        width: 32px;
        height: 32px;
        border: 1px solid #50BD9D;
        border-radius: 16px;
        padding: 5px;
        box-sizing: border-box;
        margin-left: 5px;
        display: inline-block;
    }

    .component.widgetbuilder .banner-selection .banner svg {
        width: 18px;
        height: 21px;
        box-sizing: border-box;
        fill: #fff;
    }

    .component.widgetbuilder .banner-selection .banner.selected .icon-container {
        background-color: #50BD9D;
    }

    .component.widgetbuilder .banner-selection .banner .text {
        line-height: 32px;
        vertical-align: top;
        color: #50BD9D;
        font-size: 80%;
        font-weight: bold;
    }

    .component.widgetbuilder .banner-selection.rechthoek .banner {
        max-width: 300px;
        margin-top: 70px;
        margin-right: 35px;
    }

        .component.widgetbuilder .banner-selection.rechthoek .banner:nth-child(3n) {
            margin-right: 0px;
        }

    .component.widgetbuilder .banner-selection.horizontaal .banner {
        max-width: 728px;
    }

    .component.widgetbuilder .banner-selection.horizontaal .banner {
        margin-top: 70px;
    }

    .component.widgetbuilder .banner-selection.verticaal .banner {
        max-width: 160px;
    }

        .component.widgetbuilder .banner-selection.verticaal .banner:not(:last-child) {
            margin-top: 70px;
            margin-right: 70px;
        }

        .component.widgetbuilder .banner-selection.verticaal .banner:nth-child(3n) {
            margin-right: 0px;
        }

    .component.widgetbuilder .banner-selection .banner button {
        cursor: pointer;
        background-color: transparent;
        border: none;
    }

    .component.widgetbuilder .banner-selection .banner img {
        display: block;
        width: 100%;
    }

.component.widgetbuilder fieldset.plaatsen .form-input:not(:last-child) {
    margin-bottom: 25px;
}

.component.widgetbuilder fieldset.plaatsen .tekstcontent-container.mailadmin .tekst {
    margin-bottom: 35px;
}

.component.widgetbuilder fieldset.plaatsen .tekstcontent-container.mailadmin .formcontent {
    max-width: 660px;
}

.component.widgetbuilder fieldset.plaatsen .tekstcontent-container.mailadmin .confirmcontent {
    height: 184px;
    color: #50BD9D;
    box-sizing: border-box;
    padding-top: 80px;
}

.component.widgetbuilder .voorbeeld {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center;
}

.component.widgetbuilder .embedcode {
    margin-top: 35px;
    background-color: #F7F7F7;
    padding: 35px;
    padding-top: 35px;
    padding-bottom: 15px;
}

    .component.widgetbuilder .embedcode code {
        display: block;
        font-size: 80%;
    }

    .component.widgetbuilder .embedcode .code-copied-message {
        display: block;
        margin-top: 10px;
        font-size: 80%;
        color: #50BD9D;
        transition: opacity linear 0.2s;
        opacity: 0;
    }

        .component.widgetbuilder .embedcode .code-copied-message.visible {
            opacity: 1;
        }

.component.widgetbuilder .tekstcontent-container {
    margin-top: 70px;
}

.component.widgetbuilder .intro-container .tekst {
    font-weight: bold;
    font-size: 140%
}

.component.widgetbuilder .form-input.distance label {
    border: 1px solid black;
    font-size: 80%;
    text-align: center;
    width: 70px;
    margin-bottom: 35px;
    display: block;
}


.component.buzzsprout .halfwidth {
    width:800px;
}

.component.buzzsprout .omschrijving-container {
    margin-top: -10px;
    font-size: 80%;
    font-weight: 400;
    line-height: 140%;
}

.component.buzzsprout .player-container .episode_name {
    padding-bottom: 20px;
}

    .component.buzzsprout .player-container .episode_name span {
        color: #202020 !important;
        font-weight: bold;
        font-size: 110%;
    }
.component.buzzsprout .afbeelding-container {
    display:none;
}

.component.buzzsprout .podcast:not(:last-child) {
    margin-bottom:80px;
}

.component.buzzsprout .podcast.met-afbeelding .afbeelding-container {
    display: block;
}

@media screen and (min-width:700px) {
    .component.buzzsprout .podcast.met-afbeelding .player-container {
        float: left;
        width: calc(100% - 220px);
        box-sizing: border-box;
        padding-right: 70px;
    }

    .component.buzzsprout .podcast.met-afbeelding .afbeelding-container {
        float: right;

    }

    
}

@media screen and (max-width:699px) {
    .component.buzzsprout .podcast.met-afbeelding .afbeelding-container img {
        width: 100%;
        display: block;
        box-sizing: border-box;
        margin-top: 35px;
    }
}



    html.embed .favorieten-balk {
        display: none;
    }

    .favorieten-balk {
        position: fixed;
        bottom: 106px;
        right: 0px;
        z-index: 4;
        height: 0;
        text-align: right;
    }

        .favorieten-balk .fullwidth {
            height: 0;
        }

        .favorieten-balk .favoriet-button {
            width: 70px;
            height: 70px;
            border-radius: 35px;
            border: none;
            background-color: #fff;
            cursor: pointer;
            box-shadow: 0px 2px 20px -6px rgba(0,0,0,0.75);
        }

        .favorieten-balk.is-favorite .favoriet-button {
            background-color: #ff4134;
        }

        .favorieten-balk .favoriet-button {
            transition: all linear 0.15s;
            position: relative;
        }

            .favorieten-balk .favoriet-button svg {
                width: 40px;
                height: 40px;
                margin: 15px;
                position: absolute;
                top: 0px;
                left: 0px;
                transition: all linear 0.15s;
            }

            .favorieten-balk .favoriet-button .not-favorite {
                opacity: 1;
            }

            .favorieten-balk .favoriet-button .favorite {
                opacity: 0;
                fill: #fff;
            }

        .favorieten-balk.is-favorite .favoriet-button .not-favorite {
            opacity: 0;
        }

        .favorieten-balk.is-favorite .favoriet-button .favorite {
            opacity: 1;
            fill: #fff;
        }


.component.wie-is-wie-teams .inner {
    width: 1020px;
}


.component.wie-is-wie-teams .title {
    margin-bottom: 50px;
}

.component.wie-is-wie-teams .team-description {
    font-size: 80%;
    line-height: 150%;
}


.component.wie-is-wie-teams .subtitle {
    font-size: 90%;
    font-weight: bold;
}



.component.wie-is-wie-teams .member-list {
    font-weight: 900;
    font-size: 120%;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
}

    .component.wie-is-wie-teams .image-container img {
        margin-bottom: 26px;
        width:100%;
    }



.component.wie-is-wie-teams .slogan {
    box-sizing: border-box;
    font-size: 170%;
    font-weight: 900;
    line-height: 125%;
    margin-top: 30px;
}

.component.wie-is-wie-teams .mailto {
    margin-top: 30px;
}



@media screen and (min-width:701px) {

    .component.wie-is-wie-teams .inner-container {
        display: flex;
        flex-direction: row;
    }

    .component.wie-is-wie-teams .slogan {
        padding-left: 30px;
        flex: 1;
        margin-top: -11px;
    }

    .component.wie-is-wie-teams .team-members,
    .component.wie-is-wie-teams .team-description {
        width: 50%;
    }


    .component.wie-is-wie-teams .team-information-container {
        display: flex;
        flex-direction: row;
    }


    .component.wie-is-wie-teams .image-container {
        display: block;
        max-width: 65.68%;
    }
}




.component.wie-is-wie .inner {
    width: 1020px;
}


.component.wie-is-wie .title {
    margin-bottom: -20px;
}

.component.wie-is-wie .inner-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .component.wie-is-wie .inner-container .wie-is-wie-element {
        margin-top: 70px;
        line-height: 125%;
    }

        .component.wie-is-wie .inner-container .wie-is-wie-element .name {
            font-weight: 900;
            font-size: 120%;
            margin-top: 20px;
        }
        .component.wie-is-wie .inner-container .wie-is-wie-element .function {
            font-weight: bold;
            font-size: 90%;
            margin-top:10px;
        }

        .component.wie-is-wie .inner-container .wie-is-wie-element .description {
            font-size: 80%;
            margin-top: 15px;
            line-height: 150%;
        }

        .component.wie-is-wie .inner-container .wie-is-wie-element .button {
            margin-top: 20px;
        }




        .component.wie-is-wie .inner-container .wie-is-wie-element img {
            width: 100%;
        }

.component.wie-is-wie .wie-is-wie-element.slogan {
    font-size: 170%;
    font-weight: 900;
}


@media screen and (min-width:701px) {

    .component.wie-is-wie .inner-container .wie-is-wie-element:nth-child(3n),
    .component.wie-is-wie .inner-container .wie-is-wie-element:last-child {
        margin-right: 0;
    }

    .component.wie-is-wie .inner-container .wie-is-wie-element {
        width: calc(33% - 20px);
        margin-right: 30px;
    }
        .component.wie-is-wie .inner-container .wie-is-wie-element.slogan {
            margin-top: 59px;
        }
}

@media screen and (max-width: 700px) and (min-width: 501px) {

    .component.wie-is-wie .inner-container .wie-is-wie-element:nth-child(2n),
    .component.wie-is-wie .inner-container .wie-is-wie-element:last-child {
        margin-right: 0;
    }

    .component.wie-is-wie .inner-container .wie-is-wie-element {
        width: calc(50% - 20px);
        margin-right: 30px;
    }

        .component.wie-is-wie .inner-container .wie-is-wie-element.slogan {
            margin-top: 59px;
        }
}