.spacer-height {
    height: var(--spacer-height);
}

@media (max-width: 768px) {
    .spacer-height {
        height: calc(var(--spacer-height) * var(--spacer-mobile));
    }
}

body {
}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

.table {
    background-color: var(--white);
    border: 0px;
    border-radius: 250px;
    color: var(--purple-darker);
}

    .table > :not(caption) > * > * {
        padding: .5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 0;
        box-shadow: 0;
    }

.trainingitem {
    background: #fff;
    color: var(--purple-darkest);
    border-radius: 4rem;
    padding: .5em 1em;
    margin-bottom: 1em;
}

@media (max-width: 994px) {
    .trainingitem {
        border-radius: 8px;
    }
}

@media (min-width: 767px) {
    .sticky-md-top {
        margin-top: -100px;
        padding-top: 100px;
    }
}

.circle-pp-cijfers {
    position: relative;
    top: -20px;
    left: calc(30% - 20px);
    width: 80px !important;
    height: 80px !important;
    border-radius: 100%;
    font-size: 3rem;
    font-weight: bold;
    color: var(--purple-darker);
    background: var(--green);
    margin-top: 30px;
    margin-left: 0px;
}

.viewdebug {
    display: none;
}

.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.text-small h3 {
    font-size: 1rem !important;
}

section {
    padding-top: 25px;
    padding-bottom: 25px;
}

.section-form {
    position: relative;
    z-index: 2;
}

/* .section-zelfstandigen4foto */
.icontextitems p {
    text-align: center;
    font-family: CircularXXWeb-Bold, sans-serif;
}

.infoblokkader {
    background-color: var(--purple-darkest) !important;
    color: #fff;
    padding: 2em 2em 1em;
}

    .infoblokkader h2 {
        color: #fff;
    }

.background--blue {
    background-color: var(--blue-lighter);
}

.bg-light-green {
    background-color: #ebfff1;
    /*#F6FFF9;*/
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-blue {
    background-color: var(--purple-darkest) !important;
    color: var(--white);
}

    .bg-blue a {
        color: var(--white);
        text-decoration: underline;
    }

    .bg-blue a:hover {
        text-decoration: underline;
    }


.bg-green {
    background-color: var(--green);
}

.bg-dark-blue {
    background-color: #0c0347;
    color: #fff !important;
}

.dubbelContent.bg-dark-blue > :is(h1, h2, h3, h4, h5, h6),
.dubbelContent.bg-dark-blue > .card-body {
    color: #fff;
}

.bg-dark-blue:not(.dubbelContent) :is(h1, h2, h3, h4, h5, h6),
.bg-dark-blue:not(.dubbelContent) .card-body {
    color: #fff;
}

.card-body {
    color: var(--purple-darkest);
}

section .bg-light-green, section .background--blue, section .bg-green, section .bg-dark-blue {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-inschrijven-blok {
    background-color: var(--green);
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    background: var(--green) url("data:image/svg+xml,%3Csvg id='10e258' data-name='10e258' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2310e258;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='300' cy='300' r='300'/%3E%3C/svg%3E") no-repeat 75vw -700px;
    background-size: 1000px;
}

    .bg-inschrijven-blok h2 {
        margin-top: 30px;
    }

    .bg-inschrijven-blok p {
        color: var(--purple-darkest);
    }

.inschrijvenvacatureblok {
    padding: 30px;
    background: var(--purple-darkest);
    color: white;
    border-radius: 2px;
}

    .inschrijvenvacatureblok h2 {
        font-size: 1.2em;
    }

    .inschrijvenvacatureblok input[type=submit],
    .inschrijvenvacatureblok button[type=submit] {
        background-color: var(--green);
        color: var(--purple-darkest);
        border-color: var(--purple-darkest);
        text-transform: uppercase;
        font-family: CircularXXWeb-Bold, sans-serif;
        font-size: .8rem;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
    }

ul.greendots {
    margin-left: 20px;
    padding-left: 0;
    list-style: none;
}

    ul.greendots li {
        margin-bottom: 1em;
        padding-left: 1.5em;
        background: url('/img/icons/check-circle.svg') no-repeat left .3em;
    }

.col-processtap p.font-weight-bold {
    min-height: 3.4em;
    margin-bottom: 0;
}

.infoblok4-icons p {
    text-align: center;
    font-family: CircularXXWeb-Bold, sans-serif;
}

.infoblok4-icons-mobile p {
    font-family: CircularXXWeb-Bold, sans-serif;
}

/* Icons */
.icon-regular {
    height: 24px;
    color: var(--green);
}

.icon--background {
    height: 24px;
    color: var(--purple-darkest);
    background: var(--green);
    border-radius: 100%;
    padding: 3px;
}

.part-breadcrumbs {
    position: absolute;
    left: 0;
    width: 100%;
}

/* Breadcrumb */
.breadcrumb {
    padding-top: 30px;
    padding-bottom: 30px;
    color: var(--purple-darker) !important;
    margin-bottom: 0;
    font-size: .7em;
}

nav {
    z-index: 1;
    position: relative;
}

.breadcrumb-item a {
    color: var(--purple-darker) !important;
    text-transform: capitalize;
    text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    content: "\f105";
    color: var(--purple-darker) !important;
    font-weight: 900;
}

@media (max-width: 994px) {
    .breadcrumb {
        padding: 16px;
    }
}


/* BenefitsBlock */
.benefitsblock {
    background-color: var(--blue-lighter);
    margin: 100px 0;
    padding: 20px;
    display: flex;
}

.benefitsblock__list {
    font-size: 24px;
    padding-left: 0;
}

    .benefitsblock__list li {
        margin-bottom: 10px;
    }

    .benefitsblock__list i {
        color: var(--green);
    }

.benefitsblock__image {
    width: 100%;
}

.benefitsblock__left,
.benefitsblock__right {
    padding: 20px;
}

.benefitsblock__left {
    margin-bottom: -20px;
    padding-bottom: 0px;
    position: relative;
    width: 40%;
}

.benefitsblock__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%;
}

    .benefitsblock__right .text-wrapper {
        padding: 50px;
    }

.benefitsblock__caption {
    position: absolute;
    color: var(--purple-darkest);
    font-family: 'Nanum Pen Script';
    font-size: 19px;
    bottom: 10px;
    left: 90%;
    width: 100%;
    z-index: 2;
    position: absolute;
    text-align: left;
}

.benefitsblock__title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .benefitsblock {
        flex-direction: column;
        margin: 50px 0;
    }

    .benefitsblock__left,
    .benefitsblock__right {
        width: 100%;
    }

    .benefitsblock__right {
        margin-top: 40px;
    }

        .benefitsblock__right .text-wrapper {
            padding: 0;
            padding-top: 50px;
        }

    .benefitsblock__caption {
        position: absolute;
        text-align: center;
        bottom: -35px;
        left: 0;
    }

    .benefitsblock__title {
        font-size: 24px;
    }

    .benefitsblock__list {
        font-size: 16px;
    }
}


@media (max-width: 1200px) {
    .benefitsblock__right .text-wrapper {
        padding: 0;
    }

    .benefitsblock__image {
    }

    .benefitsblock__title {
        font-size: 24px;
    }

    .benefitsblock__list {
        font-size: 16px;
    }
}


/* Pluses block */
.plusesblock {
    margin: 100px 0;
}

.plusesblock__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.plusesblock__title {
    font-family: CircularXXWeb-Bold;
    font-size: 24px;
    margin-left: 50px;
    color: var(--purple-darkest);
    margin-bottom: 35px;
}


