@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(/fonts/Open-Sans-300.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/fonts/Open-Sans-400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/fonts/Open-Sans-600.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('PT Sans'), local('PTSans-Regular'), url(/fonts/PT-Sans-400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #0c2c65;
    font-size: 18px;
    line-height: 1;
    -webkit-backface-visibility: visible !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    padding-top: 44px;
    position: relative;
}

@media(min-width: 992px) {
    body {
        padding-top: 38px;
    }

        body.logged-in {
            padding-top: 81px;
        }
}

@media(max-width: 991px) {
    body.logged-in {
        padding-top: 88px;
    }
}

body.scroll-stop {
    overflow: hidden;
}

body.menu-open {
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Sans';
    line-height: 1;
    margin: 0;
}

h1 {
    font-size: 53px;
    margin-bottom: 20px;
}

h2 {
    font-size: 53px;
    color: #8595b2;
}

@media(max-width: 991px) {
    h2 {
        font-size: 40px;
    }
}

h3 {
    font-size: 53px;
    font-weight: 600;
    margin-bottom: 30px;
}

@media(max-width: 991px) {
    h3 {
        font-size: 40px;
        margin-bottom: 15px;
    }
}

h4 {
    font-size: 28px;
    color: #e60881;
    margin-top: 30px;
    margin-bottom: 10px;
}

p {
    line-height: 33px;
}

section.tekst li,
.cursus-programma li {
    line-height: 33px;
    margin-bottom: 5px;
}

@media(max-width: 991px) {
    p {
        line-height: 28px;
    }
}

strong {
    font-weight: 600;
}

.intro {
    font-size: 25px;
    line-height: 32px;
    font-weight: 300;
}

@media(max-width: 991px) {
    .intro {
        font-size: 23px;
        line-height: 25px;
    }
}

a {
    color: #e60881;
    position: relative;
    transition: all 0.2s linear;
}

    a:hover {
        color: #0c2c65;
    }

    .rich-text p a:after,
    a.cta:after {
        content: " »";
        position: relative
    }

p a,
.rich-text li a {
    background-image: linear-gradient(#e60881, #e60881);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    transition: all 0.2s linear;
}

    p a:hover,
    .rich-text li a:hover {
        background-image: linear-gradient(#0c2c65, #0c2c65);
        background-position-y: calc(100% - 2px);
    }

a:hover {
    text-decoration: none;
}

a.meer {
    font-size: 14px;
    font-weight: 600;
    color: #0c2c65;
    padding-left: 20px;
    transition: all 0.2s linear;
}

    a.meer:hover {
        color: #e60881;
    }

    a.meer:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #e60881;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.94 29.83'%3E%3Cpath d='M16.26,0V13.18H28.94v3.36H16.26V29.83H12.67V16.54H0V13.18H12.67V0Z' fill='%23fff'/%3E%3C/svg%3E");
        background-size: 7.5px 7.5px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

.btn-first,
.btn-second {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-size: 16px;
    background-color: #e60881;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    margin: 0 auto;
    border-radius: 0;
}

    .btn-first:hover {
        color: #fff;
    }

    .btn-first:after,
    .btn-second:after {
        content: "";
        position: absolute;
        left: -50px;
        top: 0;
        height: 400px;
        width: 400px;
        background: rgba(255,255,255,0.5);
        transition: all .5s ease-in-out;
        transform: translateX(-87%) translateY(-25%) rotate(45deg);
    }

    .btn-first:hover:after,
    .btn-second:hover:after {
        transform: translateX(-9%) translateY(-25%) rotate(45deg);
    }

    .btn-first span,
    .btn-second span {
        position: relative;
        z-index: 1;
    }

.btn-second {
    border: 1px solid #e60881;
    background-color: #fff;
    color: #e60881;
    height: 38px;
    line-height: 38px;
}

    .btn-second:hover {
        color: #e60881;
        border-color: rgba(230, 8, 129,0.15);
    }

    .btn-second:after {
        background: rgba(230, 8, 129,0.15);
    }

/* Button loading state — shown while form is submitting */
.btn-first--loading {
    opacity: 0.8;
    cursor: not-allowed;
    pointer-events: none;
}

    /* Suppress the shine sweep animation while loading */
    .btn-first--loading::after {
        display: none !important;
    }

.btn__spinner {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: 0.2rem solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: btnSpin 0.7s linear infinite;
    vertical-align: middle;
    margin-right: 0.8rem;
    position: relative;
    z-index: 1;
}

@keyframes btnSpin {
    to { transform: rotate(360deg); }
}

@media(max-width: 400px) {
    .btn-first, .btn-second {
        padding: 0 15px;
    }
}

@media (min-width: 1245px) {
    .container-fluid {
        width: 1240px;
    }
}

ul.list-links {
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
    opacity: 0;
    -webkit-animation: inFaden .3s linear 1 forwards;
    -moz-animation: inFaden .3s linear 1 forwards;
    -ms-animation: inFaden .3s linear 1 forwards;
    -o-animation: inFaden .3s linear 1 forwards;
    animation: inFaden .3s linear 1 forwards;
    animation-delay: 0.5s;
}

    ul.list-links li {
        padding-left: 20px;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        ul.list-links li:before {
            content: "";
            position: absolute;
            top: 9px;
            left: 0;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background-color: #e60881;
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.45 27.1'%3E%3Cpolyline points='1.45 1.45 13.55 13.55 1.45 25.65' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4.1'/%3E%3C/svg%3E");
            background-size: auto 9px;
            background-position: 60% 50%;
            background-repeat: no-repeat;
        }

        ul.list-links li a {
            color: #0c2c65;
            background: none;
        }

            ul.list-links li a:hover {
                color: #e60881;
                background: none;
            }

            ul.list-links li a:before {
                content: none;
            }

header ul.list-links {
    margin-left: 3px;
    text-transform: uppercase;
    display: inline-block;
}

    header ul.list-links li {
        font-weight: 400;
        font-size: 16px;
    }

        header ul.list-links li.active:before {
            background-color: #0c2c65;
        }

        header ul.list-links li.active a:after {
            content: "";
            width: calc(100% + 33px);
            height: 31px;
            position: absolute;
            top: -5px;
            left: -28px;
            background-color: #e6e9ef;
            z-index: -1;
        }

        header ul.list-links li a {
            display: inline-block;
            width: 100%;
            background: none !important;
        }

.navbar {
    padding: 0;
}

    .navbar > .container-fluid {
        padding: 0;
        flex-flow: column;
    }

.navbar-background {
    background-color: #dbe0e8;
    width: 100%;
    display: flex;
}

.navbar-member {
    background-color: #fff;
    font-size: 16px;
    padding: 5px 15px;
}

    .navbar-member form {
        display: flex;
        width: 100%;
    }

    .navbar-member .navbar-user {
        display: flex;
        align-content: center;
        align-items: center;
        font-weight: 600;
        margin-left: auto;
    }

        .navbar-member .navbar-user svg {
            margin: 0 10px 0 0;
        }

    .navbar-member .btn-logout {
        font-size: 16px;
        margin-bottom: 0;
        margin-left: 15px;
    }

.navbar-brand {
    background-color: #fff;
    padding: 0 30px 0 15px;
    margin: 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: all 0.4s linear;
}

@media(max-width: 991px) {
    .navbar.fixed-top {
        box-shadow: 0 0 2px #b6bfd0;
    }

    .navbar-brand {
        width: 65vw;
        justify-content: flex-start;
    }

    .navbar-background {
        flex-wrap: wrap;
    }
}

@media(min-width: 992px) {

    body.home .navbar-brand {
        background-color: #dbe0e8;
    }

        body.home .navbar-brand img {
            opacity: 1;
            transform: translateY(-100px);
            transition: all 0.2s linear;
            transition-delay: 0.2s;
        }

    body.home .navbar-scrolled .navbar-brand {
        background-color: #fff;
    }

        body.home .navbar-scrolled .navbar-brand img {
            transform: translateY(0);
            opacity: 1;
        }
}

.navbar-nav {
    width: 100%;
    align-items: stretch;
}

.navbar-toggler {
    padding: 10px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 25 16'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%230c2c65' stroke-linecap='square'%3E%3Cpath d='M1 1h23M1 15h23M1 8h23'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 25px;
    height: 20px;
}

.nav-item {
    flex: 1;
    margin-bottom: 0;
}

.nav-link {
    font-size: 16px;
    text-transform: uppercase;
    color: #0c2c65;
    text-align: center;
    padding: 0;
    line-height: 38px;
    transition: all 0.2s linear;
}

    .nav-link:hover,
    .nav-link.mijn:hover,
    .nav-item.active .nav-link:hover {
        background-color: #0c2c65;
        color: #fff;
    }

@media(min-width: 991px) and (max-width: 1100px) {
    .nav-link {
        font-size: 14px;
    }
}

.nav-item.active .nav-link {
    background-color: #c6ccd9;
}

.nav-link.mijn {
    background-color: #fff;
    margin-right: -1px;
}

@media(max-width: 991px) {
    .navbar-collapse.show {
        box-shadow: 0 0 30px #b6bfd0;
        max-height: calc(100vh - 45px);
        overflow: auto;
    }

    .navbar-nav .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media(max-width: 991px) and (max-height: 500px) {
    .navbar-collapse.show {
        padding-bottom: 50px;
    }
}

header {
    display: flex;
    margin-bottom: 75px;
}

    header .row > div {
        padding: 0;
    }

    header .header-image {
        width: 100%;
        height: auto;
    }



header .header-tekst {
    background-image: url(/images/visual-header.svg);
    background-repeat: no-repeat;
    background-size: 155px 315px;
    background-position: 0 0;
    height: 100%;
    padding-left: calc(155px + 30px);
    padding-top: calc(315px - 55px);
    padding-right: 15px;
}

    header .header-tekst .header-logo {
        position: absolute;
        top: 30px;
        opacity: 0;
        -webkit-animation: inFaden 1s linear 1 forwards;
        -moz-animation: inFaden 1s linear 1 forwards;
        -ms-animation: inFaden 1s linear 1 forwards;
        -o-animation: inFaden 1s linear 1 forwards;
        animation: inFaden 1s linear 1 forwards;
        animation-delay: 1s;
    }

/* Melding over de betaalstatus op de bedankt-pagina. Deze had helemaal geen opmaak, waardoor hij
   naast de grote kop wegviel en een mislukte betaling eruitzag als een afgeronde inschrijving. */
.notification-payment-status {
    border: 1px solid #dbe0e8;
    border-left: 5px solid #0c2c65;
    background-color: #f3f4f7;
    color: #0c2c65;
    padding: 15px 20px;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 22px;
}

    .notification-payment-status p {
        margin: 0;
        font-weight: 700;
    }

    /* Geannuleerd, mislukt en verlopen: de inschrijving is nog niet rond. Die melding mag net zo
       hard binnenkomen als de kop erboven, dus in het roze in plaats van het rustige blauw. */
    .notification-payment-status--canceled,
    .notification-payment-status--failed,
    .notification-payment-status--expired {
        border-color: rgba(230,8,129,.3);
        border-left-color: #e60881;
        background-color: #fef2f9;
        color: #e60881;
    }

body.inschrijven header .header-tekst {
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
    position: relative;
    background: none;
}

    body.inschrijven header .header-tekst h1 {
        font-size: 48px;
    }

    body.inschrijven header .header-tekst p {
        line-height: 24px;
        margin-bottom: 0;
    }

        body.inschrijven header .header-tekst p.prijs {
            text-align: right;
            font-size: 24px;
        }

body.inschrijven header .header-inschrijven.roze .header-tekst {
    background-color: #e60881;
}

body.inschrijven header .header-inschrijven.blauw .header-tekst {
    background-color: #0c2c65;
}

@media(min-width: 992px) and (max-width: 1024px) {
    header .header-tekst {
        padding-right: 30px;
    }
}

@media(max-width: 991px) {
    header {
        margin-bottom: 30px;
    }

        header .header-image-wrapper {
            width: 65vw;
            height: auto;
            position: relative;
        }

            header .header-image-wrapper:after {
                content: "";
                width: 35vw;
                height: 100%;
                background-image: url(/images/visual-header.svg);
                background-repeat: no-repeat;
                background-size: contain;
                position: absolute;
                right: -35vw;
                top: 0;
            }

        header .header-tekst {
            background: none;
            padding: 30px 15px 0 15px;
        }

            header .header-tekst .header-logo {
                display: none;
            }

            header .header-tekst p:last-of-type {
                margin-bottom: 0;
            }
}

body.inschrijven header {
    margin-bottom: 0;
}

header .header-inschrijven {
    display: flex;
}

header .header-image-inschrijven {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    width: 180px;
    min-width: 180px;
    overflow: hidden;
}

    header .header-image-inschrijven .header-image {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-size: cover;
        background-position: 50% 50%;
    }

        header .header-image-inschrijven .header-image:after {
            content: "";
            width: 100%;
            height: 55px;
            position: absolute;
            top: unset;
            bottom: 0;
            left: 0;
            right: unset;
            mix-blend-mode: multiply;
            background-color: #e60881;
            background-image: none;
        }

        header .header-image-inschrijven .header-image.congres:after,
        header .header-image-inschrijven .header-image.blauw:after {
            background-color: #0c2c65;
        }

    header .header-image-inschrijven .header-image-text {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 15px;
        z-index: 1;
        margin-top: auto;
        color: #fff;
        display: flex;
        justify-content: flex-end;
        flex-flow: column;
    }

        header .header-image-inschrijven .header-image-text span.prijs {
            font-size: 53px;
            margin-left: auto;
        }

        header .header-image-inschrijven .header-image-text p.soort {
            margin-bottom: 0;
            display: flex;
            align-items: baseline
        }

        header .header-image-inschrijven .header-image-text h3 {
            font-weight: 400;
            margin-bottom: 10px;
        }

        header .header-image-inschrijven .header-image-text p:not(.soort) {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 0;
        }

        header .header-image-inschrijven .header-image-text p span {
            text-transform: capitalize;
        }

@media(max-width: 575px) {
    header .header-image-inschrijven {
        width: 120px;
        min-width: 120px;
    }

    /* De tekstkolom is een flexitem en mag standaard niet smaller worden dan zijn langste woord.
       Met de kop op 48px was dat breder dan een telefoonscherm, waardoor de hele koptekst naast
       het scherm viel en de pagina zijwaarts ging schuiven. min-width 0 laat hem wel krimpen,
       en de kop krijgt hier een maat die bij een telefoon past. */
    header .header-inschrijven .header-tekst {
        padding: 15px;
        min-width: 0;
    }

        /* body.inschrijven staat er bewust voor: de maten hierboven in het bestand hangen aan
           diezelfde selector, en zonder dat wint 48px het hier gewoon weer. */
        body.inschrijven header .header-inschrijven .header-tekst h1 {
            font-size: 26px;
            line-height: 30px;
            overflow-wrap: break-word;
        }

        body.inschrijven header .header-inschrijven .header-tekst p {
            font-size: 15px;
            line-height: 20px;
        }

            body.inschrijven header .header-inschrijven .header-tekst p.prijs {
                font-size: 20px;
            }

    header .header-image-inschrijven .header-image-text {
        padding: 10px;
    }

        header .header-image-inschrijven .header-image-text p:not(.soort) {
            font-size: 14px;
        }

    header .header-image-inschrijven .header-image:after {
        height: 45px;
    }
}

.element-aanbod {
    background-color: #f3f4f7;
    padding: 60px 0;
}

    .element-aanbod h2 {
        margin-bottom: -7px;
    }

    .element-aanbod .aanbod-filter-clear {
        margin-left: auto;
        color: #e60881;
        font-size: 14px;
        margin-top: auto;
        margin-bottom: 10px;
        padding-right: 20px;
        position: relative;
        transition: all .3s linear;
        display: none;
    }

        .element-aanbod .aanbod-filter-clear:hover {
            color: #0c2c65;
        }

        .element-aanbod .aanbod-filter-clear:after {
            content: "";
            position: absolute;
            top: calc(50% - 7.5px);
            right: 0;
            width: 15px;
            height: 15px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.94 29.83'%3E%3Cpath d='M16.26,0V13.18H28.94v3.36H16.26V29.83H12.67V16.54H0V13.18H12.67V0Z' fill='%23e60881'/%3E%3C/svg%3E");
            background-size: 15px 15px;
            transform: rotate(45deg);
            transition: all .3s linear;
        }

        .element-aanbod .aanbod-filter-clear:hover:after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.94 29.83'%3E%3Cpath d='M16.26,0V13.18H28.94v3.36H16.26V29.83H12.67V16.54H0V13.18H12.67V0Z' fill='%230c2c65'/%3E%3C/svg%3E");
        }

@media(max-width: 767px) {
    .element-aanbod .aanbod-filter-clear {
        margin-top: 15px;
        margin-left: 0;
        margin-bottom: 0;
        text-align: right;
    }
}

.aanbod-filter-close {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.94 29.83'%3E%3Cpath d='M16.26,0V13.18H28.94v3.36H16.26V29.83H12.67V16.54H0V13.18H12.67V0Z' fill='%238595b2'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    transform: rotate(45deg);
    margin-left: auto;
}

.element-aanbod .aanbod-filter-wrapper {
    box-shadow: 0px 0px 5px #b6bfd0;
    margin: 0 15px;
    padding: 15px 0;
    position: relative;
}

    .element-aanbod .aanbod-filter-wrapper:before,
    .element-aanbod .aanbod-filter-wrapper:after {
        content: "";
        width: 15px;
        height: 100%;
        background-color: #f3f4f7;
        position: absolute;
        top: 0;
        left: -15px;
    }

    .element-aanbod .aanbod-filter-wrapper:after {
        left: auto;
        right: -15px;
    }

.btn-dropdown {
    background-color: #dbe0e8;
    font-size: 16px;
    color: #0c2c65;
    text-transform: uppercase;
    height: 37px;
    border-radius: 18.5px;
    border: none;
    padding: 0 45px 0 15px;
    position: relative;
    margin-right: 12.5px;
    transition: all 0.2s linear;
}

    .btn-dropdown:hover {
        background-color: #8595b2;
    }

    .btn-dropdown:focus {
        outline: none !important;
    }

    .btn-dropdown:after {
        content: "";
        background-color: #0c2c65;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.66 7.69'%3E%3Cpolygon points='6.33 7.69 0 1.36 1.35 0 6.33 4.97 11.31 0 12.66 1.36 6.33 7.69' fill='%23fff'/%3E%3C/svg%3E");
        background-position: 50% 4px;
        background-repeat: no-repeat;
        background-size: 12px auto;
        height: 22px;
        width: 22px;
        border-color: transparent;
        border-radius: 50%;
        position: absolute;
        top: 7.5px;
        right: 7.5px;
        transition: all 0.2s linear;
    }

    .btn-dropdown:hover:after {
        background-position-y: 5px;
    }

.show .btn-dropdown:after {
    background-position-y: 3px;
    transform: rotate(180deg);
}

.btn-dropdown span {
    font-size: 11px;
    color: var(--grijs);
    display: block;
    position: absolute;
    right: 5px;
    bottom: -13px;
    text-transform: initial;
    opacity: 0.5;
}

@media(min-width: 1024px) and (max-width: 1199px) {
    .btn-dropdown {
        font-size: 14px;
    }
}

@media(min-width: 992px) and (max-width: 1024px) {
    .btn-dropdown {
        font-size: 12px;
    }
}

@media(max-width: 991px) {
    .element-aanbod {
        padding: 30px 0;
    }

        .element-aanbod h2 {
            margin-bottom: -3px;
        }
}

@media(max-width: 767px) {
    .element-aanbod .aanbod-filter-wrapper {
        position: fixed;
        box-shadow: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1040;
        padding: 15px 0;
        margin: 0;
        background-color: #f3f4f7;
        display: flex;
        flex-flow: column;
        display: none;
    }

        .element-aanbod .aanbod-filter-wrapper .form-group {
            flex-flow: column;
        }

    .btn-dropdown {
        margin: 15px 0;
        width: 100%;
        text-align: left;
    }

    .element-aanbod .aanbod-filter .input-group {
        margin-top: 15px;
    }

    .element-aanbod .btn-second {
        min-width: 100%;
        margin-top: 30px;
    }

    .element-aanbod .aanbod-filter-wrapper .btn-first {
        min-width: 260px;
        margin-bottom: 30px;
    }
}

.dropdown-menu {
    background-color: #dbe0e8;
    border: none;
    border-radius: 18.5px;
}

.dropdown-item {
    font-size: 14px;
    color: #0c2c65;
    padding: 7.5px 15px;
}

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: #0c2c65;
        color: #fff;
    }

    .dropdown-item.cursus-periode,
    #dropdownCursusPeriode span {
        text-transform: capitalize;
    }

.element-aanbod .input-group {
    width: auto;
}

.element-aanbod .cursus-zoekterm {
    border: none;
    height: 37px;
    border-radius: 11px 0 0 11px;
    font-size: 16px;
    color: #0c2c65;
}

    .element-aanbod .cursus-zoekterm::placeholder {
        color: #8595b2;
    }

.element-aanbod form .btn {
    background-color: #0c2c65;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.11 20.11'%3E%3Cpath d='M19.74,18.06l-5.5-5.5a7.84,7.84,0,0,0,1.5-4.65A7.94,7.94,0,0,0,7.84,0,7.8,7.8,0,0,0,0,7.85a8,8,0,0,0,7.9,7.92,7.75,7.75,0,0,0,4.66-1.53h0l5.5,5.5a1.19,1.19,0,1,0,1.68-1.68Zm-7.4-5.7A6.23,6.23,0,0,1,7.9,14.19,6.36,6.36,0,0,1,1.57,7.86,6.25,6.25,0,0,1,7.85,1.58a6.35,6.35,0,0,1,6.32,6.33A6.25,6.25,0,0,1,12.34,12.36Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 7px 50%;
    background-size: 20px auto;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    border: none;
    border-radius: 0 11px 11px 0;
    text-indent: -9000px;
    transition: all 0.2s linear;
}

    .element-aanbod form .btn:hover {
        background-color: #8595b2;
    }

.element-aanbod .aanbod-resultaten {
    padding: 100px 0 40px;
}

    .element-aanbod .aanbod-resultaten .bezig-met-laden {
        display: flex;
        justify-content: center;
        padding-top: 100px;
        min-height: 500px;
        font-size: 28px;
        color: #8595b2;
    }

@media(max-width: 767px) {
    .aanbod-filter .dropdown-menu {
        border: 2px solid #8595b2;
    }
}

.achtergrond {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

    .achtergrond:after {
        content: "";
        width: 100%;
        height: 150px;
        position: absolute;
        bottom: 96px;
        left: 0;
        mix-blend-mode: multiply;
    }

    .achtergrond.roze:after {
        background-color: #e60881;
    }

    .achtergrond.blauw:after {
        background-color: #0c2c65;
    }


    .achtergrond div {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-bottom: 100%;
        background-size: contain;
        opacity: 1;
        transition: all 0.2s linear;
    }

.aanbod-resultaat {
    background-color: #b6bfd0;
    box-shadow: 2px 2px 5px #b6bfd0;
    margin-bottom: 100px;
    position: relative;
    display: flex;
    cursor: pointer;
    overflow: hidden;
    -webkit-animation: inFaden 0.5s ease-out 1 forwards;
    -moz-animation: inFaden 0.5s ease-out 1 forwards;
    -ms-animation: inFaden 0.5s ease-out 1 forwards;
    -o-animation: inFaden 0.5s ease-out 1 forwards;
    animation: inFaden 0.5s ease-out 1 forwards;
    transition: all 0.2s linear;
}

    .aanbod-resultaat:hover {
        box-shadow: 4px 4px 5px #b6bfd0;
    }

        .aanbod-resultaat:hover .achtergrond div {
            transform: scale(1.05);
            opacity: 0.75;
        }

    .aanbod-resultaat:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

.aanbod-resultaat-content {
    width: 100%;
    display: flex;
    flex-flow: column;
    position: relative;
}

.aanbod-resultaat-header {
    padding: 15px;
}

    .aanbod-resultaat-header span {
        background-color: #fff;
        position: relative;
        z-index: 1;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        border-radius: 10px;
        padding: 0 10px;
        text-transform: uppercase;
        margin: 0 10px 10px 0;
        display: inline-block;
        white-space: nowrap;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
    }

        .aanbod-resultaat-header span.tag-vol {
            background-color: #e60881;
            color: #fff;
        }

.aanbod-resultaat-body {
    padding: 15px;
    height: 150px;
    position: relative;
    z-index: 1;
    margin-top: auto;
}


    .aanbod-resultaat-body h3 {
        color: #fff;
        font-size: 43px;
        margin-bottom: 5px;
        font-weight: 400;
        display: inline;
        position: relative;
        z-index: 2;
        mix-blend-mode: none;
    }

        .aanbod-resultaat-body h3 a,
        .aanbod-resultaat-body h3 a:hover {
            color: #fff;
        }

        .aanbod-resultaat-body h3.long-title {
            font-size: 35px;
            line-height: .95;
        }

    .aanbod-resultaat-body p {
        color: #fff;
        margin-bottom: 5px;
        position: relative;
        z-index: 2;
    }

        .aanbod-resultaat-body p.soort {
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 10px !important;
        }

        .aanbod-resultaat-body p:last-of-type {
            margin-bottom: 0;
        }

.aanbod-resultaat-footer {
    padding: 15px;
    height: 96px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

    .aanbod-resultaat-footer p {
        margin-bottom: 0;
    }


        .aanbod-resultaat-footer p em {
            font-style: normal;
            color: #e60881;
            background-image: linear-gradient(#e60881, #e60881);
            background-position: 100% 100%;
            background-repeat: no-repeat;
            background-size: 100% 1px;
        }

        .aanbod-resultaat-footer p.docent span.comma:last-of-type,
        .aanbod-resultaat-footer p.docent span:not(:first-of-type) span.prefix,
        .aanbod-resultaat-footer p.docent em a:not(:first-of-type) span.prefix {
            display: none;
        }

        .aanbod-resultaat-footer p.docent span:not(:first-of-type):before {
            content: ", ";
            color: #e60881;
        }

        .aanbod-resultaat-footer p.docent span:not(:first-of-type) {
            margin-left: -3px;
        }

        .aanbod-resultaat-footer p.docent.aantal-3,
        .aanbod-resultaat-footer p.docent.aantal-4,
        .aanbod-resultaat-footer p.docent.aantal-5,
        .aanbod-resultaat-footer p.docent.aantal-6 {
            font-size: 14px;
        }

.element-aanbod .btn-first {
    margin-bottom: 60px;
    min-width: 210px;
}

    .element-aanbod .btn-first:after {
        left: -45px;
    }

@media(min-width: 992px) {
    .element-aanbod .btn-first {
        margin-top: -100px;
    }
}

@media(min-width: 992px) and (max-width: 1299px) {
    .aanbod-resultaat-body h3 {
        font-size: 38px;
    }

    .element-aanbod .aanbod-resultaat-footer p {
        font-size: 16px;
    }

    .mijn-gerelateerd .aanbod-resultaat-footer p {
        font-size: 16px;
    }
}

@media(min-width: 992px) and (max-width: 1024px) {
    .element-aanbod .aanbod-resultaat-footer p {
        font-size: 14px;
    }

    .mijn-gerelateerd .aanbod-resultaat-footer p {
        font-size: 14px;
    }
}

@media(max-width: 991px) {
    .element-aanbod .aanbod-resultaten {
        padding: 30px 0;
    }

    .element-aanbod .aanbod-resultaat {
        margin-bottom: 30px;
    }

    .element-aanbod .aanbod-resultaat-footer {
        padding: 10px 15px;
        height: 80px;
    }

        .element-aanbod .aanbod-resultaat-footer p {
            font-size: 16px;
        }

    .achtergrond:after {
        bottom: 80px;
    }

    .element-aanbod .btn-first {
        margin-bottom: 30px;
    }

    .aanbod-resultaat-body h3 {
        font-size: 40px;
    }

        .aanbod-resultaat-body h3.long-title {
            font-size: 32px;
        }

    .aanbod-resultaat-body p.soort {
        font-size: 14px;
    }

    .mijn-aankomend .aanbod-resultaat-footer p {
        font-size: 16px;
    }

    .mijn-aankomend .aanbod-resultaat-body h3 {
        font-size: 38px;
    }

        .mijn-aankomend .aanbod-resultaat-body h3.long-title {
            font-size: 32px;
        }

    .mijn-aankomend .achtergrond:after {
        bottom: 90px;
    }

    .mijn-gerelateerd .aanbod-resultaat-footer p {
        font-size: 16px;
    }
}

@media(max-width: 374px) {
    .element-aanbod .aanbod-resultaat-footer {
        padding-left: 10px;
        padding-right: 10px;
    }

        .element-aanbod .aanbod-resultaat-footer p {
            font-size: 14px;
            letter-spacing: -.1px;
        }
}

.element-ervaringen {
    position: relative;
    padding-bottom: 45px;
}

    .element-ervaringen .ervaring-afbeelding {
        height: 500px;
        background-size: cover;
        background-position: 50% 50%;
    }

        .element-ervaringen .ervaring-afbeelding div {
            height: 100%;
            padding: 0;
        }

        .element-ervaringen .ervaring-afbeelding > div > div > div {
            display: flex;
            align-items: flex-end;
            position: relative;
            padding: 0 15px;
        }

    .element-ervaringen blockquote {
        background-color: #fff;
        font-family: 'PT Sans';
        font-size: 53px;
        padding: 15px 20px;
        margin-bottom: 140px;
        z-index: 1;
        opacity: 0;
        -webkit-animation: inFaden 0.3s linear 1 forwards;
        -moz-animation: inFaden 0.3s linear 1 forwards;
        -ms-animation: inFaden 0.3s linear 1 forwards;
        -o-animation: inFaden 0.3s linear 1 forwards;
        animation: inFaden 0.3s linear 1 forwards;
        animation-delay: 0.5s;
    }

    .element-ervaringen .foto {
        position: absolute;
        bottom: -67px;
        left: 20px;
        height: 134px;
        width: 134px;
        max-height: 134px;
        max-width: 134px;
        border-radius: 50%;
        opacity: 0;
        -webkit-animation: inFaden 0.3s linear 1 forwards;
        -moz-animation: inFaden 0.3s linear 1 forwards;
        -ms-animation: inFaden 0.3s linear 1 forwards;
        -o-animation: inFaden 0.3s linear 1 forwards;
        animation: inFaden 0.3s linear 1 forwards;
        animation-delay: 0.5s;
    }

        .element-ervaringen .foto:before {
            content: "";
            width: 5px;
            height: 120px;
            background-color: #fff;
            position: absolute;
            top: -100px;
            left: 15px;
            transform: rotate(-10deg);
            z-index: 0;
        }

        .element-ervaringen .foto img {
            border-radius: 50%;
            position: relative;
            z-index: 1;
        }

    .element-ervaringen .plus {
        position: absolute;
        bottom: 10px;
        right: -80px;
        width: 60px;
        height: 60px;
        max-width: 60px;
        max-height: 60px;
        opacity: 0;
        -webkit-animation: inFaden 0.3s linear 1 forwards;
        -moz-animation: inFaden 0.3s linear 1 forwards;
        -ms-animation: inFaden 0.3s linear 1 forwards;
        -o-animation: inFaden 0.3s linear 1 forwards;
        animation: inFaden 0.3s linear 1 forwards;
        animation-delay: 0.5s;
    }

        .element-ervaringen .plus:before {
            content: "";
            width: 5px;
            height: 170px;
            background-color: #fff;
            position: absolute;
            top: -130px;
            left: -40px;
            transform: rotate(-40deg);
            z-index: 0;
        }

        .element-ervaringen .plus:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.94 29.83'%3E%3Cpath d='M16.26,0V13.18H28.94v3.36H16.26V29.83H12.67V16.54H0V13.18H12.67V0Z' fill='%23e60881'/%3E%3C/svg%3E");
            background-size: 29px 29px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            border-radius: 50%;
        }

    .element-ervaringen .ervaring-tekst {
        padding-top: 30px;
        opacity: 0;
        -webkit-animation: inFaden .3s linear forwards;
        -moz-animation: inFaden .3s linear forwards;
        -ms-animation: inFaden .3s linear forwards;
        -o-animation: inFaden .3s linear forwards;
        animation: inFaden .3s linear forwards;
        animation-delay: 0.5s;
    }

    .element-ervaringen .ervaring-tekst-body {
        position: relative;
    }

        .element-ervaringen .ervaring-tekst-body:before {
            content: "";
            width: 4px;
            height: calc(100% - 10px);
            background-color: #e60881;
            position: absolute;
            top: 5px;
            left: -30px
        }

    .element-ervaringen p {
        font-weight: 300;
    }

    .element-ervaringen .ervaring-quotes {
        display: none;
        margin-top: 30px;
    }

    .element-ervaringen .ervaring-quote {
        margin-top: 30px;
        height: calc(100% - 30px);
        display: flex;
        flex-flow: column;
        -webkit-animation: inFaden 0.3s linear 1 forwards;
        -moz-animation: inFaden 0.3s linear 1 forwards;
        -ms-animation: inFaden 0.3s linear 1 forwards;
        -o-animation: inFaden 0.3s linear 1 forwards;
        animation: inFaden 0.3s linear 1 forwards;
    }

        .element-ervaringen .ervaring-quote blockquote {
            background-color: #e6e9ef;
            padding: 30px 40px;
            font-size: 25px;
            line-height: 32px;
            font-weight: 300;
            font-family: 'Open Sans';
            position: relative;
            margin: 0;
            flex: 1;
        }

            .element-ervaringen .ervaring-quote blockquote:before,
            .element-ervaringen .ervaring-quote blockquote:after {
                content: "";
                background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.62 12.83'%3E%3Cpath d='M4.65,0,3.74,12.83H.86L0,0Zm8,0-.91,12.83H8.88L8,0Z' fill='%230c2c65'/%3E%3C/svg%3E");
                width: 13px;
                height: 13px;
                position: absolute;
            }

            .element-ervaringen .ervaring-quote blockquote:before {
                top: 15px;
                left: 15px;
            }

            .element-ervaringen .ervaring-quote blockquote:after {
                content: close-quote;
                right: 15px;
                bottom: 15px;
            }


    .element-ervaringen .ervaring-quote-afzender {
        position: relative;
        padding: 15px 0 0 45px;
        height: 80px;
        margin-top: auto;
    }

        .element-ervaringen .ervaring-quote-afzender:before {
            content: "";
            width: 6px;
            height: 30px;
            background-color: #e6e9ef;
            position: absolute;
            top: -10px;
            left: 8px;
            transform: rotate(-15deg);
            z-index: 0;
        }

        .element-ervaringen .ervaring-quote-afzender:after {
            content: "";
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background-color: #e6e9ef;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.94 29.83'%3E%3Cpath d='M16.26,0V13.18H28.94v3.36H16.26V29.83H12.67V16.54H0V13.18H12.67V0Z' fill='%23fff'/%3E%3C/svg%3E");
            background-size: 17px 17px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            position: absolute;
            top: 15px;
            left: 0;
        }

@media(max-width: 767px) {
    .element-ervaringen {
        padding-bottom: 30px;
    }

        .element-ervaringen .ervaring-afbeelding {
            height: 125vw;
        }

        .element-ervaringen blockquote {
            font-size: 40px;
            margin-bottom: 100px;
        }

        .element-ervaringen .foto {
            width: 100px;
            height: 100px;
            z-index: 1;
        }

            .element-ervaringen .foto:before {
                height: 100px;
                top: -80px;
            }

        .element-ervaringen .plus {
            width: 50px;
            height: 50px;
            max-width: 50px;
            max-height: 50px;
            right: 30px;
            bottom: 15px;
        }

            .element-ervaringen .plus:before {
                height: 100px;
                top: -58px;
                left: -5px
            }

        .element-ervaringen .ervaring-tekst {
            padding: 90px 30px 30px;
        }

            .element-ervaringen .ervaring-tekst .row > div:first-of-type p {
                line-height: 25px;
            }

        .element-ervaringen .ervaring-tekst-body:before {
            content: none;
        }

        .element-ervaringen .carousel-control-prev,
        .element-ervaringen .carousel-control-next {
            bottom: unset !important;
            top: 590px !important;
            transform: scale(.7);
        }

        .element-ervaringen .carousel-control-prev {
            left: -10px;
        }

        .element-ervaringen .carousel-control-next {
            right: -10px;
        }
}

.carousel-control-prev,
.carousel-control-next,
.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #fff;
    background-size: auto 24px;
    width: 47px;
    height: 47px;
    box-shadow: 2px 2px 5px #b6bfd0;
    border-radius: 50%;
    transition: all 0.2s linear;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.45 27.1'%3E%3Cpolyline points='15 25.65 2.9 13.55 15 1.45' fill='none' stroke='%23e60881' stroke-miterlimit='10' stroke-width='4.1'/%3E%3C/svg%3E");
}

.carousel-control-prev:hover .carousel-control-prev-icon {
    background-position-x: 35%;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.45 27.1'%3E%3Cpolyline points='1.45 1.45 13.55 13.55 1.45 25.65' fill='none' stroke='%23e60881' stroke-miterlimit='10' stroke-width='4.1'/%3E%3C/svg%3E");
}

.carousel-control-next:hover .carousel-control-next-icon {
    background-position-x: 65%;
}

.element-ervaringen .carousel-control-prev,
.element-ervaringen .carousel-control-next {
    align-items: flex-end;
}

.element-ervaringen .carousel-control-prev-icon,
.element-ervaringen .carousel-control-next-icon {
    margin-bottom: 30px;
}

.element-docenten {
    background-color: #f3f4f7;
    padding: 60px 0;
}

body.cursus .element-docenten,
body.cursusdatum .element-docenten {
    background-color: #fef2f9;
}

body.kleur-blauw .element-docenten {
    background-color: #f3f4f7;
}

.cursus-locatie + .element-docenten {
    margin-top: 60px;
}

.element-docenten .carousel-control-prev,
.element-docenten .carousel-control-next {
    width: 47px;
}

.element-docenten .carousel-control-prev {
    left: -23.5px;
}

.element-docenten .carousel-control-next {
    right: -23.5px;
}

.element-docenten .docent {
    min-height: 515px;
    position: relative;
}

@media(max-width: 991px) {
    .element-docenten .docent {
        min-height: unset;
    }
}

.element-docenten .docent-afbeelding {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 60% auto;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    z-index: 0;
}

    .element-docenten .docent-afbeelding:before {
        content: "";
        width: 1000px;
        height: 1000px;
        border-radius: 50%;
        background-color: #f3f4f7;
        position: absolute;
        right: 37%; /* afstemmen met breedte van tekst hieronder */
        top: -370px;
        transition: all 0.5s linear;
    }

.element-docenten .carousel-item-next .docent-afbeelding:before {
    width: 2000px;
    height: 2000px;
    right: -30%;
}

body.cursus .element-docenten .docent-afbeelding:before,
body.cursusdatum .element-docenten .docent-afbeelding:before {
    background-color: #fef2f9;
}

body.kleur-blauw .element-docenten .docent-afbeelding:before {
    background-color: #f3f4f7;
}


.element-docenten .docent-tekst {
    width: 63%; /* afstemmen met breedte van cirkel hierboven */
    padding: 45px 45px 0 75px;
    position: relative;
    z-index: 1;
}

.element-docenten h3 {
    font-size: 53px;
    font-weight: 600;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-animation: inFaden .3s linear 1 forwards;
    -moz-animation: inFaden .3s linear 1 forwards;
    -ms-animation: inFaden .3s linear 1 forwards;
    -o-animation: inFaden .3s linear 1 forwards;
    animation: inFaden .3s linear 1 forwards;
    animation-delay: 0.5s;
}

.element-docenten p {
    opacity: 0;
    -webkit-animation: inFaden .3s linear 1 forwards;
    -moz-animation: inFaden .3s linear 1 forwards;
    -ms-animation: inFaden .3s linear 1 forwards;
    -o-animation: inFaden .3s linear 1 forwards;
    animation: inFaden .3s linear 1 forwards;
    animation-delay: 0.5s;
}

    .element-docenten p + p.docent-lees-meer {
        margin-top: -1rem;
    }

.element-docenten h4 {
    font-size: 18px;
    font-weight: 600;
    color: #0c2c65;
}

.element-docenten .carousel-counter {
    margin: 30px 0;
}

@media(min-width: 992px) and (max-width: 1280px) {
    .element-docenten .carousel {
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media(max-width: 991px) {
    .element-docenten {
        padding: 30px 0;
    }

        .element-docenten h2 {
            margin-bottom: 15px;
        }

        .element-docenten .docent-afbeelding {
            position: relative;
            background-position: 100% 0;
            background-size: contain;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            float: right;
        }

            .element-docenten .docent-afbeelding:before {
                content: none;
            }

        .element-docenten .docent-tekst {
            width: 100%;
            padding: 0;
        }

            .element-docenten .docent-tekst h3 {
                font-size: 40px;
                margin-top: 15px;
            }

            .element-docenten .docent-tekst p {
                font-size: 16px;
                line-height: 24px;
            }

    .carousel-control-prev, .carousel-control-next {
        align-items: flex-end;
        bottom: -60px;
    }

    .element-docenten .carousel-control-prev {
        left: 0;
    }

    .element-docenten .carousel-control-next {
        right: 0;
    }
}

.form-styled .form-control-wrapper {
    width: 100%;
    position: relative;
}

    .form-styled .form-control-wrapper:before,
    .form-styled .form-control-wrapper:after {
        content: "";
        width: 3px;
        height: 70%;
        position: absolute;
        top: 0;
    }

    .form-styled .form-control-wrapper:before {
        left: -1px;
    }

    .form-styled .form-control-wrapper:after {
        right: -1px;
    }

.form-styled.form-on-blue .form-control-wrapper:before,
.form-styled.form-on-blue .form-control-wrapper:after {
    background-color: #0c2c65;
}

.form-styled.form-on-grey .form-control-wrapper:before,
.form-styled.form-on-grey .form-control-wrapper:after {
    background-color: #f3f4f7;
}

.form-styled .form-control {
    height: 35px;
    font-size: 14px;
    background: transparent;
    border-radius: 0 0 10px 10px !important;
}

    .form-styled .form-control:focus {
        outline: none;
        box-shadow: none !important;
    }

.form-styled.form-on-blue .form-control {
    border-color: rgba(255,255,255,0.5);
    border-top-color: transparent;
    color: #fff;
}

    .form-styled.form-on-blue .form-control:focus {
        border-color: rgba(255,255,255,1);
        border-top-color: transparent;
    }

    .form-styled.form-on-blue .form-control::placeholder {
        color: rgba(255,255,255,0.5);
    }

.form-styled.form-on-grey .form-control {
    border-color: #49618c;
    border-top-color: transparent;
    color: #0c2c65;
}

    .form-styled.form-on-grey .form-control:focus {
        border-color: #0c2c65;
        border-top-color: transparent;
    }

    .form-styled.form-on-grey .form-control::placeholder {
        color: #49618c;
    }

.input-group.is-invalid ~ .invalid-feedback,
.custom-control-input.input-validation-error ~ .invalid-feedback {
    display: block;
}

.invalid-feedback {
    color: #e60881;
    padding-left: 10px;
    font-size: 12px;
    height: 14px;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e60881' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: #e60881;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
    .custom-control-input.is-invalid ~ .custom-control-label::before,
    .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
    .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #e60881;
    }

.custom-control-inline {
    flex-wrap: wrap;
}

.custom-control .invalid-feedback {
    padding-left: 30px;
    display: none;
    color: #ff0000;
    font-size: 14px;
}

footer {
    margin-top: 100px;
    padding: 30px 0;
    background-color: #0c2c65;
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 10;
}

    footer img {
        opacity: 0.5;
        margin-bottom: 30px;
    }

    footer h4 {
        font-family: 'Open Sans';
        font-weight: 300;
        font-size: 24px;
        color: #fff;
        margin-bottom: 30px;
        margin-top: 73px;
    }

    footer form + h4 {
        margin-top: 30px;
    }

    footer p {
        font-size: 14px;
        line-height: 20px;
    }

    footer a {
        color: #fff;
    }

        footer a:hover {
            color: rgba(255,255,255,0.5);
        }

    footer p a {
        background-image: linear-gradient(#fff, #fff);
    }

        footer p a:hover {
            background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5));
        }

    footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    footer li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    footer .social-link {
        text-indent: -9000px;
        width: 29px;
        height: 29px;
        background-size: contain;
        margin-right: 15px;
        display: inline-block;
        opacity: 0.5;
        transition: all 0.2s linear;
    }

        footer .social-link:hover {
            opacity: 1;
        }

    footer .social-fb {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.23 29.05'%3E%3Cpath d='M29.23,14.61a14.62,14.62,0,1,0-16.9,14.44V18.84H8.62V14.61h3.71V11.39c0-3.66,2.18-5.68,5.52-5.68A22.85,22.85,0,0,1,21.12,6v3.6H19.28a2.11,2.11,0,0,0-2.38,2.28v2.74H21l-.65,4.23H16.9V29.05A14.62,14.62,0,0,0,29.23,14.61Z' fill='%23fff'/%3E%3C/svg%3E");
    }

    footer .social-li {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.78 28.79'%3E%3Cpath d='M26.66,0H2.12A2.1,2.1,0,0,0,0,2.08V26.71a2.11,2.11,0,0,0,2.12,2.08H26.66a2.11,2.11,0,0,0,2.12-2.08V2.08A2.1,2.1,0,0,0,26.66,0ZM8.54,24.53H4.27V10.79H8.54ZM6.4,8.91A2.48,2.48,0,1,1,8.88,6.44,2.46,2.46,0,0,1,6.4,8.91ZM24.53,24.53H20.26V17.85c0-1.59,0-3.64-2.22-3.64s-2.56,1.73-2.56,3.52v6.8H11.22V10.79h4.09v1.88h.06a4.48,4.48,0,0,1,4-2.22c4.32,0,5.12,2.84,5.12,6.54Z' fill='%23fff'/%3E%3C/svg%3E");
    }

    footer .social-tw {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.66 28.66'%3E%3Cpath d='M25.08,0H3.58A3.58,3.58,0,0,0,0,3.58v21.5a3.58,3.58,0,0,0,3.58,3.58h21.5a3.58,3.58,0,0,0,3.58-3.58V3.58A3.58,3.58,0,0,0,25.08,0ZM21.45,10.68c0,.16,0,.31,0,.47A10.45,10.45,0,0,1,5.37,20a8.49,8.49,0,0,0,.88.05,7.38,7.38,0,0,0,4.56-1.57,3.69,3.69,0,0,1-3.43-2.56,3.23,3.23,0,0,0,.69.07,3.85,3.85,0,0,0,1-.13,3.68,3.68,0,0,1-2.95-3.6v-.05a3.66,3.66,0,0,0,1.67.46A3.67,3.67,0,0,1,6.62,7.72a10.4,10.4,0,0,0,7.58,3.84,3.25,3.25,0,0,1-.1-.83,3.68,3.68,0,0,1,6.36-2.52,7.22,7.22,0,0,0,2.33-.89,3.62,3.62,0,0,1-1.61,2,7.18,7.18,0,0,0,2.11-.58A7.6,7.6,0,0,1,21.45,10.68Z' fill='%23fff'/%3E%3C/svg%3E");
    }

    footer .copyright {
        margin-top: 30px;
    }

    footer .input-group {
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    footer .btn {
        width: 28px;
        height: 28px;
        border: 1px solid #fff;
        border-radius: 50%;
        text-indent: -9000px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.45 27.1'%3E%3Cpolyline points='1.45 1.45 13.55 13.55 1.45 25.65' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4.1'/%3E%3C/svg%3E");
        background-size: 8px auto;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin-left: 15px;
        opacity: 0.5;
        transition: all 0.3s linear;
    }

        footer .btn:hover {
            opacity: 1;
        }

@media(max-width: 991px) {
    footer {
        margin-top: 60px;
    }

        footer h4 {
            margin-top: 30px;
        }

        footer .copyright {
            line-height: 20px;
        }
}

.cookies-wrapper {
    display: none;
    position: relative;
    z-index: 3000;
}

    .cookies-wrapper > .container {
        position: relative;
    }

.cookies {
    background-color: #e60881;
    position: fixed;
    bottom: 0;
    max-width: 500px;
    padding: 30px;
    z-index: 2004;
}

    .cookies h4 {
        color: #fff;
        margin-bottom: 10px;
    }

    .cookies p {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
    }

        .cookies p a {
            color: #fff;
            text-decoration: underline;
        }

            .cookies p a:hover {
                opacity: 0.5;
            }

    .cookies div {
        display: flex;
    }

        .cookies div .btn-first {
            background-color: #fff;
            color: #e60881;
            padding-left: 30px;
            padding-right: 30px;
            align-self: flex-start;
            margin-left: 0;
        }

            .cookies div .btn-first:after {
                background-color: rgba(230, 8, 129, 0.25);
                left: -35px;
            }

            .cookies div .btn-first span {
                display: none;
            }

        .cookies div a.btn-minimal {
            font-size: 16px;
            padding: 0 30px;
            line-height: 40px;
            color: #fff;
            margin-right: auto;
        }

            .cookies div a.btn-minimal:hover {
                color: rgba(255,255,255,0.75);
            }

@media(max-width: 991px) {
    .cookies {
        max-width: calc(100%);
        left: 30px;
        right: 30px;
    }

        .cookies div {
            flex-flow: column;
        }
}

.header-cursus .tags {
    position: absolute;
    top: 175px;
}

.header-cursus .tag {
    background-color: #0c2c65;
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 10px;
    text-transform: uppercase;
    margin: 0 10px 0 0;
}

.header-cursus .soort {
    position: absolute;
    top: 215px;
    font-weight: 400;
}

.header-cursus .subtitel {
    font-size: 25px;
    line-height: 32px;
}

.header-cursus .beeldmerk {
    height: 115px;
    position: absolute;
    top: 30px;
}

@media(max-width: 991px) {
    .header-cursus .tags {
        position: relative;
        top: auto;
        margin-bottom: 15px;
    }

    .header-cursus .soort {
        position: relative;
        top: auto;
    }

    .header-cursus h1 {
        font-size: 40px;
    }

    .header-cursus .beeldmerk {
        position: relative;
        top: unset;
    }
}

.cursus-inhoud {
    background-color: #f3f4f7;
    padding: 60px 0;
}

    .cursus-inhoud ul {
        line-height: 33px;
    }

body.kleur-blauw .cursus-inhoud {
    background-color: #fef2f9;
}

.cursus-inhoud-content {
    height: 350px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-out;
}

    .cursus-inhoud-content:after {
        content: "";
        width: 100%;
        height: 100px;
        background: linear-gradient(to bottom, rgba(243,244,247,0) 0%,rgba(243,244,247,0) 2%,rgba(243,244,247,1) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 1;
        transition: all 1s ease-out;
    }

body.kleur-blauw .cursus-inhoud-content:after {
    background: linear-gradient(to bottom, rgba(254, 242, 249,0) 0%,rgba(254, 242, 249,0) 2%,rgba(254, 242, 249,1) 100%);
}

.cursus-inhoud-content.open {
    height: 100%;
}

    .cursus-inhoud-content.open:after {
        opacity: 0;
    }

.cursus-inhoud-content.open2:after {
    display: none;
}

.cursus-inhoud-content + .meer {
    margin-top: 15px;
    display: block;
}

    .cursus-inhoud-content + .meer:before {
        top: 0;
    }

.cursus-inhoud-card {
    background: linear-gradient(to right, #dbe0e8 0%, #ffffff 100%);
    box-shadow: 0px 0px 5px #b6bfd0;
    display: flex;
    flex-flow: column;
    justify-content: stretch;
    position: relative;
}

    .cursus-inhoud-card .dropdown {
        position: absolute;
        top: 15px;
        right: 15px;
    }

        .cursus-inhoud-card .dropdown .btn-dropdown {
            background-color: transparent;
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.19 28.19'%3E%3Cpath d='M2,2.7H3.9V4.36a2.26,2.26,0,0,0-.57,1.49A2.24,2.24,0,1,0,7.24,4.36V2.7H20.13V4.36a2.26,2.26,0,0,0-.57,1.49,2.24,2.24,0,1,0,3.91-1.49V2.7H25.2a2,2,0,0,1,2,2V26.19a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V4.7a2,2,0,0,1,2-2Zm7.34,9.71A.31.31,0,0,0,9,12.7v2.54a.31.31,0,0,0,.33.29h3a.32.32,0,0,0,.34-.29V12.7a.32.32,0,0,0-.34-.29ZM3.8,21.55a.31.31,0,0,0-.33.29v2.55a.31.31,0,0,0,.33.28h3a.31.31,0,0,0,.33-.28V21.84a.31.31,0,0,0-.33-.29ZM3.8,17a.31.31,0,0,0-.33.29v2.55a.31.31,0,0,0,.33.28h3a.31.31,0,0,0,.33-.28V17.27A.31.31,0,0,0,6.76,17Zm16.64,4.57a.31.31,0,0,0-.33.29v2.55a.31.31,0,0,0,.33.28h3a.31.31,0,0,0,.33-.28V21.84a.31.31,0,0,0-.33-.29Zm-5.55,0a.31.31,0,0,0-.33.29v2.55a.31.31,0,0,0,.33.28h3a.31.31,0,0,0,.33-.28V21.84a.31.31,0,0,0-.33-.29Zm-5.55,0a.31.31,0,0,0-.33.29v2.55a.31.31,0,0,0,.33.28h3a.32.32,0,0,0,.34-.28V21.84a.32.32,0,0,0-.34-.29ZM20.44,17a.31.31,0,0,0-.33.29v2.55a.31.31,0,0,0,.33.28h3a.31.31,0,0,0,.33-.28V17.27A.31.31,0,0,0,23.4,17Zm-5.55,0a.31.31,0,0,0-.33.29v2.55a.31.31,0,0,0,.33.28h3a.31.31,0,0,0,.33-.28V17.27a.31.31,0,0,0-.33-.29ZM9.34,17a.31.31,0,0,0-.33.29v2.55a.31.31,0,0,0,.33.28h3a.32.32,0,0,0,.34-.28V17.27A.32.32,0,0,0,12.3,17Zm11.1-4.57a.31.31,0,0,0-.33.29v2.54a.31.31,0,0,0,.33.29h3a.31.31,0,0,0,.33-.29V12.7a.31.31,0,0,0-.33-.29Zm-5.55,0a.31.31,0,0,0-.33.29v2.54a.31.31,0,0,0,.33.29h3a.31.31,0,0,0,.33-.29V12.7a.31.31,0,0,0-.33-.29Zm10.93-2.14H1.37V25a1.79,1.79,0,0,0,1.8,1.78H24A1.79,1.79,0,0,0,25.82,25V10.27ZM5.57,7.45h0A1.4,1.4,0,0,0,7,6.05V1.4A1.4,1.4,0,0,0,5.57,0h0a1.4,1.4,0,0,0-1.4,1.4V6.05a1.4,1.4,0,0,0,1.4,1.4Zm16.23,0h0a1.4,1.4,0,0,0,1.4-1.4V1.4A1.4,1.4,0,0,0,21.8,0h0a1.4,1.4,0,0,0-1.4,1.4V6.05A1.4,1.4,0,0,0,21.8,7.45Z' fill='%23e60881' fill-rule='evenodd'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: 100% 50%;
            background-size: auto 20px;
            color: #e60881;
            font-size: 14px;
            text-transform: uppercase;
            height: 28px;
            border: none;
            border-radius: 0;
            padding: 0 30px 0 5px;
            position: relative;
            transition: all 0.2s linear;
        }

            .cursus-inhoud-card .dropdown .btn-dropdown:hover {
                opacity: 0.75;
            }

            .cursus-inhoud-card .dropdown .btn-dropdown:after {
                content: none;
            }

        .cursus-inhoud-card .dropdown .dropdown-menu {
            background-color: #fef2f9;
        }

            .cursus-inhoud-card .dropdown .dropdown-menu .dropdown-item,
            .cursus-inhoud-card .dropdown .dropdown-menu .dropdown-item:active {
                color: #e60881;
                background-color: transparent;
            }

                .cursus-inhoud-card .dropdown .dropdown-menu .dropdown-item.active {
                    background-color: #e60881;
                    color: #fff;
                }

    .cursus-inhoud-card .cursus-inhoud-card-header {
        padding: 60px 30px 15px;
        display: flex;
        flex-flow: column;
        justify-content: flex-end;
        min-height: 160px;
    }

    .cursus-inhoud-card .cursus-inhoud-card-body {
        background-color: #dbe0e8;
        padding: 15px 30px;
    }

@media(max-width: 576px) {
    .cursus-inhoud-card .cursus-inhoud-card-header {
        min-height: 190px;
    }
}

body.cursusdatum .cursus-inhoud-card .cursus-inhoud-card-body p {
    display: flex;
}

.cursus-inhoud-card .cursus-inhoud-card-body span {
    display: inline-block;
    color: #8595b2;
    min-width: 120px;
}

.cursus-inhoud-card .cursus-inhoud-card-footer {
    padding: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-flow: column;
}

    .cursus-inhoud-card .cursus-inhoud-card-footer .btn-first {
        min-width: 210px;
        text-decoration: none;
    }

.cursus-inhoud-card p {
    margin: 0;
    line-height: 28px;
}

    .cursus-inhoud-card p.large {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .cursus-inhoud-card p.small {
        font-size: 14px;
        line-height: 18px;
    }

@media(max-width: 991px) {
    .cursus-inhoud {
        padding: 30px 0;
    }

    .cursus-inhoud-card {
        margin-bottom: 30px;
    }

        .cursus-inhoud-card .cursus-inhoud-card-header {
            padding: 10px 15px;
        }

            .cursus-inhoud-card .cursus-inhoud-card-header p:not(.large) {
                font-size: 14px;
                line-height: 22px;
            }

            .cursus-inhoud-card .cursus-inhoud-card-header p.large {
                font-size: 24px;
            }

        .cursus-inhoud-card .cursus-inhoud-card-body {
            font-size: 14px;
            padding: 10px 15px;
        }

            .cursus-inhoud-card .cursus-inhoud-card-body span {
                min-width: 95px;
            }

        .cursus-inhoud-card .cursus-inhoud-card-footer {
            padding: 15px;
        }
}

.cursus-menu-wrapper {
    height: 67px;
    background-color: #fef2f9;
    box-shadow: 0px 0px 5px #b6bfd0;
    margin: 0 15px;
    padding: 15px 0;
    z-index: 9;
    position: relative;
}

@media screen and (min-width: 992px) {
    .cursus-menu-wrapper.stick {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        top: calc(100vh - 67px);
    }
}

.cursus-menu-wrapper:before,
.cursus-menu-wrapper:after {
    content: "";
    width: 15px;
    height: 100%;
    background-color: #fef2f9;
    position: absolute;
    top: 0;
    left: -15px;
}

.cursus-menu-wrapper:after {
    left: auto;
    right: -15px;
}

.cursus-menu {
    height: 37px;
    line-height: 37px;
    background: #fef2f9;
}

    .cursus-menu .navbar-nav {
        flex-direction: row;
        justify-content: center;
    }

    .cursus-menu .navbar-item {
        padding: 0 30px;
    }

    .cursus-menu .navbar-link {
        color: #e60881;
        text-transform: uppercase;
        font-size: 16px;
    }

        .cursus-menu .navbar-link:before {
            content: none;
        }

@media(min-width: 992px) and (max-width: 1199px) {
    .cursus-menu .navbar-item {
        padding: 0 15px;
    }

    .cursus-menu .navbar-link {
        font-size: 14px;
    }
}

@media(max-width: 991px) {
    .cursus-menu-wrapper {
        overflow: hidden;
        margin: 0;
        height: 50px;
        padding: 0;
    }

        .cursus-menu-wrapper:after {
            content: "";
            width: 25px;
            height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.55 64.4' fill='%23e60881'%3E%3Cpath d='M50.37,24.71a2.45,2.45,0,0,0,.08.39A2.7,2.7,0,0,1,50.37,24.71Z'/%3E%3Cpath d='M50.35,24.2c0,.09,0,.22,0,.36C50.35,24.44,50.35,24.32,50.35,24.2Z'/%3E%3Cpath d='M50.36,24.56c0,.05,0,.1,0,.15S50.36,24.61,50.36,24.56Z'/%3E%3Cpath d='M46.05,24.8a5.47,5.47,0,0,0-2.9.8,5.54,5.54,0,0,0-5-3.2,5.47,5.47,0,0,0-2.9.8,5.54,5.54,0,0,0-5-3.2,6.44,6.44,0,0,0-2.4.5V5.5A5.48,5.48,0,0,0,22.35,0a5.55,5.55,0,0,0-5.5,5.5v25L15.15,27A5.65,5.65,0,0,0,10,23.4a6.28,6.28,0,0,0-1.9.3A5.22,5.22,0,0,0,5,26.6a5.55,5.55,0,0,0-.2,4.2.1.1,0,0,0,.1.1l11.5,24.4c0,.1.1.1.1.2a21.77,21.77,0,0,0,4.3,4.8c.1.1.2.1.3.2l.2.2a19,19,0,0,0,30.3-14.4v-16A5.42,5.42,0,0,0,46.05,24.8Zm2.7,19.8v1.7a16.4,16.4,0,0,1-16.2,15,15.42,15.42,0,0,1-9.3-3l-.2-.2a2.09,2.09,0,0,0-.6-.4,16.54,16.54,0,0,1-3.3-3.7L7.75,29.8a2.26,2.26,0,0,1,.1-1.8,2.19,2.19,0,0,1,1.3-1.2,2.38,2.38,0,0,1,3,1.4.1.1,0,0,0,.1.1l4.7,10a1.68,1.68,0,0,0,1.8.9A1.59,1.59,0,0,0,20,37.7V5.5a2.4,2.4,0,1,1,4.8,0v20a1.6,1.6,0,1,0,3.2,0,2.4,2.4,0,0,1,4.8,0v2.4a1.6,1.6,0,0,0,3.2,0,2.4,2.4,0,0,1,4.8,0v2.4a1.6,1.6,0,1,0,3.2,0,2.4,2.4,0,1,1,4.8,0Z'/%3E%3Cpath d='M6.05,13.9a1.61,1.61,0,0,0,1.1-.5,1.57,1.57,0,0,0,0-2.2L5.35,9.4h7.9a1.58,1.58,0,0,0,1.6-1.6,1.72,1.72,0,0,0-1.6-1.6H5.35l1.8-1.8A1.56,1.56,0,1,0,5,2.2L.35,6.7a.55.55,0,0,0-.2.5,1.28,1.28,0,0,0,0,1.2,2.19,2.19,0,0,0,.3.5L5,13.4A1.61,1.61,0,0,0,6.05,13.9Z'/%3E%3Cpath d='M44.75,8.4c-.1.2-.2.3-.3.5A.85.85,0,0,0,44.75,8.4Z'/%3E%3Cpath d='M31.65,9.4h7.8l-1.8,1.8a1.57,1.57,0,0,0,0,2.2,1.46,1.46,0,0,0,2.2,0l4.5-4.5c.2-.2.3-.3.3-.5a1.32,1.32,0,0,0,.2-1.2,2.19,2.19,0,0,0-.3-.5L40,2.2a1.56,1.56,0,0,0-2.2,2.2l1.8,1.8h-7.9a1.6,1.6,0,1,0,0,3.2Z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: 25px auto;
            background-position: 50% 50%;
            position: absolute;
            top: 0;
            right: 15px;
        }

        .cursus-menu-wrapper.clicked:after {
            content: none;
        }

    .cursus-menu {
        width: 100%;
        height: 100%;
        line-height: 50px;
    }

        .cursus-menu:after {
            content: "";
            width: 85px;
            height: 55px;
            background: linear-gradient(to right,rgba(254, 242, 249, 0) 0%,rgba(254, 242, 249, 0.9) 30%);
            position: absolute;
            top: 0;
            right: 0;
        }

    .cursus-menu-wrapper.clicked .cursus-menu:after {
        content: none;
    }

    .cursus-menu .navbar-nav {
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }

    .cursus-menu .navbar-item {
        padding: 0 15px;
    }

    .cursus-menu .navbar-link {
        white-space: nowrap;
        font-size: 14px;
    }
}

.cursus-programma {
    padding: 60px 0;
}

    .cursus-programma h2 {
        margin-bottom: 60px;
    }

    .cursus-programma h3 {
        font-size: 53px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .cursus-programma .programma-onderdelen {
        display: flex;
        font-size: 16px;
        min-height: 52px;
    }

    .cursus-programma .programma-tabel {
        order: 2;
        width: 100%;
    }

    .cursus-programma .programma-dagen {
        order: 1;
        display: flex;
        flex-flow: column;
        align-items: stretch;
    }

        .cursus-programma .programma-dagen .btn-dag {
            flex-grow: 1;
            background-color: #e60881;
            color: #fff;
            border: none;
            text-transform: uppercase;
            white-space: nowrap;
            position: relative;
            display: block;
            height: 100%;
        }

            .cursus-programma .programma-dagen .btn-dag span {
                width: 100%;
                padding: 0 7.55px;
                height: 100%;
                min-height: 100%;
                background-color: #e60881;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                z-index: 1;
                transition: all 0.2s linear;
            }

            .cursus-programma .programma-dagen .btn-dag:hover span {
                color: rgba(255,255,255,0.5);
            }

            .cursus-programma .programma-dagen .btn-dag.active span {
                background-color: #fff;
                color: #e60881;
            }

            .cursus-programma .programma-dagen .btn-dag.active em {
                width: 0;
                height: 0;
                border-style: solid;
                border-color: transparent transparent transparent #ffffff;
                position: absolute;
                top: 0;
                right: -19px;
                z-index: 0;
                opacity: 0;
            }

    .cursus-programma table {
        background: linear-gradient(to right, #fbdaec 0%,#ffffff 100%);
        width: 100%;
        display: none;
    }

body.kleur-blauw .cursus-programma table {
    background: linear-gradient(to right, #dbe0e8 0%,#ffffff 100%);
}

.cursus-programma table.show {
    display: table;
    -webkit-animation: inFaden 1s ease-out 1 forwards;
    -moz-animation: inFaden 1s ease-out 1 forwards;
    -ms-animation: inFaden 1s ease-out 1 forwards;
    -o-animation: inFaden 1s ease-out 1 forwards;
    animation: inFaden 1s ease-out 1 forwards;
}

.cursus-programma table tr:nth-child(even) {
    background-color: rgba(255,255,255,0.33);
}

.cursus-programma table td {
    padding: 3px 5px;
    vertical-align: top;
    line-height: 20px;
}

.cursus-programma table .td-1 {
    font-weight: 600;
    white-space: nowrap;
}

.cursus-programma .has-buttons table .td-1 {
    padding-left: 30px;
}

.cursus-programma table .tds-2 .td-2 {
    width: 99%;
}

.cursus-programma table .tds-3 .td-2 {
    width: 50%;
    background-color: rgba(12,44,101,0.075);
}

.cursus-programma table .tds-3 .td-3 {
    width: 50%
}

.cursus-programma-content {
    height: 350px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-out;
}

    .cursus-programma-content:after {
        content: "";
        width: 100%;
        height: 100px;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 1;
        transition: all 1s ease-out;
    }

    .cursus-programma-content.open {
        height: 100%;
    }

        .cursus-programma-content.open:after {
            opacity: 0;
        }

    .cursus-programma-content.open2:after {
        display: none;
    }

    .cursus-programma-content + .meer {
        margin-top: 15px;
        display: block;
    }

        .cursus-programma-content + .meer:before {
            top: 0;
        }

@media(max-width: 991px) {
    .cursus-programma {
        padding: 30px 0;
    }

        .cursus-programma h2 {
            margin-bottom: 30px;
        }

        .cursus-programma .programma-onderdelen {
            width: 100vw;
            margin-left: -15px;
            margin-right: -15px;
            margin-bottom: 30px;
        }

        .cursus-programma table {
            font-size: 14px;
        }

        .cursus-programma .programma-dagen .btn-dag {
            font-size: 14px;
        }

        .cursus-programma h3 {
            font-size: 40px;
        }
}

.cursus-locatie:not(.dropdown-item) {
    background-color: #f3f4f7;
    padding: 60px 0;
}

body.kleur-blauw .cursus-locatie {
    background-color: #fef2f9;
}

.cursus-locatie h2 {
    margin-bottom: 30px;
}

.cursus-locatie h3 {
    font-size: 53px;
    font-weight: 600;
    margin-bottom: 30px;
}

@media(max-width: 991px) {
    .cursus-locatie:not(.dropdown-item) {
        padding: 30px 0;
    }

    .cursus-locatie h2 {
        margin-bottom: 30px;
    }

    .cursus-locatie h3 {
        font-size: 40px;
    }

    .cursus-locatie img {
        width: 100vw !important;
        height: auto;
        margin: 0 -15px 30px -15px;
    }
}

ul.list-links-groot {
    margin: 0;
    padding: 0;
    list-style: none;
}

a.lezen,
a.route,
a.url,
a.download,
a.extern {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    padding-left: 45px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #0c2c65;
}

    a.lezen:hover,
    a.route:hover,
    a.url:hover,
    a.download:hover,
    a.extern:hover {
        color: #e60881;
    }

ul.list-links-groot a.lezen:before,
ul.list-links-groot a.route:before,
ul.list-links-groot a.url:before,
ul.list-links-groot a.download:before,
ul.list-links-groot a.extern:before,
.dropdown-item.download:before,
.dropdown-item.extern:before {
    content: "";
    background-color: transparent;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 50px;
}

ul.list-links-groot a.lezen:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.17 25.8' fill='%23e60881' %3E%3Cpath d='M32.56,2.46H30.72V.61A.61.61,0,0,0,30.1,0H20.27a4.29,4.29,0,0,0-3.68,2.12A4.3,4.3,0,0,0,12.9,0H3.07a.61.61,0,0,0-.61.61V2.46H.61A.61.61,0,0,0,0,3.07V25.19a.61.61,0,0,0,.61.61h32a.61.61,0,0,0,.61-.61V3.07A.61.61,0,0,0,32.56,2.46ZM20.27,1.23h9.22V20.89H20.27a4.14,4.14,0,0,0-.87.09l-.27.08a4.84,4.84,0,0,0-.54.17c-.1,0-.19.11-.29.16s-.3.15-.44.24a3,3,0,0,0-.27.23,2.76,2.76,0,0,0-.37.31h0V4.3A3.08,3.08,0,0,1,20.27,1.23Zm-16.58,0H12.9A3.08,3.08,0,0,1,16,4.3V22.18h0c-.1-.11-.23-.2-.34-.3s-.19-.17-.29-.24a4.5,4.5,0,0,0-.43-.23,3.07,3.07,0,0,0-.31-.17,4.68,4.68,0,0,0-.53-.17L13.77,21a4.14,4.14,0,0,0-.87-.09H3.69V1.23ZM1.23,3.69H2.46V21.5a.61.61,0,0,0,.61.62H12.9a3.68,3.68,0,0,1,.58.05l.19,0c.12,0,.24.07.36.12a1.76,1.76,0,0,1,.2.09l.3.16.19.13.26.22.16.15.21.27a1.09,1.09,0,0,1,.13.17,2.68,2.68,0,0,1,.18.33,1.3,1.3,0,0,1,.08.17,3.16,3.16,0,0,1,.17.52v0H1.23ZM31.94,24.57H17.26v0a3.13,3.13,0,0,1,.16-.52,1.3,1.3,0,0,0,.08-.17l.18-.33.13-.17.22-.27.16-.15a2.75,2.75,0,0,1,.26-.22l.18-.13.31-.16a1.11,1.11,0,0,1,.19-.09c.12-.05.24-.08.37-.12l.18,0a3.68,3.68,0,0,1,.58-.05H30.1a.62.62,0,0,0,.62-.62V3.69h1.22Z'/%3E%3Cpath d='M6.76,6.17H12.9a.66.66,0,0,0,.61-.67.61.61,0,0,0-.61-.62H6.76a.68.68,0,0,0-.62.68A.61.61,0,0,0,6.76,6.17Z'/%3E%3Cpath d='M6.76,9.86H12.9a.67.67,0,0,0,.61-.68.61.61,0,0,0-.61-.61H6.76a.61.61,0,0,0-.62.61v.07A.62.62,0,0,0,6.76,9.86Z'/%3E%3Cpath d='M6.76,13.55H12.9a.67.67,0,0,0,.61-.68.61.61,0,0,0-.61-.61H6.76a.61.61,0,0,0-.62.61v.06A.62.62,0,0,0,6.76,13.55Z'/%3E%3Cpath d='M6.76,17.23H12.9a.66.66,0,0,0,.61-.67.61.61,0,0,0-.61-.62H6.76a.62.62,0,0,0-.62.62v.06A.61.61,0,0,0,6.76,17.23Z'/%3E%3Cpath d='M20.27,6.17h6.15A.67.67,0,0,0,27,5.5a.62.62,0,0,0-.61-.62H20.27a.67.67,0,0,0-.61.68A.61.61,0,0,0,20.27,6.17Z'/%3E%3Cpath d='M20.27,9.86h6.15A.68.68,0,0,0,27,9.18a.61.61,0,0,0-.61-.61H20.27a.61.61,0,0,0-.61.61v.07A.61.61,0,0,0,20.27,9.86Z'/%3E%3Cpath d='M20.27,13.55h6.15a.68.68,0,0,0,.61-.68.61.61,0,0,0-.61-.61H20.27a.61.61,0,0,0-.61.61v.06A.61.61,0,0,0,20.27,13.55Z'/%3E%3Cpath d='M20.27,17.23h6.15a.67.67,0,0,0,.61-.67.62.62,0,0,0-.61-.62H20.27a.61.61,0,0,0-.61.62v.06A.61.61,0,0,0,20.27,17.23Z' /%3E%3C/svg%3E");
}

ul.list-links-groot a.route:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.16 31.16' fill='%23e60881'%3E%3Cpath d='M8.09,9.19A8.1,8.1,0,0,0,0,17.28c0,2.84,3.13,8.37,5.75,12.51A2.76,2.76,0,0,0,7.7,31a.79.79,0,0,0,.39.13H9.33a.73.73,0,0,0,.73-.73.8.8,0,0,0,0-.15,3.23,3.23,0,0,0,.41-.49c2.62-4.14,5.75-9.67,5.75-12.51A8.1,8.1,0,0,0,8.09,9.19ZM9.34,29.1a1.42,1.42,0,0,1-.83.62h0a1.33,1.33,0,0,1-.45.05H8a1.51,1.51,0,0,1-1.19-.68c-3.52-5.57-5.55-9.87-5.55-11.82a6.8,6.8,0,0,1,13.6,0C14.89,19.23,12.87,23.53,9.34,29.1Z'/%3E%3Cpath d='M8.09,12.91a4.37,4.37,0,1,0,4.37,4.37A4.37,4.37,0,0,0,8.09,12.91Zm0,7.45a3.08,3.08,0,1,1,3.08-3.08A3.08,3.08,0,0,1,8.09,20.36Z'/%3E%3Cpath d='M27.21,14.06c1.77-2.78,3.87-6.51,3.87-8.45a5.61,5.61,0,0,0-11.22,0c0,1.85,1.9,5.31,3.61,8H23a4,4,0,0,0-1.41.28.73.73,0,0,0-.41.38.86.86,0,0,0,0,.55.73.73,0,0,0,.68.47,1.09,1.09,0,0,0,.26,0,3.56,3.56,0,0,1,1-.18h2.36a.66.66,0,0,0,.39-.14A2,2,0,0,0,27.21,14.06ZM25.47,1.29a4.32,4.32,0,0,1,4.31,4.32c0,1.26-1.33,4.08-3.66,7.76a.74.74,0,0,1-.62.35l-.15,0a.75.75,0,0,1-.53-.33c-2.33-3.68-3.67-6.5-3.67-7.76A4.33,4.33,0,0,1,25.47,1.29Z'/%3E%3Cpath d='M28.6,5.61a3.13,3.13,0,1,0-3.13,3.13A3.14,3.14,0,0,0,28.6,5.61Zm-5,0a1.84,1.84,0,1,1,1.84,1.84A1.84,1.84,0,0,1,23.63,5.61Z'/%3E%3Cpath d='M24.6,29.7H22.07a.73.73,0,0,0,0,1.46H24.6a.73.73,0,1,0,0-1.46Z'/%3E%3Cpath d='M19.53,29.7H17a.73.73,0,0,0,0,1.46h2.54a.73.73,0,0,0,0-1.46Z'/%3E%3Cpath d='M14.45,29.7H11.91a.73.73,0,0,0,0,1.46h2.54a.73.73,0,0,0,0-1.46Z'/%3E%3Cpath d='M28.7,28.41a3.81,3.81,0,0,1-1.79,1.13.73.73,0,0,0-.48.91.8.8,0,0,0,.69.52l.21,0a5.41,5.41,0,0,0,2.46-1.56.73.73,0,0,0-1.09-1Z'/%3E%3Cpath d='M30.81,23.89a.73.73,0,0,0-.93-.42.76.76,0,0,0-.41.38.86.86,0,0,0,0,.57,3.79,3.79,0,0,1,.25,1.38,3.61,3.61,0,0,1-.07.73.75.75,0,0,0,.64.85h.08a.72.72,0,0,0,.72-.59,5.42,5.42,0,0,0-.26-2.9Z'/%3E%3Cpath d='M28.64,22.87a.84.84,0,0,0,.59-.29.74.74,0,0,0-.14-1,5.25,5.25,0,0,0-2.62-1.09.72.72,0,0,0-.57.12.82.82,0,0,0-.3.52.73.73,0,0,0,.64.8,3.93,3.93,0,0,1,2,.81A.81.81,0,0,0,28.64,22.87Z'/%3E%3Cpath d='M23.79,21.89h0a.73.73,0,1,0,0-1.45h-.74a2.6,2.6,0,0,1-1.34-.37.75.75,0,0,0-.57-.07.85.85,0,0,0-.44.33.74.74,0,0,0,.26,1,4.11,4.11,0,0,0,2.08.56Z'/%3E%3Cpath d='M20.38,17.77a2.64,2.64,0,0,1,.27-1.17.7.7,0,0,0,0-.55.81.81,0,0,0-.37-.42.73.73,0,0,0-1,.33,4.2,4.2,0,0,0-.41,1.81A4,4,0,0,0,19.1,19a.8.8,0,0,0,.7.51.76.76,0,0,0,.21,0,.74.74,0,0,0,.49-.91A2.48,2.48,0,0,1,20.38,17.77Z'/%3E%3C/svg%3E");
}

ul.list-links-groot a.url:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511 442.14' fill='%23e60881'%3E%3Cpath d='M325.28,203.68a10.78,10.78,0,0,0-7.53,2.95,10.22,10.22,0,0,0,0,15,10.91,10.91,0,0,0,7.53,2.94,10.42,10.42,0,0,0,0-20.84Z'/%3E%3Cpath d='M325.28,242.55a10.42,10.42,0,0,0-7.47,3.06,10,10,0,0,0-3.19,7.47,10.73,10.73,0,0,0,3.05,7.48,10.55,10.55,0,0,0,7.61,3.08,10.48,10.48,0,0,0,10.41-10.42,10.46,10.46,0,0,0-3.06-7.56A10,10,0,0,0,325.28,242.55Z'/%3E%3Cpath d='M212.06,193h-5.74l.11-11a8.54,8.54,0,0,0-2.83-6.62,8.91,8.91,0,0,0-6.48-2.8,9.41,9.41,0,0,0-9.45,9.42v11h-3a8.5,8.5,0,0,0-6.11,2.41,7.72,7.72,0,0,0-2.58,5.94,8.13,8.13,0,0,0,2.44,5.86,8.24,8.24,0,0,0,6.25,2.58h3.19v40.85a9.89,9.89,0,0,0,.68,3.74,8.58,8.58,0,0,0,2,3,9.27,9.27,0,0,0,13.3,0,9.57,9.57,0,0,0,2.63-6.73l-.11-40.71H212a8.25,8.25,0,0,0,6.05-2.52A8.41,8.41,0,0,0,212.06,193Z'/%3E%3Cpath d='M161.59,193h-5.77l.14-11a8.65,8.65,0,0,0-2.83-6.62,8.93,8.93,0,0,0-6.48-2.8,9,9,0,0,0-6.68,2.74A9.17,9.17,0,0,0,137.2,182v11h-3.06a8.61,8.61,0,0,0-6.13,2.41,7.83,7.83,0,0,0-2.58,5.94,8.61,8.61,0,0,0,8.71,8.44h3.17v40.85a9.89,9.89,0,0,0,.68,3.74,9.1,9.1,0,0,0,2,3,9.27,9.27,0,0,0,13.3,0,9.57,9.57,0,0,0,2.63-6.73l-.14-40.71h5.65a8.3,8.3,0,0,0,6.06-2.52A8.41,8.41,0,0,0,161.59,193Z'/%3E%3Cpath d='M93.72,191.8a27.91,27.91,0,0,0-14.46,3.79l-2.71,1.84V172.78a8.51,8.51,0,0,0-2.81-6.6,8.77,8.77,0,0,0-6.62-2.83,9.08,9.08,0,0,0-6.73,2.83,9,9,0,0,0-2.83,6.6v78.1a9,9,0,0,0,2.83,6.62,9.43,9.43,0,0,0,13.41.06,9.08,9.08,0,0,0,2.75-6.68V218.64a10.35,10.35,0,0,1,3.31-7.74,11.07,11.07,0,0,1,8-3.17A10.21,10.21,0,0,1,95.42,211a10.72,10.72,0,0,1,3.19,7.79v32.1a9.63,9.63,0,0,0,9.57,9.56,8.53,8.53,0,0,0,6.62-2.83,9.18,9.18,0,0,0,2.8-6.73V215.69c0-7-1.93-12.54-5.75-16.53A24.3,24.3,0,0,0,93.72,191.8Z'/%3E%3Cpath d='M293.31,207.85a33.72,33.72,0,0,0-5-6.34A30.31,30.31,0,0,0,266,192.22,32.46,32.46,0,0,0,248.7,197c-2.86-7.11-17.52-9-17.52,4.72V277.6a8.78,8.78,0,0,0,2.8,6.76,9.3,9.3,0,0,0,6.77,2.81,8.81,8.81,0,0,0,6.59-2.81,9.1,9.1,0,0,0,2.83-6.62V251.41A32.92,32.92,0,0,0,266,255.35a31.1,31.1,0,0,0,31.55-31.56,30.92,30.92,0,0,0-1.82-10.73A22.47,22.47,0,0,0,293.31,207.85Zm-27.58,29.41a13.86,13.86,0,1,1,13.83-13.84A13.85,13.85,0,0,1,265.73,237.26Z'/%3E%3Cpath d='M467.53,117.88h-16.4A221.19,221.19,0,0,0,205.7,5.69a10,10,0,0,0,4.52,19.44A202,202,0,0,1,375.89,59.61H330.2a40,40,0,0,0-35.7,58.26H83.2a202.23,202.23,0,0,1,60.42-63.76,10,10,0,1,0-11.14-16.54,222,222,0,0,0-72.18,80.3H43.44A43.51,43.51,0,0,0,0,161.34V278.48A43.52,43.52,0,0,0,43.44,322H59.1a221.37,221.37,0,0,0,41.84,56.85l0,0a222.65,222.65,0,0,0,35.37,28.26,220.93,220.93,0,0,0,316-85.14h15.21A43.53,43.53,0,0,0,511,278.48V161.34A43.51,43.51,0,0,0,467.53,117.88ZM330.2,79.57h68.54a201.36,201.36,0,0,1,29.52,38.31H321.4a20.39,20.39,0,0,1-11.35-18.14A20.18,20.18,0,0,1,330.2,79.57ZM81.84,322h103a20.16,20.16,0,0,1-4.44,39.83H112.3A200.76,200.76,0,0,1,81.84,322Zm409.21-43.49A23.56,23.56,0,0,1,467.53,302H355.92a10,10,0,1,0,0,20h73.66c-35.71,61.36-102.29,100.21-173.87,100.21a201.31,201.31,0,0,1-120.56-40.43h45.28a40.12,40.12,0,0,0,35-59.78H276.2a10,10,0,0,0,0-20H43.44A23.54,23.54,0,0,1,20,278.48V161.34a23.53,23.53,0,0,1,23.49-23.52H467.53a23.55,23.55,0,0,1,23.52,23.52Z'/%3E%3Cpath d='M426.68,169.49l-33.05,82.15a8.07,8.07,0,0,0-.65,3c0,12.54,15.56,14.46,19.32,4.7L445.49,177a7.67,7.67,0,0,0,.65-3.14C446.14,160.8,430.27,159.72,426.68,169.49Z'/%3E%3Cpath d='M403.14,171.44c0-13.11-15.9-14.15-19.47-4.41l-33,82.17a7.57,7.57,0,0,0-.65,3c0,12.51,15.56,14.44,19.32,4.67l33.19-82.34A7.67,7.67,0,0,0,403.14,171.44Z'/%3E%3Cpath d='M169.8,38.24a10,10,0,0,0,4.45-1.05l.17-.09a10,10,0,1,0-8.92-17.84l-.17.08a10,10,0,0,0,4.47,18.9Z'/%3E%3Cpath d='M316.26,302h-.2a10,10,0,1,0,0,20h.2a10,10,0,0,0,0-20Z'/%3E%3C/svg%3E");
}

ul.list-links-groot a.download:before,
.dropdown-item.download:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.55 34.5'%3E%3Cpath d='M8.64,6.91a2.18,2.18,0,0,0-.56,0v3.57a1.8,1.8,0,0,0,.43,0,1.7,1.7,0,0,0,1.85-1.92A1.57,1.57,0,0,0,8.64,6.91Z' fill='%23e60881'/%3E%3Cpath d='M3.86,6.89a1.83,1.83,0,0,0-.51.05V8.55a1.58,1.58,0,0,0,.41,0c.66,0,1.07-.34,1.07-.9S4.48,6.89,3.86,6.89Z' fill='%23e60881'/%3E%3Cpath d='M17.7,11.74V5.51a1.34,1.34,0,0,0-1.34-1.34h-15A1.34,1.34,0,0,0,0,5.51v6.23a1.33,1.33,0,0,0,1.34,1.33h15A1.33,1.33,0,0,0,17.7,11.74ZM5.55,9a2.53,2.53,0,0,1-1.78.57,2.62,2.62,0,0,1-.42,0v2H2.13V6.07A10.71,10.71,0,0,1,3.8,6a2.58,2.58,0,0,1,1.67.44,1.58,1.58,0,0,1,.58,1.26A1.76,1.76,0,0,1,5.55,9Zm5.21,1.86a4,4,0,0,1-2.52.7,10.7,10.7,0,0,1-1.4-.08V6.07A11.38,11.38,0,0,1,8.51,6a3.51,3.51,0,0,1,2.24.58,2.44,2.44,0,0,1,.92,2.06A2.78,2.78,0,0,1,10.76,10.82ZM15.82,7h-2.1V8.26h2v1h-2v2.19H12.48V6h3.34Z' fill='%23e60881'/%3E%3Cpath d='M24.56,26.66H23.14a.54.54,0,0,1-.54-.54V20.77a.54.54,0,0,0-.54-.54H17a.54.54,0,0,0-.54.54v5.35a.54.54,0,0,1-.53.54H14.54a.53.53,0,0,0-.43.85l5,6.77a.53.53,0,0,0,.86,0l5-6.77A.53.53,0,0,0,24.56,26.66Z' fill='%23e60881'/%3E%3Cpath d='M32.16,6.54l-.95-.94h0L27,1.34h0L26,.39a1.34,1.34,0,0,0-1-.39H7.88A1.34,1.34,0,0,0,6.54,1.34v1a.27.27,0,0,0,.27.26h.8a.27.27,0,0,0,.27-.26V1.61a.27.27,0,0,1,.27-.27H25a.67.67,0,0,1,.67.67V5.6A1.34,1.34,0,0,0,27,6.94h3.58a.67.67,0,0,1,.67.66V30.07a.67.67,0,0,1-.67.67H23.73a.27.27,0,0,0-.22.11l-.59.81a.26.26,0,0,0,.21.42h8.08a1.34,1.34,0,0,0,1.34-1.34V7.49A1.34,1.34,0,0,0,32.16,6.54Z' fill='%23e60881'/%3E%3Cpath d='M15.58,30.85a.26.26,0,0,0-.21-.11H8.55a.67.67,0,0,1-.67-.67V14.83a.26.26,0,0,0-.27-.26h-.8a.26.26,0,0,0-.27.26V30.74a1.34,1.34,0,0,0,1.34,1.34H16a.27.27,0,0,0,.22-.42Z' fill='%23e60881'/%3E%3Crect x='16.49' y='17.69' width='6.11' height='1.6' rx='0.54' fill='%23e60881'/%3E%3C/svg%3E");
    background-size: 31px auto;
    background-position: 0 50%;
}

ul.list-links-groot a.extern:before,
.dropdown-item.extern:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.09 29.64'%3E%3Cpolygon points='26.33 29.64 0 29.64 0 3.31 13.16 3.31 13.16 5.32 2.01 5.32 2.01 27.63 24.32 27.63 24.32 16.48 26.33 16.48 26.33 29.64' fill='%23e60881'/%3E%3Cpolygon points='30.09 13.16 28.08 13.16 28.08 2.01 16.93 2.01 16.93 0 30.09 0 30.09 13.16' fill='%23e60881'/%3E%3Crect x='11.09' y='7.97' width='20.24' height='1.98' transform='translate(-0.13 17.6) rotate(-44.97)' fill='%23e60881'/%3E%3C/svg%3E");
    background-size: 27px auto;
    background-position: 100% 50%;
}

.dropdown-item.download:before,
.dropdown-item.extern:before {
    width: 23px;
    height: 100%;
    background-position: 0 50%;
}

.dropdown-item.extern:before {
    background-size: 20px auto;
    background-position: 3px 50%;
}

.cursus-intermezzo,
.cursus-boeken {
    margin-top: 60px;
    padding: 60px 0;
    background-color: #fef2f9;
}

    .cursus-intermezzo .subtitel,
    .cursus-boeken .subtitel {
        font-family: 'PT Sans';
        font-size: 45px;
        color: #8595b2;
        line-height: 1;
        margin-bottom: 40px;
        position: relative;
    }

    .cursus-intermezzo h3,
    .cursus-boeken h3 {
        margin-bottom: 60px;
    }

@media(min-width: 992px) {

    .cursus-intermezzo img.img--round {
        border-radius: 0 500px 500px 0;
    }

    .cursus-boeken img.img--round {
        border-radius: 500px 0 0 500px;
    }
}

.cursus-boeken {
    background-color: #f3f4f7;
}

.cursus-boeken {
    background-color: #f3f4f7;
}

@media(max-width: 991px) {
    .cursus-intermezzo, .cursus-boeken {
        padding: 30px 0;
    }

        .cursus-intermezzo h3,
        .cursus-boeken h3 {
            margin-bottom: 30px;
        }

        .cursus-intermezzo h3,
        .cursus-boeken h3 {
            font-size: 40px;
        }

        .cursus-intermezzo img,
        .cursus-boeken img {
            width: 100vw !important;
            height: auto;
            margin: 0 -15px 30px -15px;
        }
}

.cursus-accreditatie {
    padding: 60px 0;
}

    .cursus-accreditatie h2 {
        margin-bottom: 60px;
    }

    .cursus-accreditatie h3 {
        font-size: 53px;
        margin-bottom: 30px;
    }

        .cursus-accreditatie h3 span {
            font-weight: 600;
            color: #e60881;
        }

            .cursus-accreditatie h3 span:before {
                content: "\A";
                /*white-space: pre-wrap;*/
            }

.cursus-accreditatie-content {
    height: 350px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-out;
}

    .cursus-accreditatie-content:after {
        content: "";
        width: 100%;
        height: 100px;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 1;
        transition: all 1s ease-out;
    }

    .cursus-accreditatie-content.open {
        height: 100%;
    }

        .cursus-accreditatie-content.open:after {
            opacity: 0;
            height: 0;
        }

    .cursus-accreditatie-content + .meer {
        margin-top: 15px;
        display: block;
    }

        .cursus-accreditatie-content + .meer:before {
            top: 0;
        }

@media(max-width: 991px) {
    .cursus-accreditatie {
        padding: 30px 0;
    }

        .cursus-accreditatie h2 {
            margin-bottom: 30px;
        }

        .cursus-accreditatie h3 {
            font-size: 40px;
        }
}

.cursus-kosten {
    background-color: #fef2f9;
    padding: 60px 0;
}

    .cursus-kosten h2 {
        margin-bottom: 60px;
    }

    .cursus-kosten h3 {
        font-size: 47px;
        margin-bottom: 30px;
        margin-right: 30px;
    }

        .cursus-kosten h3 strong {
            font-weight: 600;
            white-space: nowrap;
        }

    .cursus-kosten .kosten-tabel {
        min-width: 40%;
    }

    .cursus-kosten table {
        background: linear-gradient(to right, #fbdaec 0%,#ffffff 100%);
        width: 100%;
        font-size: 16px;
    }

        .cursus-kosten table.show {
            display: table;
            -webkit-animation: inFaden 1s ease-out 1 forwards;
            -moz-animation: inFaden 1s ease-out 1 forwards;
            -ms-animation: inFaden 1s ease-out 1 forwards;
            -o-animation: inFaden 1s ease-out 1 forwards;
            animation: inFaden 1s ease-out 1 forwards;
        }

        .cursus-kosten table tr:nth-child(even) {
            background-color: rgba(255,255,255,0.33);
        }

        .cursus-kosten table td,
        .cursus-kosten table th {
            padding: 3px 5px 3px 15px;
            vertical-align: top;
            line-height: 20px;
        }

        .cursus-kosten table th {
            background-color: #e60881;
            color: #fff;
            text-transform: uppercase;
            font-weight: 400;
        }

    .cursus-kosten .cursus-kosten-subtekst {
        margin-top: 30px;
    }

        .cursus-kosten .cursus-kosten-subtekst p {
            font-size: 16px;
            line-height: 22px;
        }


        .cursus-kosten .cursus-kosten-subtekst img {
            mix-blend-mode: multiply;
        }

    .cursus-kosten .btn-first {
        margin: 30px auto;
        min-width: 275px;
    }

@media(max-width: 991px) {
    .cursus-kosten {
        padding: 30px 0;
    }

        .cursus-kosten h2 {
            margin-bottom: 30px;
        }

        .cursus-kosten h3 {
            font-size: 40px;
        }

        .cursus-kosten .kosten-tabel {
            width: 100vw;
            margin: 0 -15px 0 -15px !important;
        }

        .cursus-kosten table {
            font-size: 14px;
        }

        .cursus-kosten .cursus-kosten-subtekst p {
            font-size: 14px;
            line-height: 20px;
        }

        .cursus-kosten .cursus-kosten-subtekst img {
            width: 100px;
            height: auto;
        }
}

section.tekst {
    background-color: #f3f4f7;
    padding: 60px 0;
}

    section.tekst.roze {
        background-color: #fef2f9;
    }

    section.tekst h2 {
        margin-bottom: 60px;
    }

@media(max-width: 991px) {
    section.tekst {
        padding: 30px 0;
    }
}

section.tekst.uitgelicht {
    padding: 0;
}

    section.tekst.uitgelicht .uitgelicht-img {
        display: block;
        width: calc(100% - 30px);
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 0 50% 50% 0;
    }

    section.tekst.uitgelicht .uitgelicht-text {
        padding: 60px 0;
    }

@media(max-width: 767px) {
    section.tekst.uitgelicht .uitgelicht-img {
        width: 100%;
        max-width: 70vw;
        height: 70vw;
        margin-top: 30px;
        border-radius: 0 35vw 35vw 0;
    }

    section.tekst.uitgelicht .uitgelicht-text {
        padding: 30px 0;
    }
}

section.formulier {
    background-color: #fef2f9;
    padding: 60px 0;
}

section.tekst + section {
    margin-top: 60px;
}

section.formulier h2 {
    margin-bottom: 60px;
}

@media(max-width: 991px) {
    section.formulier {
        padding: 30px 0;
    }
}

section.docenten h2 {
    margin-bottom: 60px;
}

section.uitgelicht .beeldmerk {
    height: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
}

section.uitgelicht a h2 {
    color: #0c2c65;
}

section.uitgelicht a h4 {
    color: #0c2c65;
    margin-top: 10px;
}

    section.uitgelicht a h4 .divide {
        color: #e60881;
    }

section.uitgelicht a p {
    color: #0c2c65;
}

.list-docent {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    box-shadow: 2px 2px 5px #b6bfd0;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 15px 15px 30px;
    background: linear-gradient(to right, #dbe0e8 0%, #ffffff 100%);
    cursor: pointer;
    position: relative;
    transition: all 0.2s linear;
}

    .list-docent:hover {
        box-shadow: 4px 4px 5px #b6bfd0;
    }

    .list-docent .list-docent-foto {
        border-radius: 50%;
        width: 150px;
        overflow: hidden;
    }

        .list-docent .list-docent-foto img {
            border-radius: 50%;
            width: 150px;
            height: 150px;
            transition: all 0.2s linear;
        }

    .list-docent:hover .list-docent-foto img {
        transform: scale(1.05);
    }

    .list-docent h4 {
        color: #0c2c65;
        font-weight: 600;
        margin-top: 20px;
    }

    .list-docent p {
        text-align: center;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0;
        color: #49618c;
    }

section.locaties h2 {
    margin-bottom: 60px;
}

.list-locatie {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    box-shadow: 2px 2px 5px #b6bfd0;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 0;
    background: linear-gradient(to right, #dbe0e8 0%, #ffffff 100%);
    cursor: pointer;
    position: relative;
    transition: all 0.2s linear;
}

    .list-locatie:hover {
        box-shadow: 4px 4px 5px #b6bfd0;
    }

    .list-locatie .list-locatie-foto {
        width: 100%;
        overflow: hidden;
    }

        .list-locatie .list-locatie-foto img {
            width: 100%;
            height: auto;
            transition: all 0.2s linear;
        }

    .list-locatie:hover .list-locatie-foto img {
        transform: scale(1.05);
    }

    .list-locatie .list-locatie-body {
        padding: 15px 15px 30px;
    }

    .list-locatie h4 {
        color: #0c2c65;
        font-weight: 600;
        margin-top: 0;
    }

    .list-locatie p {
        text-align: center;
        color: #49618c;
    }

        .list-locatie p:last-of-type {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 0;
        }

body.docent .header-image {
    filter: grayscale(1);
}

.img-right {
    float: right;
    margin: 0 0 15px 30px;
}

.img-left {
    float: left;
    margin: 0 30px 15px 0;
}

.sticky-contact {
    position: fixed;
    top: 25vh;
    right: 17.5px;
    transform: rotate(-90deg);
    transform-origin: right;
    display: block;
    background-color: #fbdaec;
    color: #e60881;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.2s linear;
    opacity: 0;
    -webkit-animation: inFaden 0.5s ease-out 1 forwards;
    -moz-animation: inFaden 0.5s ease-out 1 forwards;
    -ms-animation: inFaden 0.5s ease-out 1 forwards;
    -o-animation: inFaden 0.5s ease-out 1 forwards;
    animation: inFaden 0.5s ease-out 1 forwards;
    animation-delay: 1.5s;
    z-index: 9;
}

    .sticky-contact:hover {
        background-color: #e60881;
        color: #fff;
    }

@media(max-width: 767px) {
    .sticky-contact {
        transform: none;
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        margin: 60px 0 -60px;
    }
}

@-webkit-keyframes inFaden {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes inFaden {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes inFaden {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes inFaden {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes inFaden {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.form-login {
    margin-top: 30px;
}

    .form-login .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-login p {
        position: absolute;
        top: 0;
        right: 15px;
    }

    .form-login a {
        font-size: 14px;
    }

        .form-login a:before {
            width: 100% !important;
        }

        .form-login a:after {
            content: none !important;
        }

    .form-login button {
        min-width: 210px;
    }

@media(min-width: 992px) and (max-width: 1199px) {
    .form-login .row:last-of-type > div {
        flex-flow: column !important;
    }

    .form-login p {
        position: relative;
        top: unset;
        right: unset;
    }
}

@media(max-width: 576px) {
    .form-login p {
        position: relative;
        display: block;
        top: unset;
        right: unset;
    }
}

section.formulier.formulier-inschrijven,
section.formulier.formulier-bevestigen {
    background-color: #f3f4f7;
    padding: 0;
}

    section.formulier.formulier-inschrijven .umbraco-forms-field-wrapper.short-answer:before,
    section.formulier.formulier-inschrijven .umbraco-forms-field-wrapper.short-answer:after {
        background-color: #f3f4f7;
    }

.formulier-content {
    background-color: #DCDFE7;
    padding: 15px;
}

.formulier-bevestigen .formulier-content {
    background-color: #FBD9EC;
}

    .formulier-content h2 {
        font-size: 24px;
        margin-top: 5px !important;
        margin-bottom: 30px !important;
        text-align: center;
    }

.formulier-inschrijven .steps,
.formulier-bevestigen .steps {
    font-weight: 300;
    font-size: 25px;
    margin: 23px 0 0 auto;
    color: #8595b2;
}

.formulier-bevestigen .gegevens {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    font-size: 0.8rem;
    background-color: #FEF2F9;
    border-radius: 0.5em;
    padding: 2em;
    margin: 0 auto 4em auto;
}

.formulier-bevestigen .gegevens p {
    margin: 0;
}

    .formulier-bevestigen .gegevens a {
        font-size: 0.8rem;
    }


@media(max-width: 991px) {
    .formulier-bevestigen .gegevens {
        width: 90%;
    }
}

    .form-subscribe p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .form-subscribe .btn-dropdown {
        font-size: 14px;
        width: 100%;
        margin-right: 0;
        background-color: #8896b3;
        color: #fff;
        text-align: left;
    }

    .form-subscribe .btn-first {
        min-width: unset !important;
        width: 100%;
    }

    body.mijngegevens .form-subscribe .btn-first,
    body.mijnnieuwsbrieven .form-subscribe .btn-first {
        width: auto;
        margin: 0 auto;
    }


    .form-subscribe .custom-control {
        padding-left: 0 !important;
    }

    .form-subscribe .form-subscribe-invoice-address,
    .form-subscribe .form-subscribe-password {
        display: none;
    }

    .icon-info {
        width: 20px;
        height: 20px;
        background-color: #8896b3;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        position: absolute;
        right: 5px;
        top: 10px;
        cursor: help;
    }

    /* De ingebouwde toon-wachtwoord-knop van Edge valt precies onder het i-icoon
       bij het wachtwoordveld; uitzetten zodat de twee elkaar niet overlappen */
    input[type="password"]::-ms-reveal {
        display: none;
    }

    /* Eigen oog-icoontje bij wachtwoordvelden (zie passwordToggles in scripts.js);
       met .icon-eye--offset schuift het naast een aanwezig i-icoon.
       Als button.icon-eye geschreven zodat de min-width van .form-login button
       (210px, voor de inlogknop) dit icoontje niet uitrekt. */
    button.icon-eye {
        width: 20px;
        height: 20px;
        min-width: 0;
        padding: 0;
        border: none;
        background: none;
        color: #8896b3;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 5px;
        top: 10px;
        cursor: pointer;
    }

    button.icon-eye--offset {
        right: 30px;
    }

    .icon-eye svg {
        width: 20px;
        height: 20px;
        fill: currentColor;
        pointer-events: none;
    }

    .icon-eye .icon-eye__hide {
        display: none;
    }

    .icon-eye--visible .icon-eye__show {
        display: none;
    }

    .icon-eye--visible .icon-eye__hide {
        display: block;
    }

    @media (pointer: coarse) {
        button.icon-eye {
            width: 44px;
            height: 44px;
            top: -2px;
            right: 0;
        }

        button.icon-eye--offset {
            right: 25px;
        }
    }

    .formulier-bevestigen p a {
        font-size: 16px;
    }

    .bevestigen-terug {
        position: absolute;
        top: calc(50% - 23.5px);
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-align: center;
    }

        .bevestigen-terug:hover .carousel-control-prev-icon {
            background-position-x: 35%;
        }

    .form-confirm .btn-first {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .form-confirm .btn-coupon-apply.btn-first,
    .form-confirm .btn-apply.btn-first {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .form-confirm .btn-apply,
    .btn-logout {
        border: none;
        box-shadow: none;
        background-color: transparent;
        padding: 0;
        font-size: 14px;
        line-height: 33px;
        color: #e60881;
        position: relative;
        transition: all 0.2s linear;
    }

        .form-confirm .btn-apply:hover,
        .btn-logout:hover {
            color: #0c2c65;
        }

        .form-confirm .btn-apply:focus,
        .form-confirm .btn-apply:active,
        .btn-logout:focus,
        .btn-logout:active {
            border: none;
            outline: none;
        }

        .form-confirm .btn-apply span,
        .btn-logout span {
            position: relative;
        }

            .form-confirm .btn-apply span:before,
            .btn-logout span:before {
                content: "";
                height: 1px;
                width: 100%;
                background-color: #e60881;
                position: absolute;
                bottom: -2px;
                left: 0;
                transition: all 0.2s linear;
            }

        .form-confirm .btn-apply:hover span:before,
        .btn-logout:hover span:before {
            background-color: #0c2c65;
            bottom: 1px;
        }

        .form-confirm .btn-apply + svg {
            margin-left: 15px;
            display: none;
        }

    /* Toelichting boven het actiecodeveld */
    /* Ruime marge: het zwevende label van het actiecodeveld steekt de bovenste 15px
       van deze marge in, dus er blijft ongeveer 25px zichtbare witruimte over. */
    .extracode-toelichting {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 40px;
    }

    /* Actiecode-knop blijft grijs/inactief totdat er iets in het veld is getypt.
       Dezelfde stijl voor de knop Volgende als het e-mailadres al op deze nascholing staat. */
    .btn-coupon-apply:disabled,
    .form-confirm .btn-apply:disabled,
    .form-subscribe .btn-first:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none;
    }

    .form-confirm .extracode-applied {
        color: #e60881;
        font-size: 14px;
        padding: 5px 0 0 15px;
        display: none;
        display: inline-block;
        line-height: 20px;
    }

    .form-confirm .btn-coupon-apply {
        background-color: #132B61;
    }

    .mijn-aankomend {
        background-color: #fef2f9;
        padding: 60px 0 90px;
    }

        .mijn-aankomend h2 {
            margin-bottom: 60px;
        }

    .mijncursus-wrapper {
        background: #dbe0e8;
        background: linear-gradient(to right, #dbe0e8 0%,#ffffff 100%);
        box-shadow: 0 0 8px #b6bfd0;
        display: flex;
    }

        .mijncursus-wrapper:not(:last-of-type) {
            margin-bottom: 60px;
        }

    .mijncursus-links {
        width: 100%;
        padding: 40px;
        display: flex;
    }

        .mijncursus-links .aanbod-resultaat {
            min-width: 388px;
            min-height: 388px;
            width: 388px;
            height: 388px;
            margin-bottom: 0;
        }

    .mijncursus-details {
        padding-left: 40px;
    }

    .mijncursus-rechts {
        padding: 40px;
        min-width: 418px;
        background-color: #e6e9ef;
    }

        .mijncursus-details > div,
        .mijncursus-rechts > div {
            height: 100px;
            display: flex;
            align-content: center;
            align-items: center;
        }

    /* De onbetaald-melding staat op dezelfde plek als de lege uitlijn-div hierboven, maar met
       twee regels tekst en een link past die niet in de vaste hoogte van 100px. Ook op mobiel
       moet hij zichtbaar blijven, anders dan de lege div die daar wordt verborgen. */
    .mijncursus-rechts > div.mijncursus-betaalmelding {
        height: auto;
        display: block;
        align-items: normal;
        margin-bottom: 20px;
    }

        .mijncursus-rechts > div.mijncursus-betaalmelding a {
            display: inline-block;
            margin-top: 10px;
            font-weight: 700;
        }

    @media(max-width: 1024px) {
        .mijncursus-links .aanbod-resultaat {
            min-width: 388px;
        }

            .mijncursus-links .aanbod-resultaat p {
                font-size: 16px;
            }

        .mijncursus-details p {
            font-size: 16px;
        }

        .mijncursus-rechts {
            min-width: 275px;
        }

        .mijn-bijgewoond .mijncursus-links .aanbod-resultaat {
            min-width: unset;
        }
    }

    @media(max-width: 991px) {
        .mijncursus-wrapper {
            flex-flow: column;
        }

        .mijncursus-rechts > div {
            display: none;
        }

        .mijncursus-rechts p:last-of-type {
            margin-bottom: 0;
        }
    }

    @media(max-width: 767px) {
        .mijncursus-links {
            flex-flow: column;
        }

        .mijncursus-details {
            padding-left: 0;
        }

        .mijncursus-links .aanbod-resultaat {
            min-width: unset;
            min-height: unset;
            width: calc(100% + 40px);
            height: 400px;
            margin-left: -20px;
            margin-top: -20px;
        }

            .mijncursus-links .aanbod-resultaat p {
                font-size: 14px;
            }

                .mijncursus-links .aanbod-resultaat p.soort {
                    font-size: 14px;
                    margin-top: 10px;
                }

            .mijncursus-links .aanbod-resultaat h3 {
                font-size: 35px;
            }

                .mijncursus-links .aanbod-resultaat h3.long-title {
                    font-size: 25px;
                }

        .mijncursus-rechts {
            min-width: unset;
        }
    }

    @media(max-width: 375px) {
        .achtergrond div {
            background-size: cover;
            background-position: 50% 50%;
        }

        .mijncursus-links .aanbod-resultaat p.soort {
            margin-top: 0;
            line-height: 18px;
        }

        .mijncursus-links .aanbod-resultaat p {
            line-height: 20px
        }
    }

    .mijn-gerelateerd {
        background-color: #f3f4f7;
        padding: 60px 0;
        margin-top: 60px;
    }

        .mijn-gerelateerd .aanbod-resultaat {
            margin-bottom: 60px;
        }

        .mijn-gerelateerd h2 {
            margin-bottom: 60px;
        }

    .mijn-bijgewoond {
        background-color: #fef2f9;
        padding: 60px 0 90px;
    }

        .mijn-bijgewoond h2 {
            margin-bottom: 60px;
        }

        .mijn-bijgewoond .mijncursus-wrapper {
            height: calc(100% - 30px);
        }

        .mijn-bijgewoond .mijncursus-links {
            flex-flow: column;
        }

        .mijn-bijgewoond .aanbod-resultaat {
            width: 100%;
            height: auto;
            margin-bottom: 90px;
        }

            .mijn-bijgewoond .aanbod-resultaat .achtergrond:after {
                bottom: 0;
            }

        .mijn-bijgewoond .btn-dropdown {
            width: 100%;
            text-align: left;
            background-color: #e60881;
            border: 1px solid #e60881;
            color: #fff;
        }

            .mijn-bijgewoond .btn-dropdown[aria-expanded="true"] {
                background-color: #fff;
                border: 1px solid #e60881;
                color: #e60881;
            }

                .mijn-bijgewoond .btn-dropdown[aria-expanded="true"]:after {
                    background-color: #e60881;
                }

        .mijn-bijgewoond .dropdown-menu {
            background-color: #fff;
            border-radius: 0;
            box-shadow: 0px 0px 5px #b6bfd0;
            width: calc(100% - 30px);
            padding: 5px 10px;
            left: 15px !important;
        }

            .mijn-bijgewoond .dropdown-menu .dropdown-item {
                font-size: 14px;
                font-weight: 600;
                min-height: 40px;
                padding: 10px 10px 10px 35px;
                line-height: 20px;
            }

                .mijn-bijgewoond .dropdown-menu .dropdown-item:not(:last-of-type) {
                    border-bottom: 1px solid #dbe0e8;
                }

    @media(max-width: 767px) {
        .mijn-bijgewoond .aanbod-resultaat {
            width: calc(100% + 40px);
            height: auto;
            margin-bottom: 10px;
        }

        .mijn-bijgewoond .dropdown-menu .dropdown-item {
            white-space: pre-wrap;
            line-height: 1;
        }
    }

    .mijn-gegevens {
        background-color: #f3f4f7;
        padding: 60px 0;
    }

        .mijn-gegevens h2 {
            margin-bottom: 60px;
        }

        .mijn-gegevens .umbraco-forms-form + h2 {
            margin-top: 60px;
        }

    .notification-saved {
        color: #0c2c65;
        border: 1px solid #dbe0e8;
        background-color: #f3f4f7;
        padding: 10px 15px;
        margin-bottom: 30px;
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
    }

    .notification-error {
        color: #e60881;
        border: 1px solid rgba(230,8,129,.3);
        background-color: #fef2f9;
        padding: 10px 15px;
        margin-bottom: 25px;
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
    }

        .notification-error ul {
            margin: 0 auto;
            padding: 0 10px;
            font-size: 16px;
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 14px;
            line-height: 18px;
        }

    .form-nieuwsbrief-hidden {
        display: none;
    }