@media (max-width: 768px) {
    .plusesblock {
        margin: 50px 0;
    }

    .plusesblock__title {
        margin-left: 5px;
    }
}


/* Info block */
.infoblock {
    display: flex;
    flex-direction: row;
    margin: 100px 0;
}

.infoblock-subject {
    display: inline-block;
    background-color: var(--green);
    color: var(--purple-darkest);
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    font-family: CircularXXWeb-Bold, sans-serif;
    text-transform: uppercase;
}

.infoblock-subject-blue {
    display: inline-block;
    background-color: var(--purple-darkest);
    color: var(--white);
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 0.65rem;
    margin-bottom: -20px;
    font-family: CircularXXWeb-Bold, sans-serif;
    text-transform: uppercase;
}

.infoblock__title-wrapper {
    display: flex;
    align-items: center;
}

    .infoblock__title-wrapper embed {
        margin-right: 8px;
    }

.infoblock-variant {
    border: none;
    border-bottom: 1px solid var(--grey-lighter);
    padding: 80px 0;
    margin: 0;
    height: auto;
}

    .infoblock-variant img {
        top: 50%;
        transform: translateY(-50%);
    }

    .infoblock-variant .infoblock__circle {
        display: none;
    }


.infoblock__left {
    width: 50%;
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .infoblock__left i {
        color: var(--purple-darkest);
        margin-right: 5px;
        background-color: var(--green);
        padding: 7px;
        border-radius: 100%;
    }

.infoblock__right {
    width: 50%;
    padding-right: 0;
    position: relative;
    overflow: hidden;
}

    .infoblock__right img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        right: 20px;
        bottom: 0;
        z-index: 2;
    }

.infoblock__subject {
    font-size: 20px;
    color: var(--purple-darkest);
    font-weight: bold;
}

.infoblock__title {
    font-size: 36px;
    color: var(--purple-darkest);
    font-weight: bold;
    margin: 20px 0;
}

.infoblock__content {
    font-size: 18px;
}

.infoblock__circle {
    background-color: var(--green);
    height: 800px;
    width: 800px;
    border-radius: 100%;
    right: -75%;
    position: absolute;
    top: -13%;
}

.infoblock__flipped {
    display: flex;
    flex-direction: row-reverse;
}

    .infoblock__flipped img {
        left: 20px;
    }

    .infoblock__flipped .infoblock__circle {
        background-color: var(--blue);
        width: 500px;
        height: 500px;
        left: -19%;
        top: -16%;
    }

.image-list-block__title {
    font-size: 24px;
    color: var(--purple-darkest);
}

.image-list-block__list-wrapper {
    background-color: transparent;
    color: var(--green);
}

    .image-list-block__list-wrapper li {
        font-size: 18px;
    }

@media (max-width: 768px) {
    .infoblock {
        flex-direction: column;
        height: auto;
        margin: 50px 0;
    }

    .infoblock__left,
    .infoblock__right {
        width: 100%;
    }

        .infoblock__right img {
            width: 70%;
            display: block;
            margin: auto;
        }

    .infoblock__left {
        padding-bottom: 10px;
    }

    .infoblock__title {
        font-size: 24px;
    }

    .infoblock__content {
        font-size: 16px;
    }

    .infoblock img {
        position: relative;
        right: auto;
    }

    .infoblock__circle {
        display: none;
    }

    .infoblock__flipped img {
        left: 0;
    }

    .infoblock__subject {
        font-size: 16px;
    }

    .infoblock-variant {
        padding: 40px 0;
        margin: 0;
    }
}

@media (max-width: 994px) {
    .infoblock__left {
        padding: 10px;
    }
}

/* CTA Intern */
.ctaIntern {
    padding: 20px;
    margin: 100px 0;
    display: flex;
}

    .ctaIntern .wysiwyg-title {
        font-size: 60px;
    }

.ctaIntern__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ctaIntern__right {
    text-align: center;
}

.ctaIntern__left,
.ctaIntern__right {
    width: 50%;
}

    .ctaIntern__right img {
        width: 100%;
    }

.ctaIntern__content {
    font-size: 30px;
}

.ctaIntern__caption {
    color: var(--purple-darkest);
    font-family: 'Nanum Pen Script';
    font-size: 19px;
}

@media (max-width: 768px) {
    .ctaIntern {
        flex-direction: column-reverse;
        margin: 50px 0;
    }

    .ctaIntern__left,
    .ctaIntern__right {
        width: 100%;
    }

    .ctaIntern .wysiwyg-title {
        font-size: 32px;
    }

    .ctaIntern__content {
        font-size: 16px;
    }
}

@media (max-width: 994px) {
    .ctaIntern__left .wysiwyg-title {
        font-size: 32px;
    }

    .ctaIntern__content {
        font-size: 16px;
    }
}

/* Spotlight Block */
.spotlightBlock {
    display: flex;
    background-color: var(--blue);
    border-radius: 8px;
    margin: 100px 0;
}

.spotlightBlock___left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%;
    padding: 50px;
    position: relative;
    overflow: hidden;
}

.spotlightBlock__right {
    width: 40%;
}

    .spotlightBlock__right img {
        width: 100%;
    }

.spotlightBlock__spotlight {
    color: var(--green);
    font-size: 60px;
    font-weight: bold;
}

.spotlightBlock__title {
    font-weight: bold;
    font-size: 60px;
}

.spotlightBlock__triangle {
    position: absolute;
    height: 200%;
    width: 200%;
    left: -105%;
    background-color: var(--blue-lighter);
    transform: rotate(45deg);
    top: 33%;
}

.spotlightBlock___content {
    z-index: 2;
}

@media (max-width: 994px) {
    .spotlightBlock {
        flex-direction: column-reverse;
        margin: 50px 0;
    }

    .spotlightBlock__right,
    .spotlightBlock___left {
        width: 100%;
    }

    .spotlightBlock__img {
        max-height: 200px;
        height: 100%;
        object-fit: cover;
    }

    .spotlightBlock__title,
    .spotlightBlock__spotlight {
        font-size: 32px;
    }
}


/* Domain Hero */
.domain-hero {
    display: flex;
    flex-direction: column;
    padding: 100px 0;
    position: relative;
}

.domain-hero__container {
    display: flex;
    flex-direction: row;
}

.domain-hero__left {
    width: 50%;
}

.domain-hero__right {
    width: 50%;
}

.domain-hero__search-bar {
    background-color: var(--purple-darkest);
    padding: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -40px;
    width: 100%;
    z-index: 4;
}

.search-bar__left {
    display: flex;
    flex-direction: column;
    position: relative;
}

.search-bar__vakgebieden {
    display: flex;
}

    .search-bar__vakgebieden button {
        margin-right: 5px;
        margin-top: 5px;
    }

.search-bar__title {
    text-transform: uppercase;
    color: var(--white);
    font-size: 12px;
}

.search-bar__right input {
    height: 45px;
    border: 2px solid #F2F2F2;
    border-radius: 8px;
    width: 100%;
}

.domain-hero__title {
    font-size: 72px;
}

.domain-hero__vakgebieden {
    color: var(--purple-darkest);
    font-size: 20px;
}

    .domain-hero__vakgebieden i {
        margin-right: 8px;
    }

.domain-hero__circle {
    height: 500px;
    width: 500px;
    background-color: var(--blue);
    border-radius: 100%;
    position: absolute;
    left: 90%;
    transform: translateX(-90%);
    bottom: 0;
}

.domain-hero__right img {
    width: 35%;
    display: flex;
    position: absolute;
    left: 85%;
    transform: translateX(-80%);
    bottom: 47px;
    z-index: 2;
    object-fit: contain;
    max-height: 90%;
}

.domain-hero__circle-green {
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: var(--green);
    border-radius: 100%;
    right: 50px;
    top: 40%;
    z-index: 3;
}

.half-circle {
    height: 50px;
    width: 25px;
    border-radius: 150px 0 0 150px;
    border-top: 10px solid var(--green);
    border-left: 10px solid var(--green);
    border-bottom: 10px solid var(--green);
    transform: translate(100px) rotate(110deg);
    position: absolute;
    z-index: 3;
    bottom: 60px;
    right: 200px;
}

.border-circle {
    background-color: var(--green);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
}

.left-circle {
    right: -6px;
    top: -10px;
}

.right-circle {
    bottom: -10px;
    right: -6px;
}

@media (max-width: 994px) {
    .domain-hero {
        flex-direction: column;
    }

    .domain-hero__title {
        font-size: 48px;
        margin-bottom: 20px;
    }

    .domain-hero__left {
        width: 100%;
    }

    .domain-hero__right {
        display: none;
    }

    .domain-hero__search-bar {
        flex-direction: column;
    }

    .search-bar__vakgebieden {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .btn-search {
        height: 45px;
    }

    .domain-hero__search-bar {
        bottom: -70px;
    }
}


/* Latest vacancies */
.latest-vacancies {
    display: flex;
    padding: 100px 0;
}

.latest-vacancies__left {
    display: flex;
    flex-direction: column;
    width: 30%;
    padding-right: 50px;
}

.latest-vacancies__btn {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    border-radius: 50px;
}

    .latest-vacancies__btn embed {
        margin-left: 8px;
    }

.latest-vacancies__right {
    display: flex;
    width: 70%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.latest-vacancies__subject {
    color: var(--purple-darkest);
    font-weight: bold;
    font-size: 24px;
    display: flex;
    align-items: center;
}

    .latest-vacancies__subject embed {
        margin-right: 8px;
    }

.latest-vacancies__title {
    font-size: 48px;
    font-weight: bold;
    margin: 20px 0;
}

@media (max-width: 768px) {
    .latest-vacancies {
        flex-direction: column;
    }

    .latest-vacancies__left,
    .latest-vacancies__right {
        width: 100%;
    }

    .latest-vacancies__left {
        margin-bottom: 20px;
    }

    .latest-vacancies__title {
        font-size: 32px;
    }

    .latest-vacancies__subject {
        font-size: 18px;
    }
}


/* Vakgebieden Large */
.vakgebieden-large {
    display: flex;
    background-color: var(--blue-lighter);
    padding: 50px 30px 30px 20px;
}

.vakgebieden-large__left {
    width: 25%;
    position: relative;
}

.vakgebieden-large__right {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.vakgebieden__vakgebied {
    background-color: var(--white);
    border: 1px solid var(--blue-darker);
    padding: 40px;
    width: 32%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    text-decoration: none;
}

    .vakgebieden__vakgebied:hover > .vakgebied__subtitle {
        font-size: 18px;
    }

.vakgebied__title {
    color: var(--purple-darkest);
    font-size: 24px;
    font-weight: bold;
}

.vakgebieden__wrapper-title {
    background-color: var(--green);
    padding: 30px;
    margin: 20px;
    border-radius: 8px 8px 0px 8px;
}

.vakgebieden__title {
    font-size: 36px;
}

.vakgebieden__triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent var(--green) transparent transparent;
    position: relative;
    float: right;
    margin-right: 20px;
    margin-top: -30px;
}


.vakgebied__subtitle {
    color: var(--purple-darkest);
    display: flex;
    align-content: center;
    justify-content: center;
}

    .vakgebied__subtitle embed {
        margin-left: 8px;
    }

@media (max-width: 994px) {
    .vakgebieden-large {
        flex-direction: column;
        padding: 10px;
    }

    .vakgebieden-large__left {
        width: 90%;
    }

    .vakgebieden-large__right {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .vakgebieden__title {
        font-size: 24px;
    }

    .vakgebieden__vakgebied {
        padding: 30px;
        width: 100%;
        margin-right: 20px;
        white-space: nowrap;
    }


    .vakgebied__title {
        font-size: 20px;
    }

    .vakgebied__subtitle {
        font-size: 16px;
    }
}

/* Collega's */
.collegas {
    display: flex;
    flex-direction: row;
    padding: 20px;
    border-top: 1px solid var(--grey-lighter);
    border-bottom: 1px solid var(--grey-lighter);
}

.collegas__links {
    display: flex;
    flex-direction: column;
    width: 40%;
    padding: 50px;
}

.collegas__rechts {
    display: flex;
    width: 60%;
    padding: 50px;
}

.collegas__wrapper-images {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.collega-card {
    display: flex;
    flex-direction: column;
    width: 48%;
    margin-bottom: 30px;
}

    .collega-card img {
        width: 100%;
    }

.collegas__subject {
    color: var(--purple-darkest);
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

    .collegas__subject embed {
        margin-right: 8px;
    }

.collegas__title {
    color: var(--purple-darkest);
    font-size: 48px;
    font-weight: bold;
    margin-top: 20px;
}

.collega-card__title {
    color: var(--purple-darkest);
    font-size: 20px;
    margin-top: 10px;
}

.collega-card__job {
    color: var(--grey);
    font-size: 20px;
}


@media (max-width: 994px) {
    .collegas {
        flex-direction: column;
    }

    .collegas__links,
    .collegas__rechts {
        width: 100%;
        padding: 0;
    }


    .collegas__subject {
        font-size: 24px;
    }

    .collegas__title {
        font-size: 32px;
    }

    .collega-card__title,
    .collega-card__job {
        font-size: 16px;
    }
}

/* Inschrijven */
.inschrijven {
    display: flex;
    flex-direction: row;
    background-color: var(--purple);
    color: var(--white);
    margin: 80px 0;
}

.inschrijven__left {
    display: flex;
    flex-direction: column;
    width: 70%;
    align-content: center;
    padding: 50px;
    overflow: hidden;
    position: relative;
}

.inschrijven__right {
    display: flex;
    position: relative;
    width: 30%;
    padding-right: 20px;
}

.inschrijven__title {
    color: var(--white);
    z-index: 3;
}

.inschrijven__content {
    color: var(--white);
    z-index: 3;
}

.inschrijven__right form {
    width: 100%;
}

.inschrijvenvacatures {
    width: 100%;
}

.inschrijven__right form input[type=submit],
.contact-page__right form input[type=submit] {
    background-color: var(--green);
    width: 100%;
}

.inschrijven__triangle {
    position: absolute;
    width: 700px;
    height: 380px;
    background-color: var(--purple-darker);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    left: -48%;
    z-index: 1;
}

.inschrijven__right form input[type=text],
.contact-page__right form input[type=text] {
    border-radius: 8px;
    width: 100%;
    padding: 10px;
}

.inschrijven__right form label {
    display: none;
}

.inschrijven__right form select,
.contact-page__right form select {
    border-radius: 8px;
    width: 100%;
    padding: 10px;
}

    .inschrijven__right form select option,
    .contact-page__right form slect option {
        font-family: CircularXXWeb-Book;
    }

.inschrijven__right .umbraco-forms-container,
.contact-page__right .umbraco-forms-container {
    width: 100%;
}

.inschrijven__title p {
    color: var(--white);
}


@media (max-width: 994px) {
    .inschrijven {
        flex-direction: column;
        background: linear-gradient(-120deg, #0D258D 0%, #0D258D 49.9999%, #0F004A 50%, #0F004A 100%);
    }

    .inschrijven__left,
    .inschrijven__right {
        width: 100%;
        padding: 20px;
    }

    .inschrijven__right {
        padding-top: 0;
    }

    .inschrijven__triangle {
        display: none;
    }


    .inschrijven .umbraco-forms-fieldset {
        padding: 10px;
    }
}

/* Vacatures */

.doc-vacature hr {
    border: 0 none;
    height: 2px;
    background-color: var(--green);
    margin: 1.5em 0 2em;
}

.container-droombaan {
    padding-bottom: 2em;
    border-bottom: 1px solid var(--green);
}

    .container-droombaan p,
    .container-droombaan ul {
        margin-bottom: 1em;
    }

    .container-droombaan h2 {
        font-size: 1.2em;
        line-height: 1em;
    }

.vacature-eigenschappen {
    margin-left: 0;
    padding: 0;
}

    .vacature-eigenschappen li {
        display: inline;
        list-style: none;
        margin-right: 2em;
    }

.contact-frame > .container {
    max-width: 1000px;
}
.contact-frame .far {
    color: var(--green);
}

.contact-frame svg {
    fill: var(--green);
}

.droombaan-contact {
    padding: 32px 32px;
    border-radius: 5px;
    background-color: var(--purple-darkest);
    color: var(--white);
}

    .droombaan-contact h2 {
        color: var(--white);
        font-size: 2.25rem;
        line-height: 2.25rem;
    }

.droombaan-delen {
    background-color: var(--green);
    color: var(--purple-darkest);
    margin: 32px -32px -32px;
    padding: 32px;
    border-radius: 0 0 5px 5px;
}

.recruiter-card {
    position: relative;
    line-height: 1.2;
}

    .recruiter-card img {
        position: absolute;
        left: 0;
        top: 0;
        width: 3em;
        height: 3em;
    }

    .recruiter-card p {
        padding-left: 4em;
    }

.droombaan-delen ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .droombaan-delen ul li {
        display: inline-block;
        vertical-align: top;
        padding-right: .5em;
    }

a.sharelink {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 2px;
    color: #fff;
}

    a.sharelink img {
        display: block;
    }

.btn.btn-solliciteren {
    background-color: var(--green);
    color: var(--purple-darkest);
    border-radius: 100px;
    font-size: inherit;
    padding-left: 1em;
    padding-right: 1em;
    display: block;
}

.droombaan-contact .btn.btn-solliciteren {
    margin: 2em auto 0;
}

.fixed-apply-button a:first-child,
.fixed-apply-button button:first-child {
    margin-right: 1px;
}

.fixed-apply-button a.btn.btn-solliciteren,
.fixed-apply-button button.btn.btn-solliciteren {
    display: block;
    width: 100%;
    border-radius: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    border: 0 none;
    color: var(--purple-darkest);
    font-family: "CircularXXWeb-Bold", sans-serif;
    font-size: 1.2rem;
    text-decoration: none;
}

.hero-vacature {
    display: flex;
}

.hero-vacature__left {
    display: flex;
    flex-direction: column;
    width: 60%;
    padding: 50px;
}

.hero-vacature__right {
    display: flex;
    width: 40%;
}

    .hero-vacature__right img {
        width: 100%;
        object-fit: contain;
        max-height: 90%;
    }

.hero-vacature__title {
    margin-bottom: 10px;
}

.hero-vacature__content {
    font-size: 20px;
    width: 70%;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
    color: var(--purple-darkest);
    font-weight: bold;
    margin-top: 20px;
    text-decoration: none;
}

@media (max-width: 994px) {
    .hero-vacature {
        flex-direction: column;
    }

    .hero-vacature__left {
        width: 100%;
    }

    .hero-vacature__right {
        display: none;
    }

    .hero-vacature__content {
        width: 100%;
        font-size: 16px;
    }

    .hero-vacature__title {
        font-size: 60px;
    }
}


/* Vacature detail */
.vacature-detail {
    display: flex;
    margin-top: 50px;
}

.vacature-detail__title {
    padding: 0;
    margin: 0;
}

.vacature-detail__left {
    display: flex;
    flex-direction: column;
    width: 70%;
    padding: 50px;
}

.vacature-detail__details {
    margin: 20px 0 50px 0;
}


    .vacature-detail__details span i {
        color: var(--purple-darkest);
        background-color: var(--green);
        padding: 10px;
        border-radius: 100%;
    }

    .vacature-detail__details span {
        color: var(--blue-darker);
        margin-right: 20px;
    }

.vacature-detail__right {
    display: flex;
    background: var(--blue-lighter);
    height: 100vh;
    width: 30%;
    top: 0;
    position: fixed;
    right: 0;
    z-index: 0;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
}

.vacature-detail__new-job {
    color: var(--purple-darkest);
    font-size: 48px;
    font-weight: bold;
}

.vacature-detail__show-yourself {
    color: var(--purple-darkest);
    font-size: 24px;
    margin: 30px 0;
}

.vacature-detail__introduction {
    color: var(--grey-darker);
    font-size: 24px;
}

.vacature-detail__section-title {
    color: var(--grey-darker);
    font-size: 24px;
    font-weight: bold;
}

.vacature-detail__image-right {
    width: 70%;
}

.vacature-detail__green-circle {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: var(--green);
    position: absolute;
    top: 10%;
    z-index: -1;
}

.vacature-detail__contact-title {
    font-size: 36px;
}

.vacature-detail__contact {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--blue);
    padding: 30px 0 100px 0;
    color: var(--grey-darker);
    font-size: 18px;
}

.vacature-detail__recruiter-wrapper {
    display: flex;
    flex-direction: row;
}

    .vacature-detail__recruiter-wrapper img {
        border-radius: 100%;
        height: 70px;
        width: 70px;
        margin-right: 8px;
        object-fit: cover;
    }

.vacature-detail__contact img {
    border-radius: 100%;
    height: 70px;
    width: 70px;
    margin-right: 8px;
    object-fit: cover;
}

.vacature-detail__recruiter-job {
    font-size: 24px;
    font-weight: bold;
    color: var(--grey);
}


@media (max-width: 994px) {
    .vacature-detail {
        margin-top: 20px;
    }

    .vacature-detail__left {
        width: 100%;
    }

    .vacature-detail__right {
        display: none;
    }

    .vacature-detail__title {
        font-size: 60px;
    }
}

/* The side navigation menu */
#favoritesSideNav,
#inschrijvenSideNav,
#filterSideNav,
#loginSideNav {
    height: 100%;
    width: 0;
    max-width: 1200px;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    background-color: var(--blue-lighter);
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
    box-shadow: 10px 10px 30px #00000029;
    scrollbar-width: none;
}

#filterSideNav {
    background-color: var(--white);
}

.favorites__title {
    color: var(--purple-darkest);
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.login__title {
    color: var(--purple-darkest);
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.favorites__close,
.inschrijven__close,
.filter__close {
    position: absolute;
    right: 20px;
    top: 10px;
    color: var(--purple-darkest);
    font-size: 32px;
    text-decoration: none;
}

#favorites-list {
    padding: 40px;
}

#favorites-heart-nav {
    color: var(--purple-darker);
}

#favorites-list .btn-load-more {
    display: none;
}

.login-side-nav__block {
    /*background-color: white;*/
    width: 70%;
    margin: auto;
    padding: 32px;
    border: 1px solid var(--grey-lighter);
    border-radius: 5px;
    margin-bottom: 16px;
    color: var(--grey);
    display: flex;
    flex-direction: row;
    background-color: white;
}

    .login-side-nav__block img {
        height: 48px;
        margin-right: 16px;
    }

.login-side-nav__link, .login-side-nav__link:hover {
    display: block;
    text-decoration: none;
}

    .login-side-nav__link.login-side-nav__loggedin .login-side-nav__block {
        background-color: var(--green-light);
    }

.login-side-nav__block h2 {
    font-size: 20px;
    color: var(--purple-darkest);
}

.tab-content__linkedin span {
    margin: auto;
}


@media (max-width: 994px) {
    .login-side-nav__block {
        flex-direction: column;
        padding: 16px;
    }

    .tab-subtitle {
        display: none;
    }


    .nav-item__content-wrapper img {
        display: none;
    }

    .nav-item__title-wrapper span.tab-title {
        font-size: 14px;
        margin-left: 0;
    }

    #form-tab {
        padding: 8px 4px;
    }

    .nav-item-inschrijven {
        padding: 0;
    }

    div.tab-content__form,
    div.tab-content__video,
    div.tab-content__linkedin {
        padding: 8px;
    }

    #myTabContent {
        margin: 0 8px 0 8px;
    }

    .inschrijven-tab-content .umbraco-forms-container {
        width: 100%;
    }
}

/* Inschrijven slide-out */
.inschrijven__title {
    font-size: 32px;
    font-weight: bold;
    color: var(--purple-darkest);
    text-align: center;
}


.inschrijven-tabs {
    margin: 0 50px;
}

.inschrijven-tab-content {
    margin: 0 50px 50px 50px;
    background-color: var(--white);
    min-height: 73%;
    border: 1px solid #dee2e6;
    border-top: none;
    padding-bottom: 30px;
}

.tab-title {
    font-size: 20px;
    font-weight: bold;
    color: var(--purple-darkest);
}

.tab-subtitle {
    font-size: 14px;
    color: var(--grey-darker);
}

.nav-item__title-wrapper {
    display: flex;
    flex-direction: column;
}

.nav-item__content-wrapper {
    display: flex;
}

    .nav-item__content-wrapper img {
        width: 20%;
        max-height: 100%;
    }

.nav-item__title-wrapper {
    width: 80%;
}

.tab-subtitle,
.tab-title {
    text-align: left;
    margin-left: 20px;
}

.nav-item-inschrijven {
    width: calc(100%/3);
}

.tab-content__form,
.tab-content__video,
.tab-content__linkedin {
    padding: 20px 50px;
}

    .tab-content__linkedin span {
        display: block;
        text-align: center;
        width: 60vw;
        padding: 40px 0;
    }

    .tab-content__linkedin a {
        display: block;
        margin: auto;
    }


.inschrijven-tab-content .umbraco-forms-container {
    width: 50%;
}


    .inschrijven-tab-content .umbraco-forms-container input,
    .linkedin-pagina .umbraco-forms-container input {
        border-radius: 5px;
    }

    .inschrijven-tab-content .umbraco-forms-container select {
        border-radius: 5px;
        width: 95%;
        height: 36px;
    }

    .inschrijven-tab-content .umbraco-forms-container option {
        font-family: CircularXXWeb-Book;
    }

.inschrijven-tab-content .umbraco-forms-page {
    position: relative;
}


.inschrijven-tab-content .umbraco-forms-navigation .btn,
.linkedin-pagina .umbraco-forms-navigation .btn {
    background-color: var(--green);
    position: absolute;
    width: 100%;
}

.linkedin-pagina .umbraco-forms-navigation .btn {
    width: auto;
}

.inschrijven-tab-content .umbraco-forms-container .umbraco-forms-label,
.video__title,
.linkedin-pagina .umbraco-forms-container .umbraco-forms-label {
    color: var(--purple-darkest);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #E0E0E0;
    opacity: 1;
    /* Firefox */
    font-size: 16px;
}

.videoblob {
    visibility: hidden;
    position: absolute;
}

.video-playback,
.video-record {
    width: 100%;
}

/* LinkedIn Pagina */
.linkedin-pagina {
    margin: 100px 0;
}

/* Vacatures opdrachtgevers */

.section-opdrachtgever {
    position: relative;
    z-index: 2;
}

.vacatures-opdrachtgevers {
    position: relative;
}

.vacatures-opdrachtgevers__title {
    font-size: 48px;
    text-align: center;
}

.vacatures-opdrachtgevers__title {
    font-size: 48px;
    text-align: center;
}

.vacatures-opdrachtgevers__image {
    border-radius: 15px;
    width: 100%;
    height: 50vh;
    object-fit: cover;
    width: 70vw;
    display: block;
    margin: auto;
}

.vacatures-opdrachtgevers__hero {
    position: relative;
    background-color: var(--blue);
    margin-bottom: 50px;
    padding-top: 50px;
    position: relative;
    padding-top: 100px;
    padding-bottom: 200px;
}

.vacatures-opdrachtgevers__logo {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--blue);
    border: 1px solid var(--blue-darker);
    padding: 20px;
    border-radius: 100%;
}

.vacatures-opdrachtgevers__vacatures .card-vacancies {
    width: 32%;
}

.vacatures-opdrachtgevers__image-wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
}

.vacatures-opdrachtgevers__content {
    padding: 100px;
    padding-top: 150px;
}

.vacatures-opdrachtgevers__vacature-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vacature-amount {
    font-size: 24px;
    color: var(--purple-darkest);
}

.vacatures-opdrachtgevers__vacatures {
    margin-bottom: 100px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

@media (max-width: 994px) {
    .vacatures-opdrachtgevers__content {
        padding: 16px;
    }

    .vacatures-opdrachtgevers__image-wrapper {
        position: relative;
    }

    .vacatures-opdrachtgevers__image {
        height: 30vh;
        width: 80vw;
        margin-top: 32px;
    }

    .vacatures-opdrachtgevers__title {
        font-size: 32px;
        margin-bottom: 32px;
    }

    .vacatures-opdrachtgevers__hero {
        padding: 40px 0;
    }

    .vacatures-opdrachtgevers__title {
        font-size: 24px;
    }

    .vacatures-opdrachtgevers__vacature-title-wrapper {
        flex-wrap: wrap;
    }

    .vacatures-opdrachtgevers__vacatures {
        flex-wrap: wrap;
    }

        .vacatures-opdrachtgevers__vacatures .card-vacancies {
            width: 100%;
        }

    .vacatures-opdrachtgevers__vacature-title-wrapper h2 {
        font-size: 24px;
    }
}


/* Corporate hero */
.corporatage-hero__bar {
    background: var(--purple-darkest);
    margin-top: 40px;
}

    .corporatage-hero__bar .container:first-child {
        position: relative;
        top: -40px;
    }

    .corporatage-hero__bar h2 {
        text-align: center;
        color: #fff;
    }

/* charlene */
.corporate__submenu {
    width: 80vw;
    transform: translateX(-50%);
    overflow: hidden;
    position: fixed;
    bottom: 20px;
    left: 50%;
    padding: 24px 16px;
    background-color: white;
    box-shadow: 0px 5px 30px #81818129;
    border-radius: 5px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
}

    .corporate__submenu a {
        color: var(--grey-darker);
        text-decoration: none;
        font-size: 21px;
        font-family: CircularXXSub-Medium;
    }


        .corporate__submenu a:hover {
            text-decoration-line: underline;
            text-decoration-color: var(--green);
            text-decoration-thickness: 3px;
        }

    .corporate__submenu .link-active {
        text-decoration-line: underline;
        text-decoration-color: var(--green);
        text-decoration-thickness: 3px;
    }

.corporate-hero {
    padding: 80px 0 80px 0;
    border-bottom: 1px solid var(--grey-lighter);
}

.corporate-hero__image {
    width: 100%;
    max-height: 50vh;
    border-radius: 5px;
    object-fit: cover;
    margin-bottom: 80px;
}

.corporate-hero__title {
    font-size: 60px;
    margin-bottom: 10px;
}

.corporate-hero__content-wrapper {
    width: 50vw;
    padding-top: 80px;
    font-size: 20px;
}

.corporate-hero h3 {
    color: var(--purple-darkest);
    font-size: 24px;
    font-weight: bold;
}

.corporate-hero li {
    color: var(--grey-darker);
    font-size: 24px;
}

.corporate-hero ul {
    line-height: 2;
}

.corporate-hero i {
    color: var(--green);
}

/* /charlene */

.plus__submenu {
    padding: 8px;
}


@media (max-width: 994px) {
    .corporate__submenu {
        display: none;
    }

    .plus__submenu {
        display: block;
    }

        .plus__submenu .vacature-detail__recruiter-name,
        .plus__submenu .vacature-detail__recruiter-job {
            font-size: 12px;
        }

        .plus__submenu img {
            height: 35px;
            width: 35px;
        }

        .plus__submenu button {
            font-size: 10px;
            padding: 10px;
        }

        .plus__submenu .vacature-detail__recruiter-wrapper {
            margin-top: 0;
        }


    .corporate-hero__square {
        display: none;
    }

    .corporate-hero__title {
        font-size: 32px;
        text-align: center;
    }

    .corporate-hero__image {
        margin-bottom: 0;
    }

    .corporate-hero__content-wrapper {
        width: 100%;
        padding-top: 20px;
    }

        .corporate-hero__content-wrapper h2 {
            font-size: 24px;
        }

        .corporate-hero__content-wrapper p {
            font-size: 16px;
        }

    .corporate-hero {
        padding: 40px 0;
    }

        .corporate-hero h3 {
            font-size: 16px;
        }

        .corporate-hero li {
            font-size: 16px;
        }
}

/* Wat we doen */
.card-watwedoen {
    width: 49%;
    border: 1px solid var(--grey-lighter);
    padding: 32px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.watwedoen-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 80px 0;
    border-bottom: 1px solid var(--grey-lighter);
}

.watwedoen-block__content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.watwedoen-block__title-wrapper {
    display: flex;
    color: var(--purple-darkest);
    align-items: center;
    margin-bottom: 10px;
    align-items: center;
}

    .watwedoen-block__title-wrapper embed {
        margin-right: 8px;
    }

    .watwedoen-block__title-wrapper i {
        margin-right: 10px;
        background-color: var(--green);
        padding: 5px;
        border-radius: 100%;
    }

    .watwedoen-block__title-wrapper h2 {
        margin-bottom: 0;
    }


.card-watwedoen h3 {
    margin-bottom: 0;
    margin-left: 10px;
    color: var(--purple-darkest);
    font-size: 28px;
    font-weight: bold;
}

.card-watwedoen img {
    background-color: var(--green);
    padding: 8px;
    border-radius: 100%;
    height: 30px;
}

.card-watwedoen__title-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.card-watwedoen__content {
    color: var(--grey);
}

.watwedoen__subject {
    font-size: 20px;
    color: var(--purple-darkest);
    font-weight: bold;
}


@media (max-width: 994px) {
    .card-watwedoen {
        width: 100%;
        padding: 8px;
    }

    .watwedoen-block {
        padding: 40px 0;
    }

    .card-watwedoen h3 {
        font-size: 20px;
    }
}


/* PP in cijfers */
.pp-in-cijfers__content-wrapper {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    width: 70%;
    margin: auto;
}

.pp-in-cijfers {
    background-color: var(--green);
    padding: 50px 0;
}

.pp-in-cijfers__title {
    text-align: center;
}

.cijfers-card {
    width: 32%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--grey-lighter);
    position: relative;
    background-color: var(--white);
}

.cijfers-card__amount {
    font-size: 48px;
    font-weight: bold;
    color: var(--grey-darker);
    z-index: 1;
}

.cijfers-card__unit {
    color: var(--purple-darkest);
    font-weight: bold;
    margin-bottom: 10px;
    z-index: 1;
}

.cijfers-card__circle {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background-color: var(--green);
    position: absolute;
    left: 30%;
    z-index: 0;
}

@media (max-width: 994px) {
    .pp-in-cijfers__content-wrapper {
        flex-wrap: wrap;
    }

    .cijfers-card {
        width: 100%;
    }

    .pp-in-cijfers__title,
    .cijfers-card__amount {
        font-size: 32px;
    }
}

/* Certificeringen */
.certificeringen {
    padding: 80px 0;
}

.card-certificeringen {
    width: 49%;
    border: 1px solid var(--grey-lighter);
    text-align: center;
    padding: 20px;
}

.certificeringen__cards {
    display: flex;
    justify-content: center;
    width: 50vw;
    margin: auto;
    margin-bottom: 20px;
}

.certificeringen__title {
    text-align: center;
}

.card-certificeringen__title {
    color: var(--grey-darker);
    font-size: 20px;
}

.card-certificeringen__image {
    margin-bottom: 20px;
    max-width: 60%;
}

.certificeringen__description {
    width: 50vw;
    margin: auto;
    text-align: center;
}


@media (max-width: 768px) {
    .certificeringen {
        padding: 40px 0;
    }

    .certificeringen__title {
        font-size: 32px;
    }

    .certificeringen__cards {
        width: 80vw;
        flex-wrap: wrap;
    }

    .card-certificeringen {
        width: 100%;
        padding: 16px;
    }

    .certificeringen__description {
        width: 80vw;
    }
}

/* Trainingen */
.trainingen {
    padding: 80px 0;
    border-bottom: 1px solid var(--grey-lighter);
}

.trainingen-element {
    border: 1px solid var(--grey-lighter);
    padding: 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.trainingen-element__title {
    font-size: 24px;
    font-weight: bold;
    color: var(--grey-darker);
}

.trainingen-element__date,
.trainingen-element__location {
    font-size: 24px;
    color: var(--grey-darker);
}

.trainingen-element__btn {
    text-decoration: none;
}

.trainingen__title-wrapper {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: var(--purple-darkest);
    margin-bottom: 10px;
}

    .trainingen__title-wrapper embed {
        margin-right: 8px;
    }

    .trainingen__title-wrapper i {
        background-color: var(--green);
        border-radius: 100%;
        padding: 7px;
        margin-right: 10px;
        font-size: 16px;
    }

    .trainingen__title-wrapper h2 {
        margin: 0;
        font-size: 24px;
    }

@media (max-width: 994px) {
    .trainingen-element {
        flex-wrap: wrap;
    }

    .trainingen-element__title {
        font-size: 14px;
    }

    .trainingen-element__date {
        font-size: 12px;
    }

    .trainingen-element__location {
        font-size: 12px;
    }

    .trainingen-element__btn {
        font-size: 12px;
        padding: 4px;
        margin: 0;
    }

    .trainingen {
        padding: 40px 0;
    }
}

/* Academy Info */
.academy-info-element {
    width: 32%;
}

    .academy-info-element img {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 16px;
    }

    .academy-info-element h3 {
        font-size: 30px;
        font-weight: bold;
        color: var(--grey-darker);
    }

.academy-info-block {
    display: flex;
    justify-content: space-between;
    padding: 80px 0;
    border-bottom: 1px solid var(--grey-lighter);
}

@media (max-width: 994px) {
    .academy-info-element {
        width: 100%;
        margin-bottom: 16px;
    }

        .academy-info-element h3 {
            font-size: 24px;
        }

    .academy-info-block {
        flex-wrap: wrap;
        padding: 40px 0;
    }
}

/* Trainers */
.trainers {
    padding: 80px 0;
    border-bottom: 1px solid var(--grey-lighter);
}

.trainers__cards {
    display: flex;
    scrollbar-width: none;
    overflow-x: auto;
    margin: 16px 0;
}

.trainer-card {
    width: 31%;
    border-radius: 10px;
    border: 1px solid var(--grey-lighter);
    flex-shrink: 0;
    margin-right: 16px;
}

    .trainer-card img {
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

.trainers h2 {
    font-size: 48px;
    font-weight: bold;
}

.trainers__subtitle {
    font-size: 48px;
    font-weight: bold;
    color: var(--green);
}

/*
    .trainer-card__content-wrapper {
        padding: 8px;
        color: var(--grey-lightest);
    }
*/
.trainer-card__title {
    font-size: 32px;
    font-weight: bold;
    color: var(--purple-darkest);
}

@media (max-width: 994px) {
    .trainers {
        padding: 40px 0;
    }

        .trainers h2,
        .trainers h3 {
            font-size: 32px;
        }

    .trainers__cards {
        flex-wrap: wrap;
    }

    .trainer-card {
        width: 100%;
        margin-bottom: 16px;
    }

    .trainer-card__title,
    .trainers h3 {
        font-size: 24px;
    }
}

/* Info list */
.info-list {
    display: flex;
    padding: 80px 0;
    border-bottom: 1px solid var(--grey-lighter);
}

.info-list__left {
    width: 50%;
    padding: 32px;
}

.info-list__title-wrapper {
    display: flex;
    align-items: center;
}

    .info-list__title-wrapper embed {
        margin-right: 8px;
    }

.info-list__right {
    width: 50%;
    padding: 16px;
    position: relative;
}

.info-list__block {
    border: 1px solid var(--grey-lighter);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 32px;
    width: 100%;
}

.info-list__subject {
    font-size: 24px;
    color: var(--purple-darkest);
    font-weight: bold;
}

.info-list__title {
    font-size: 24px;
    font-weight: bold;
    margin-left: 20px;
    color: var(--purple-darkest);
}

.info-list__list-title {
    font-size: 24px;
    font-weight: bold;
    color: var(--purple-darkest);
}

.info-list ul {
    line-height: 2;
    font-size: 20px;
}

.info-list .list-icon {
    color: var(--green);
}

.info-list .right-icon {
    padding: 7px;
    color: var(--purple-darkest);
    background-color: var(--green);
    border-radius: 100%;
}

@media (max-width: 994px) {
    .info-list {
        flex-direction: column;
        padding: 40px 0;
    }

    .info-list__left,
    .info-list__right {
        width: 100%;
    }

    .info-list__block {
        position: relative;
        padding: 16px;
        top: initial;
        left: initial;
        transform: initial;
    }

    .info-list__title {
        font-size: 32px;
    }

    .info-list ul {
        font-size: 16px;
    }

    .info-list__list-title {
        font-size: 20px;
    }
}


/* General Page */
.general-page {
    padding: 80px 0;
}

    .general-page h1 {
        font-size: 48px;
    }

    .general-page h2 {
        font-size: 32px;
    }

/* Plusvacature */
.plusvacature h1 {
    font-size: 48px;
}

.plusvacature {
    position: relative;
}

    .plusvacature img {
        width: 100%;
    }

    .plusvacature .square {
        position: absolute;
        bottom: 0;
        width: 100vw;
        left: 0;
        height: 50vh;
        background-color: var(--green);
        z-index: -1;
    }

.plusvacature__hero {
    padding: 80px 0 40px 0;
}

.plusvacature__nav {
    padding: 80px 0;
}

.plusvacature__nav-info {
    display: flex;
    border-bottom: 1px solid var(--grey-lighter);
}

    .plusvacature__nav-info span {
        font-size: 21px;
        font-family: CircularXXSub-Medium;
        color: var(--purple-darkest);
    }

.plusvacature__nav-info-text {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.plusvacature__nav-items {
    color: var(--purple-darkest);
    font-size: 21px;
    font-family: CircularXXSub-Medium;
}

    .plusvacature__nav-items a {
        margin-left: 16px;
    }

.plusvacatures__description h2 {
    font-size: 48px;
}

.plusvacatures__description {
    border-bottom: 1px solid var(--grey-lighter);
}

@media (max-width: 994px) {
    .plusvacature__hero {
        padding: 40px 0;
    }

        .plusvacature__hero h1 {
            font-size: 32px;
        }

        .plusvacature__hero .square {
            display: none;
        }

    .plusvacature__nav {
        padding: 0 0 40px 0;
    }

    .plusvacature__nav-info-text span,
    .plusvacature__nav-items {
        font-size: 14px;
    }

    .plusvacatures__description h2 {
        font-size: 24px;
    }
}

/* Wat ga je doen */
.watgajedoen {
    display: flex;
    padding: 80px 0;
    margin-bottom: 1px solid var(--grey-lighter);
}

.watgajedoen__left,
.watgajedoen__right {
    width: 50%;
    padding: 16px;
}

    .watgajedoen__left img {
        width: 100%;
        margin-top: 16px;
    }


@media (max-width: 994px) {
    .watgajedoen {
        flex-wrap: wrap;
        padding: 40px 0;
    }

    .watgajedoen__left,
    .watgajedoen__right {
        width: 100%;
    }

        .watgajedoen__left h2 {
            font-size: 24px;
        }
}

/* Videoblock */

.video-block h2 {
    font-size: 32px;
    color: var(--purple-darkest);
    font-weight: bold;
}

.video-block {
    padding: 80px 0;
    border-bottom: 1px solid var(--grey-lighter);
}

    .video-block span {
        font-size: 32px;
        color: var(--purple-darkest);
    }


@media (max-width: 994px) {
    .video-block {
        padding: 40px 0;
    }

        .video-block h2,
        .video-block span {
            font-size: 24px;
        }
}

.videocontainer {
    padding: 30px;
}

.videoscreen {
    width: 100%;
    height: 0;
    padding: 28.125% 0;
    position: relative;
}

    .videoscreen iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }


/* Sollicitatieproces */
.sollicitatieproces__subject {
    font-size: 24px;
    font-weight: bold;
    color: var(--purple-darkest);
}

.sollicitatieproces h2 {
    font-size: 48px;
    font-weight: bold;
    color: var(--purple-darkest);
}

.sollicitatieproces {
    padding: 80px 0;
    border-bottom: 1px solid var(--grey-lighter);
}

.sollicitatieproces__subject-wrapper {
    display: flex;
    align-items: center;
}

    .sollicitatieproces__subject-wrapper embed {
        margin-right: 8px;
    }

.sollicitatiecards {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
}

.sollicitatiecard {
    width: 30%;
    margin: 0 16px;
}

    .sollicitatiecard img {
        width: 100%;
    }

.sollicitatiecard__title {
    color: var(--grey-darker);
    font-size: 24px;
    font-weight: bold;
    display: block;
}

@media (max-width: 994px) {
    .sollicitatieproces {
        padding: 40px 0;
    }

        .sollicitatieproces h2 {
            font-size: 24px;
        }

    .sollicitatieproces__subject-wrapper {
        font-size: 18px;
    }

    .sollicitatiecard__title {
        font-size: 14px;
    }
}

/*
#favoritesSideNav .card-vacancies__btn-heart {
    display: none;
}
*/
.h-5 {
    width: 1.2em;
}

.vakgebied-buttons .btn {
    margin-bottom: 2px;
}

.card-vacancies .card-vacancies__details {
    font-size: .9rem;
}

    .card-vacancies .card-vacancies__details .row {
        margin-bottom: .5em;
    }

.icon-job-regio,
.icon-job-startdatum,
.icon-job-vakgebied,
.icon-job-duur,
.icon-job-urenweek,
.icon-job-verlenging,
.icon-job-reageren,
.icon-job-opleidingsniveau,
.icon-job-salaris {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    margin-bottom: -.1em;
    background-size: 1em 1em;
    background-repeat: no-repeat;
}

.icon-job-regio {
    background-image: url('/img/icons/job-regio-dik.svg');
}

.icon-job-startdatum {
    background-image: url('/img/icons/job-startdatum.svg');
}

.icon-job-vakgebied {
    background-image: url('/img/icons/job-vakgebied-dik.svg');
}

.icon-job-duur {
    background-image: url('/img/icons/job-duur.svg');
}

.icon-job-urenweek {
    background-image: url('/img/icons/job-urenweek-dik.svg');
}

.icon-job-verlenging {
    background-image: url('/img/icons/job-verlenging.svg');
}

.icon-job-reageren {
    background-image: url('/img/icons/job-reageren-dik.svg');
}

.icon-job-opleidingsniveau {
    background-image: url('/img/icons/job-opleidingsniveau-dik.svg');
}

.icon-job-salaris {
    background-image: url('/img/icons/job-salaris-dik.svg');
}



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

    .profiledetailcta ul li {
        display: inline-block;
        margin: 0 1em 0 0;
        padding: 1em 0;
    }

.profiledetailcta a {
    color: var(--purple-darkest);
}

.reviewscore i {
    color: #dcdcdc;
    cursor: pointer;
    margin-right: .2em;
}

.reviewscore.reviewscore-1 i:nth-child(1) {
    color: #f5bb41;
}

.reviewscore.reviewscore-2 i:nth-child(1),
.reviewscore.reviewscore-2 i:nth-child(2) {
    color: #f5bb41;
}

.reviewscore.reviewscore-3 i:nth-child(1),
.reviewscore.reviewscore-3 i:nth-child(2),
.reviewscore.reviewscore-3 i:nth-child(3) {
    color: #f5bb41;
}

.reviewscore.reviewscore-4 i:nth-child(1),
.reviewscore.reviewscore-4 i:nth-child(2),
.reviewscore.reviewscore-4 i:nth-child(3),
.reviewscore.reviewscore-4 i:nth-child(4) {
    color: #f5bb41;
}

.reviewscore.reviewscore-5 i:nth-child(1),
.reviewscore.reviewscore-5 i:nth-child(2),
.reviewscore.reviewscore-5 i:nth-child(3),
.reviewscore.reviewscore-5 i:nth-child(4),
.reviewscore.reviewscore-5 i:nth-child(5) {
    color: #f5bb41;
}

/* Block styling */

/* Block Quote */
section.blockquote {
    position: relative;
    padding: 10px 0;
    border: 0;
}

    section.blockquote h1 {
        margin-top: 25px;
    }

    /*section.blockquote p {*/
    /*    position: absolute;*/
    /*    bottom: 50px;*/
    /*}*/

    section.blockquote img, section.contentcta img {
        position: absolute;
    }

        section.blockquote img.alignright, section.contentcta img.alignright {
            right: -2%
        }

        section.blockquote img.alignleft, section.contentcta img.alignleft {
            left: -2%;
        }

        section.blockquote img.aligntop, section.contentcta img.aligntop {
            top: -20%;
        }

        section.blockquote img.alignmiddle, section.contentcta img.alignmiddle {
            margin: auto;
            bottom: 0;
            top: 0;
        }

        section.blockquote img.alignbottom, section.contentcta img.alignbottom {
            bottom: -20%;
        }


@media (max-width: 991px) {
    section.blockquote img {
        width: 100% !important;
        position: revert;
    }
}

/* Block Traineeships */

section.traineeships h2 {
    margin-bottom: 30px;
}

section.traineeships .wrapper {
    background: #ebfff1;
    padding: 30px;
}

    section.traineeships .wrapper i {
        width: 25px;
    }

    section.traineeships .wrapper .row p {
        margin-bottom: 5px;
    }

section.traineeships .btn-green-table {
    margin-top: 10px;
    border-radius: 0;
}

/* Block Content */

section.content img {
    width: 100%;
}

/* Block ContentCTA */

section.contentcta {
    position: relative;
}

    section.contentcta img.imgWider {
        right: 20px;
    }

@media (max-width: 991px) {
    section.contentcta img {
        width: 100% !important;
        position: revert;
        margin-top: 20px;
    }
}

.btn-square {
    border-radius: 0 !important;
}

.ppblokken .header-wrapper-algemeen h1 {
    padding-top: 60px;
}

@media (min-width: 1200px) {
    .ppblokken .header-wrapper-algemeen h1 {
        padding-top: 60px;
        margin-bottom: 60px;
    }
}

@media (min-width: 992px) {
    .ppblokken .header-wrapper-algemeen h1 {
        padding-top: 30px;
        margin-bottom: 25px;
    }
}

.ppblokken .header-wrapper-algemeen {
    min-height: 500px;
    background-position: bottom right;
}

@media (max-width: 575px) {
    .img-contact {
        bottom: -100px;
        position: absolute;
        max-width: 200px;
        right: -40px;
    }
}

@media (min-width: 576px) {
    .img-contact {
        bottom: -81px;
        position: absolute;
        max-width: 200px;
        right: -25px;
    }
}

@media (min-width: 768px) {
    .img-contact {
        bottom: -70px;
        position: absolute;
        max-width: 250px;
        right: -50px;
    }
}

@media (min-width: 992px) {
    .img-contact {
        bottom: -65px;
        position: absolute;
        max-width: 250px;
    }
}

@media (min-width: 1200px) {
    .img-contact {
        bottom: -125px;
        position: absolute;
        max-width: 300px;
    }
}


.umbraco-forms-fieldset legend {
    font-size: 1.5rem !important;
    padding-top: 15px;
}

.umbraco-forms-page .umbraco-forms-caption {
    font-size: 3rem !important;
}

:target {
    scroll-margin-top: 100px;
}

#loginalertbox {
    max-height: 0;
    max-width: 0;
    overflow: hidden;
    margin: 0 auto;
    /*display: none;*/
    transition: all 1s ease-in-out;
}

    #loginalertbox.show {
        max-height: 100vh;
        max-width: 100vw;
    }

.alert-info {
    --bs-alert-color: var(--purple-darkest);
    --bs-alert-bg: var(--white);
    --bs-alert-border-color: var(--purple-darkest);
    border-width: 2px;
    --bs-alert-link-color: var(--purple-darkest);
}

.formImg {
    width: 90%;
}


@media (min-width: 992px) {
    .formImg {
        position: absolute;
        top: -30%;
        left: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991.8px) {
    .formImg {
        position: absolute;
        left: 50px;
    }
}

@media (max-width: 1199.8px) {
    .persoonStyle {
        position: initial !important;
        margin-top: 10px !important;
        margin-left: initial !important;
        max-width: 100% !important;
    }
}

.hidden-section {
    display: none;
}

.filter-navigation {
    max-height: calc(100vh - 90px);
    overflow: auto;
}


a.contact-link {
    text-decoration: none;
}