/* Algemene opmaak voor een automatisch door Umbraco Forms gegeneerd formulier */
.umbraco-forms-form {
    padding: 0 !important
}

    .umbraco-forms-form *:focus {
        outline: inherit;
        outline-offset: inherit
    }

    .umbraco-forms-form fieldset {
        margin-bottom: 1.5rem !important;
        padding: 0 !important
    }

    .umbraco-forms-form .umbraco-forms-field {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start
    }

    .umbraco-forms-form label.umbraco-forms-label {
        width: 100%;
        max-width: 30rem;
        padding-top: 1.8rem;
        color: rgb(var(--americas-cup));
        font: 500 1.7rem/1.15 'Ubuntu',sans-serif;
        order: 1
    }

    .umbraco-forms-form span.umbraco-forms-tooltip {
        display: block;
        width: 100%;
        max-width: 30rem;
        margin-top: -1rem;
        font-size: 1.35rem;
        font-style: italic;
        order: 3
    }

    .umbraco-forms-form .umbraco-forms-field-wrapper {
        width: 100%;
        max-width: 50rem;
        order: 2
    }

    .umbraco-forms-form .umbraco-forms-field-wrapper input.text, .umbraco-forms-form .umbraco-forms-field-wrapper input.title, .umbraco-forms-form .umbraco-forms-field-wrapper input.datepickerfield, .umbraco-forms-form .umbraco-forms-field-wrapper textarea, .umbraco-forms-form .umbraco-forms-field-wrapper select {
        width: 100%;
        max-width: 100% !important;
        margin: 1rem 0;
        padding: .5rem;
        border: .1rem solid rgba(var(--carbon), var(--alpha20)) !important
    }

    .umbraco-forms-form .umbraco-forms-field-wrapper [type="file"] {
        width: 100%;
        max-width: 100% !important;
        margin: 1rem 0;
        border: .1rem solid rgba(var(--carbon), var(--alpha20)) !important
    }

    .umbraco-forms-form .umbraco-forms-field-wrapper .g-recaptcha {
        margin: 1rem 0
    }

    .umbraco-forms-form .singlecheck label {
        padding-top: 1rem
    }

    .umbraco-forms-form .multiplechoice label,
    .umbraco-forms-form .singlechoice label {
        padding-top: 1.55rem
    }

    .umbraco-forms-form .umbraco-forms-field:not(.multiplechoice) .umbraco-forms-field-wrapper [type="checkbox"] {
        width: 2rem !important;
        height: 2rem !important;
        margin: .25rem 0;
        margin-right: 1rem;
        vertical-align: top !important
    }

    .umbraco-forms-form .singlecheck .umbraco-forms-field-wrapper [type="checkbox"] {
        margin: 1rem 0 !important
    }

    .umbraco-forms-form .umbraco-forms-field-wrapper .checkboxlist, .umbraco-forms-form .umbraco-forms-field-wrapper .radiobuttonlist {
        width: 100%;
        margin: 1rem 0;
        padding: 0;
        float: none
    }

        .umbraco-forms-form .umbraco-forms-field-wrapper .checkboxlist input, .umbraco-forms-form .umbraco-forms-field-wrapper .radiobuttonlist input,
        .umbraco-forms-form .dataconsent .umbraco-forms-field-wrapper input {
            width: 2rem !important;
            height: 2rem !important;
            margin: .25rem 0;
            margin-right: 1rem;
            vertical-align: middle
        }
        /*.umbraco-forms-form .umbraco-forms-field-wrapper .checkboxlist input:first-child,.umbraco-forms-form .umbraco-forms-field-wrapper .radiobuttonlist input:first-child{margin-top:0}*/
        .umbraco-forms-form .umbraco-forms-field-wrapper .checkboxlist label, .umbraco-forms-form .umbraco-forms-field-wrapper .radiobuttonlist label {
            padding-top: .25rem;
            float: none;
            vertical-align: middle
        }

    .umbraco-forms-form .umbraco-forms-navigation {
        margin-bottom: 1.5rem;
        padding: 0 !important
    }

    .umbraco-forms-form .umbraco-forms-field-wrapper input.contourError,
    .umbraco-forms-form .umbraco-forms-field-wrapper textarea.contourError,
    .umbraco-forms-form .umbraco-forms-field-wrapper input.input-validation-error,
    .umbraco-forms-form .umbraco-forms-field-wrapper textarea.input-validation-error {
        background: rgba(var(--whisky-sour), var(--alpha40));
        border-color: rgb(var(--whisky-sour))
    }

    .umbraco-forms-form .umbraco-forms-field-wrapper span.contourError,
    .umbraco-forms-form .umbraco-forms-field-wrapper span.field-validation-error {
        display: block;
        margin: -.5rem 0 1rem;
        padding: 0;
        color: rgb(var(--whisky-sour)) !important;
        font-size: 1.4rem
    }

    .umbraco-forms-form .dataconsent > label {
        padding-top: 1.3rem
    }

    .umbraco-forms-form .dataconsent .umbraco-forms-field-wrapper {
        padding: 1rem 0
    }

        .umbraco-forms-form .dataconsent .umbraco-forms-field-wrapper input + label {
            display: inline-block;
            width: calc(100% - 3.5rem);
            vertical-align: top
        }

        .umbraco-forms-form .dataconsent .umbraco-forms-field-wrapper span.field-validation-error {
            margin-top: .5rem
        }



/* Fonts */
@font-face {
    font-family: 'lucida_grandelight';
    src: url('../fonts/lucidagrande-light-webfont.woff2') format('woff2'), url('../fonts/lucidagrande-light-webfont.woff') format('woff'), url('../fonts/lucidagrande-light-webfont.ttf') format('truetype'), url('../fonts/lucidagrande-light-webfont.svg#lucida_grandelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lucida_grandebold';
    src: url('../fonts/lucidagrande-bold-webfont.woff2') format('woff2'), url('../fonts/lucidagrande-bold-webfont.woff') format('woff'), url('../fonts/lucidagrande-bold-webfont.ttf') format('truetype'), url('../fonts/lucidagrande-bold-webfont.svg#lucida_grandebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lucida_granderegular';
    src: url('../fonts/lucidagrande-regular-webfont.woff2') format('woff2'), url('../fonts/lucidagrande-regular-webfont.woff') format('woff'), url('../fonts/lucidagrande-regular-webfont.ttf') format('truetype'), url('../fonts/lucidagrande-regular-webfont.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* Colors */
    --humboldt-redwoods: 32,97,86; /* #206156 */
    --active-green: 0,165,128; /* #00a580 */
    /**/
    --cl-primary: var(--black);
    --cl-secondary: var(--humboldt-redwoods);
    --cl-tertiary: var(--active-green);
    /* Black/Grey/White */
    --black: 40,40,40;
    --silver-snippet: 143,143,143; /* #8f8f8f */
    --jupiter: 226,226,226; /* #e2e2e2 */
    --doctor: 249,249,249; /* #f9f9f9 */
    --white: 255,255,255;
    /* Fonts */
    --ff-roboto: "Roboto",sans-serif;
    --ff-lucida-grande-light: 'lucida_grandelight';
    --ff-lucida-grande-regular: 'lucida_granderegular';
    --ff-lucida-grande-bold: 'lucida_grandebold';
    /**/
    --ff-primary: var(--ff-roboto);
    --ff-secondary: var(--ff-lucida-grande-bold);
    --ff-quote: var(--ff-lucida-grande-light);
    /* Font-sizes */
    --fs-regular: 1.7rem;
    --fs-intro: 2rem;
    --fs-header: 3.6rem;
    /* Font-weights */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 700;
    /* Misc */
    --br-regular: 2rem;
    --ds-regular: 0 .3rem .6rem rgba(0,0,0,.15);
}

.fs-intro {
    font-size: var(--fs-intro);
    color: #282828
}

.fw-light {
    font-weight: var(--fw-light)
}

.fw-regular {
    font-weight: var(--fw-regular)
}

.fw-medium {
    font-weight: var(--fw-medium)
}

.fw-bold {
    font-weight: var(--fw-bold)
}

.dropshadow {
    box-shadow: var(--ds-regular)
}
/* Reset */
*, *::before, *::after {
    box-sizing: border-box
}

* {
    margin: 0
}

html, body {
    height: 100% ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

html {
    font-size: 62.5%
}

body {
    color: var(--cl-primary);
    font: var(--fw-regular) var(--fs-regular)/1.5 var(--ff-primary);
    -webkit-font-smoothing: antialiased
}
/*
img,picture,video,canvas,svg,iframe,object,embed{display:block;max-width:100%}
*/
:where(img,picture,video,canvas,svg,iframe,object,embed) {
    display: block;
    width: 100%
}

:where(img,picture,svg) {
    height: auto
}

input, button, textarea, select {
    font: inherit
}

p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, blockquote {
    overflow-wrap: break-word
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 1rem;
    color: rgb(var(--cl-secondary));
    font-family: var(--ff-lucida-grande-bold);
    line-height: 1
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    display: block
}

    h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .h1 *, .h2 *, .h3 *, .h4 *, .h5 *, .h6 * {
        font: inherit
    }

h1, .h1 {
    font-size: 3.6rem;
    letter-spacing: .075rem
}

h2, .h2 {
    font-family: var(--ff-lucida-grande-regular);
    font-size: 3rem
}

h3, .h3 {
    font-size: 2.6rem;
    letter-spacing: .075rem
}

h4, .h4 {
    font-size: 2.2rem
}

a {
    color: inherit;
    text-decoration-thickness: .1rem !important;
    text-underline-offset: .2rem;
    transition: .3s all ease-out !important
}

    a *, a:before, a:after {
        color: inherit;
        transition: inherit
    }

    a:not(.btn):not(.card):is(:active,:focus,:hover,.active) {
        text-decoration: underline
    }

:where(ul,ol) {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

:is(::-webkit-input-placeholder,::-moz-placeholder,::-ms-input-placeholder,:-ms-input-placeholder,:-moz-placeholder,::placeholder) {
    color: rgb(var(--cl-secondary))
}

#root, #__pagination-item--next {
    isolation: isolate
}
/* Class voor toegankelijkheid. Verberg een tekst visueel,maar laat deze staan voor screenreaders. Bijvoorbeeld een label in een formulier*/
.visually-hidden {
    position: absolute !important;
    width: .1rem;
    height: .1rem;
    margin: -.1rem;
    padding: 0;
    border: 0;
    clip: rect(.1rem .1rem .1rem .1rem);
    overflow: hidden;
    white-space: nowrap
}
/* Page content */
.page-content p {
    font-weight: var(--fw-light);
    line-height: 1.75
}
/* Lead (Intro) */
.lead {
    font-size: calc(var(--fs-regular) * 1.15);
    font-weight: var(--fw-regular)
}
/* Blockquote */
blockquote, .blockquote {
    text-align: center;
    color: rgb(var(--cl-secondary));
    font-size: calc(var(--fs-regular) * 1.65);
    font-weight: var(--fw-light);
    line-height: 1.5
}
/* Forms */
.form-control, .form-select, .input-group-text, .btn {
    font-size: var(--fs-regular)
}
/* Pagination */
/*
.pagination{display:flex;flex-wrap:wrap;gap:10px}
*/
/* Vierkante of ronde blokken */
.square, .circle {
    aspect-ratio: 1
}
/* Algemene opmaak voor de richtext editor in Umbraco*/
.afbeeldinglinks {
    margin-right: 1rem;
    margin-bottom: 1rem;
    float: left
}

.afbeeldingrechts {
    margin-bottom: 1rem;
    margin-left: 1rem;
    float: right
}
/* Simpele hack om een embedded iframe responsive te krijgen */
.video-wrapper {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden
}

    .video-wrapper iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0
    }
/* Algemene opmaak voor een automatisch door Umbraco Forms gegeneerd formulier */
.umbraco-forms-form *:focus {
    outline: inherit;
    outline-offset: inherit
}

.umbraco-forms-form fieldset, #mc_embed_signup_scroll {
    margin-bottom: 1.5rem !important;
    padding: 0 !important
}

    .umbraco-forms-form .umbraco-forms-field, #mc_embed_signup_scroll .mc-field-group {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start
    }

        .umbraco-forms-form label.umbraco-forms-label, #mc_embed_signup_scroll .mc-field-group label {
            width: 100%;
            max-width: 25rem;
            padding-top: 1.8rem;
            font-weight: unset;
            order: 1
        }

.umbraco-forms-form span.umbraco-forms-tooltip {
    display: block;
    width: 100%;
    margin-top: -.5rem;
    font-size: 1.6rem;
    font-style: italic;
    order: 3
}

.umbraco-forms-form .umbraco-forms-field-wrapper {
    width: 100%;
    max-width: 50rem;
    order: 2
}

    .umbraco-forms-form .umbraco-forms-field-wrapper input.text, .umbraco-forms-form .umbraco-forms-field-wrapper input.title, .umbraco-forms-form .umbraco-forms-field-wrapper input.datepickerfield, .umbraco-forms-form .umbraco-forms-field-wrapper textarea, .umbraco-forms-form .umbraco-forms-field-wrapper select {
        width: 100%;
        max-width: 100% !important;
        margin: 1rem 0;
        padding: .5rem;
        border: .1rem solid rgb(var(--timeless-day)) !important
    }

#mc_embed_signup_scroll .mc-field-group input {
    width: 100%;
    max-width: 50rem !important;
    margin: 1rem 0;
    padding: .5rem;
    border: .1rem solid rgb(var(--timeless-day)) !important;
    order: 2
}

.umbraco-forms-form .umbraco-forms-field-wrapper [type="file"] {
    width: 100%;
    max-width: 100% !important;
    margin: 1rem 0;
    border: .1rem solid rgba(var(--timeless-day)) !important
}

.umbraco-forms-form .umbraco-forms-field-wrapper .g-recaptcha {
    margin: 1rem 0
}

.umbraco-forms-form .singlecheck label {
    padding-top: 1rem
}

.umbraco-forms-form .multiplechoice label,
.umbraco-forms-form .singlechoice label {
    padding-top: 1.55rem
}

.umbraco-forms-form .umbraco-forms-field:not(.multiplechoice) .umbraco-forms-field-wrapper [type="checkbox"] {
    width: 2rem !important;
    height: 2rem !important;
    margin: .25rem 0;
    margin-right: 1rem;
    vertical-align: top !important
}

.umbraco-forms-form .singlecheck .umbraco-forms-field-wrapper [type="checkbox"] {
    margin: 1rem 0 !important
}

.umbraco-forms-form .umbraco-forms-field-wrapper .checkboxlist, .umbraco-forms-form .umbraco-forms-field-wrapper .radiobuttonlist {
    width: 100%;
    margin: 1rem 0;
    padding: 0;
    float: none
}

    .umbraco-forms-form .umbraco-forms-field-wrapper .checkboxlist input, .umbraco-forms-form .umbraco-forms-field-wrapper .radiobuttonlist input,
    .umbraco-forms-form .dataconsent .umbraco-forms-field-wrapper input {
        width: 2rem !important;
        height: 2rem !important;
        margin: .25rem 0;
        margin-right: 1rem;
        vertical-align: middle
    }
    /*.umbraco-forms-form .umbraco-forms-field-wrapper .checkboxlist input:first-child,.umbraco-forms-form .umbraco-forms-field-wrapper .radiobuttonlist input:first-child{margin-top:0}*/
    .umbraco-forms-form .umbraco-forms-field-wrapper .checkboxlist label, .umbraco-forms-form .umbraco-forms-field-wrapper .radiobuttonlist label {
        padding-top: .25rem;
        float: none;
        vertical-align: middle
    }

.umbraco-forms-form .umbraco-forms-navigation {
    margin-bottom: 1.5rem;
    padding: 0 !important
}

.umbraco-forms-form .umbraco-forms-field-wrapper input.contourError,
.umbraco-forms-form .umbraco-forms-field-wrapper textarea.contourError,
.umbraco-forms-form .umbraco-forms-field-wrapper input.input-validation-error,
.umbraco-forms-form .umbraco-forms-field-wrapper textarea.input-validation-error {
    background: rgba(var(--cl-secondary),var(--alpha40));
    border-color: rgb(var(--cl-secondary))
}

.umbraco-forms-form .umbraco-forms-field-wrapper span.contourError,
.umbraco-forms-form .umbraco-forms-field-wrapper span.field-validation-error {
    display: block;
    margin: -.5rem 0 1rem;
    padding: 0;
    color: rgb(var(--cl-secondary)) !important;
    font-size: 1.4rem
}

.umbraco-forms-form .umbraco-forms-field.checkbox > label {
    padding-top: 1rem
}

.umbraco-forms-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
    padding: 1rem 0
}

.umbraco-forms-form .dataconsent > label {
    padding-top: 1rem
}

.umbraco-forms-form .dataconsent .umbraco-forms-field-wrapper {
    padding: 1rem 0
}

    .umbraco-forms-form .dataconsent .umbraco-forms-field-wrapper input + label {
        display: inline-block;
        width: calc(100% - 3.5rem);
        vertical-align: top
    }

    .umbraco-forms-form .dataconsent .umbraco-forms-field-wrapper span.field-validation-error {
        margin-top: .5rem
    }

.is-today .pika-button {
    color: rgb(var(--cl-primary)) !important
}

    .is-today .pika-button:hover {
        color: rgb(var(--white)) !important
    }

.is-selected .pika-button, .has-event .pika-button {
    box-shadow: none !important
}

.is-selected .pika-button {
    background: rgb(var(--bitcoin)) !important;
    color: rgb(var(--white)) !important
}

.has-event .pika-button {
    background: rgb(var(--cl-primary)) !important
}

.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
    background: rgb(var(--cl-secondary)) !important;
    color: rgb(var(--white)) !important
}

select option:first-of-type {
    display: none
}
/* Order */
.order-md-2 {
    z-index: 2
}

.order-md-1 {
    z-index: 1
}
.mt-50{
    margin-top:50px;
}

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing:1.4px;
    flex-shrink: 0;
    min-width: 14rem;
    padding: 1.1rem 2rem;
    line-height: 19px;
    background: rgb(var(--doctor));
    border: none;
    border-radius: var(--br-regular);
    font-weight: var(--fw-medium);
    font-size: 1.4rem;
    text-transform: uppercase;
    text-decoration: none
}
.btn-secondary {
    color: white !important;
}

    .btn:active, .btn:focus, .btn:hover,
    a.card:active .btn, a.card:focus .btn, a.card:hover .btn {
        background: rgb(var(--cl-primary));
        color: rgb(var(--white))
    }

.btn-primary {
    background: rgb(var(--silver-snippet));
    color: rgb(var(--white))
}

.btn-secondary {
    background: rgb(var(--cl-tertiary));
    color: rgb(var(--white))
}

    .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover,
    a.card:active .btn-secondary, a.card:focus .btn-secondary, a.card:hover .btn-secondary {
        background: rgb(var(--cl-secondary));
        color: rgb(var(--white))
    }
/* Cards */
.card {
    height: 100%;
    text-decoration: none !important;
}

    .card.transparent {
        background: transparent;
    }

    .card .card-img-top img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.01);
        transition-duration: 5s;
        transition-delay: .1s
    }

    .card .card-text {
        color: rgb(var(--cl-primary));
        font-weight: var(--fw-light)
    }

.news a.card:active .card-img-top img, .news a.card:focus .card-img-top img, .news a.card:hover .card-img-top img {
    transform: scale(1.2)
}

.card .card-text {
    margin-bottom: 1.5rem;
}

.card .btn {
    margin-top: auto !important;
}
/* Header */
header {
    top: 0;
    right: 0;
    left: 0;
    z-index: 11;
    transition: .3s all ease-in-out
}

    header .navbar {
        min-height: 9.5rem;
        padding: 2.5rem 0;
        background: rgb(var(--white));
        transition: .3s all ease-in-out;
        z-index: 11
    }



    /* header .container{position:relative} */
    header .navbar-brand {
        position: absolute;
        max-width: calc(100% - 10.7rem);
        margin: 0;
        padding: 0;
        top: 1rem
    }

        header .navbar-brand img {
            display: block;
            width: auto;
            max-width: 100%;
            height: 7.5rem;
            margin-right: 1.5rem;
            transition: .3s all ease-in-out
        }

    header .navbar-navigation {
        flex: 1
    }

    header .navbar-sec {
        display: flex;
        flex-basis: auto;
        flex-grow: 1;
        align-items: center;
        width: auto
    }

        header .navbar-sec .navbar-nav {
            display: flex;
            gap: 2.5rem
        }

            header .navbar-sec .navbar-nav .nav-item {
                margin: 0;
                color: rgb(var(--cl-primary));
                font-size: 1.5rem
            }

            header .navbar-sec .navbar-nav .nav-link {
                display: block;
                margin: 0;
                padding: 0;
                font: inherit;
                white-space: nowrap
            }

            header .navbar-sec .navbar-nav .active > .nav-link {
                color: rgb(var(--cl-tertiary))
            }

            header .navbar-sec .navbar-nav .nav-link:active, header .navbar-sec .navbar-nav .nav-link:focus, header .navbar-sec .navbar-nav .nav-link:hover {
                color: rgb(var(--cl-tertiary));
                text-decoration: none
            }

    header .btn-search {
        width: 4rem;
        height: 4rem;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPGcgaWQ9Imljb25fc2VhcmNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI4NikiPg0KICAgIDxnIGlkPSJvdXRsaW5lX2FjdGl2ZS1ncmVlbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI4NikiIGZpbGw9Im5vbmUiPg0KICAgICAgPHBhdGggZD0iTTIwLDBBMjAsMjAsMCwxLDEsMCwyMCwyMCwyMCwwLDAsMSwyMCwwWiIgc3Ryb2tlPSJub25lIi8+DQogICAgICA8cGF0aCBkPSJNIDIwIDMgQyAxNS40NTkxNDA3Nzc1ODc4OSAzIDExLjE5MDA1OTY2MTg2NTIzIDQuNzY4MzEwNTQ2ODc1IDcuOTc5MTkwODI2NDE2MDE2IDcuOTc5MTkwODI2NDE2MDE2IEMgNC43NjgzMTA1NDY4NzUgMTEuMTkwMDU5NjYxODY1MjMgMyAxNS40NTkxNDA3Nzc1ODc4OSAzIDIwIEMgMyAyNC41NDA4NTkyMjI0MTIxMSA0Ljc2ODMxMDU0Njg3NSAyOC44MDk5NDAzMzgxMzQ3NyA3Ljk3OTE5MDgyNjQxNjAxNiAzMi4wMjA4MDkxNzM1ODM5OCBDIDExLjE5MDA1OTY2MTg2NTIzIDM1LjIzMTY4OTQ1MzEyNSAxNS40NTkxNDA3Nzc1ODc4OSAzNyAyMCAzNyBDIDI0LjU0MDg1OTIyMjQxMjExIDM3IDI4LjgwOTk0MDMzODEzNDc3IDM1LjIzMTY4OTQ1MzEyNSAzMi4wMjA4MDkxNzM1ODM5OCAzMi4wMjA4MDkxNzM1ODM5OCBDIDM1LjIzMTY4OTQ1MzEyNSAyOC44MDk5NDAzMzgxMzQ3NyAzNyAyNC41NDA4NTkyMjI0MTIxMSAzNyAyMCBDIDM3IDE1LjQ1OTE0MDc3NzU4Nzg5IDM1LjIzMTY4OTQ1MzEyNSAxMS4xOTAwNTk2NjE4NjUyMyAzMi4wMjA4MDkxNzM1ODM5OCA3Ljk3OTE5MDgyNjQxNjAxNiBDIDI4LjgwOTk0MDMzODEzNDc3IDQuNzY4MzEwNTQ2ODc1IDI0LjU0MDg1OTIyMjQxMjExIDMgMjAgMyBNIDIwIDAgQyAzMS4wNDU2ODg2MjkxNTAzOSAwIDQwIDguOTU0MzA5NDYzNTAwOTc3IDQwIDIwIEMgNDAgMzEuMDQ1Njg4NjI5MTUwMzkgMzEuMDQ1Njg4NjI5MTUwMzkgNDAgMjAgNDAgQyA4Ljk1NDMwOTQ2MzUwMDk3NyA0MCAwIDMxLjA0NTY4ODYyOTE1MDM5IDAgMjAgQyAwIDguOTU0MzA5NDYzNTAwOTc3IDguOTU0MzA5NDYzNTAwOTc3IDAgMjAgMCBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiMwMGE1ODAiLz4NCiAgICA8L2c+DQogICAgPHBhdGggaWQ9Imljb25fc2VhcmNoX2h1bWJvbGR0LXJlZHdvb2RzIiBkPSJNMTUuOSw5LjQxM2E1LjY4LDUuNjgsMCwwLDAtMS44MTUtNC4yMzFBNi4wNTQsNi4wNTQsMCwwLDAsOS43MTYsMy40MjIsNi4wNTEsNi4wNTEsMCwwLDAsNS4zNDgsNS4xODEsNS42NzksNS42NzksMCwwLDAsMy41MzMsOS40MTNhNS42ODMsNS42ODMsMCwwLDAsMS44MTUsNC4yMzFBNi4wNTEsNi4wNTEsMCwwLDAsOS43MTYsMTUuNGE2LjA0OSw2LjA0OSwwLDAsMCw0LjM2OC0xLjc1OEE1LjY4Niw1LjY4NiwwLDAsMCwxNS45LDkuNDEzWm03LjA2NiwxMS4xMjRhMS42MiwxLjYyLDAsMCwxLS41MjQsMS4yLDEuNzI1LDEuNzI1LDAsMCwxLTEuMjQyLjUwOCwxLjY2NiwxLjY2NiwwLDAsMS0xLjI0Mi0uNTA4bC00LjczNC00LjU3M2E5LjY2NCw5LjY2NCwwLDAsMS01LjUwNiwxLjY1OCw5LjgxLDkuODEsMCwwLDEtMy43NzUtLjc0Miw5Ljc1MSw5Ljc1MSwwLDAsMS0zLjEwNS0yLjAwNSw5LjM4NCw5LjM4NCwwLDAsMS0yLjA3LTMuMDA4LDkuMTEsOS4xMSwwLDAsMSwwLTcuMzEzLDkuNDExLDkuNDExLDAsMCwxLDIuMDctMy4wMDhBOS43MzIsOS43MzIsMCwwLDEsNS45NDIuNzQyYTkuOTY5LDkuOTY5LDAsMCwxLDcuNTQ5LDBBOS43MzIsOS43MzIsMCwwLDEsMTYuNiwyLjc0OGE5LjQxMSw5LjQxMSwwLDAsMSwyLjA3LDMuMDA4LDkuMTQ2LDkuMTQ2LDAsMCwxLS45NDUsOC45OTFsNC43MzQsNC41ODZBMS42MTIsMS42MTIsMCwwLDEsMjIuOTY1LDIwLjUzN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOTUuNTcxIDEwLjI4OSkiIGZpbGw9IiMyMDYxNTYiLz4NCiAgPC9nPg0KPC9zdmc+DQo=') no-repeat center/contain;
        border: none;
        border-radius: 50%;
        text-indent: 200%;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        transition: .3s all ease-in-out
    }

        header .btn-search:active, header .btn-search:focus, header .btn-search:hover {
            background-color: rgba(var(--cl-tertiary),.5)
        }

    header .navbar-light .navbar-toggler {
        height: 2rem;
        margin: 0 0 0 1rem;
        padding: 0;
        border: none;
        font-size: 1rem;
        outline: none;
        box-shadow: none;
        transition: .3s all ease-in-out
    }

    header .navbar-light .navbar-toggler-icon {
        position: relative;
        width: 2.5rem;
        height: .3rem;
        margin: .8rem 0;
        background: rgb(var(--cl-secondary));
        border-radius: .2rem;
        transition: .3s all ease-in-out
    }

        header .navbar-light .navbar-toggler-icon:before, header .navbar-light .navbar-toggler-icon:after {
            position: absolute;
            content: '';
            width: 100%;
            height: .3rem;
            right: 0;
            left: 0;
            background: rgb(var(--cl-tertiary));
            border-radius: .2rem;
            transform-origin: center center;
            transition: .3s all ease-in-out
        }

        header .navbar-light .navbar-toggler-icon:before {
            top: -.8rem
        }

        header .navbar-light .navbar-toggler-icon:after {
            bottom: -.8rem
        }

    header .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background: transparent
    }

        header .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
            top: 0;
            transform: rotate(45deg)
        }

        header .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
            bottom: 0;
            transform: rotate(-45deg)
        }

    header .navbar-collapse .navbar-nav {
        display: flex;
        gap: 4rem;
        margin-top: 3.5rem;
        transition: .3s all ease-in-out
    }

        header .navbar-collapse .navbar-nav .nav-item {
            color: rgb(var(--cl-primary));
            font: 1.8rem/1 var(--ff-lucida-grande-regular)
        }

        header .navbar-collapse .navbar-nav .nav-link {
            display: block;
            margin: 0;
            padding: 0;
            color: inherit;
            font: inherit;
            text-transform: capitalize
        }

        header .navbar-collapse .navbar-nav .active > .nav-link {
            color: rgb(var(--cl-tertiary))
        }

        header .navbar-collapse .navbar-nav .nav-link:active, header .navbar-collapse .navbar-nav .nav-link:focus, header .navbar-collapse .navbar-nav .nav-link:hover {
            color: rgb(var(--cl-tertiary));
            text-decoration: none
        }

    header.header-shrink .navbar {
        box-shadow: var(--ds-regular)
    }
/* Searchbar */
.searchbar .btn-search {
    margin-left: auto;
    width: 3.2rem;
    height: 3.2rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPGcgaWQ9Imljb25fc2VhcmNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI4NikiPg0KICAgIDxnIGlkPSJvdXRsaW5lX2FjdGl2ZS1ncmVlbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI4NikiIGZpbGw9Im5vbmUiPg0KICAgICAgPHBhdGggZD0iTTIwLDBBMjAsMjAsMCwxLDEsMCwyMCwyMCwyMCwwLDAsMSwyMCwwWiIgc3Ryb2tlPSJub25lIi8+DQogICAgICA8cGF0aCBkPSJNIDIwIDMgQyAxNS40NTkxNDA3Nzc1ODc4OSAzIDExLjE5MDA1OTY2MTg2NTIzIDQuNzY4MzEwNTQ2ODc1IDcuOTc5MTkwODI2NDE2MDE2IDcuOTc5MTkwODI2NDE2MDE2IEMgNC43NjgzMTA1NDY4NzUgMTEuMTkwMDU5NjYxODY1MjMgMyAxNS40NTkxNDA3Nzc1ODc4OSAzIDIwIEMgMyAyNC41NDA4NTkyMjI0MTIxMSA0Ljc2ODMxMDU0Njg3NSAyOC44MDk5NDAzMzgxMzQ3NyA3Ljk3OTE5MDgyNjQxNjAxNiAzMi4wMjA4MDkxNzM1ODM5OCBDIDExLjE5MDA1OTY2MTg2NTIzIDM1LjIzMTY4OTQ1MzEyNSAxNS40NTkxNDA3Nzc1ODc4OSAzNyAyMCAzNyBDIDI0LjU0MDg1OTIyMjQxMjExIDM3IDI4LjgwOTk0MDMzODEzNDc3IDM1LjIzMTY4OTQ1MzEyNSAzMi4wMjA4MDkxNzM1ODM5OCAzMi4wMjA4MDkxNzM1ODM5OCBDIDM1LjIzMTY4OTQ1MzEyNSAyOC44MDk5NDAzMzgxMzQ3NyAzNyAyNC41NDA4NTkyMjI0MTIxMSAzNyAyMCBDIDM3IDE1LjQ1OTE0MDc3NzU4Nzg5IDM1LjIzMTY4OTQ1MzEyNSAxMS4xOTAwNTk2NjE4NjUyMyAzMi4wMjA4MDkxNzM1ODM5OCA3Ljk3OTE5MDgyNjQxNjAxNiBDIDI4LjgwOTk0MDMzODEzNDc3IDQuNzY4MzEwNTQ2ODc1IDI0LjU0MDg1OTIyMjQxMjExIDMgMjAgMyBNIDIwIDAgQyAzMS4wNDU2ODg2MjkxNTAzOSAwIDQwIDguOTU0MzA5NDYzNTAwOTc3IDQwIDIwIEMgNDAgMzEuMDQ1Njg4NjI5MTUwMzkgMzEuMDQ1Njg4NjI5MTUwMzkgNDAgMjAgNDAgQyA4Ljk1NDMwOTQ2MzUwMDk3NyA0MCAwIDMxLjA0NTY4ODYyOTE1MDM5IDAgMjAgQyAwIDguOTU0MzA5NDYzNTAwOTc3IDguOTU0MzA5NDYzNTAwOTc3IDAgMjAgMCBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiMwMGE1ODAiLz4NCiAgICA8L2c+DQogICAgPHBhdGggaWQ9Imljb25fc2VhcmNoX2h1bWJvbGR0LXJlZHdvb2RzIiBkPSJNMTUuOSw5LjQxM2E1LjY4LDUuNjgsMCwwLDAtMS44MTUtNC4yMzFBNi4wNTQsNi4wNTQsMCwwLDAsOS43MTYsMy40MjIsNi4wNTEsNi4wNTEsMCwwLDAsNS4zNDgsNS4xODEsNS42NzksNS42NzksMCwwLDAsMy41MzMsOS40MTNhNS42ODMsNS42ODMsMCwwLDAsMS44MTUsNC4yMzFBNi4wNTEsNi4wNTEsMCwwLDAsOS43MTYsMTUuNGE2LjA0OSw2LjA0OSwwLDAsMCw0LjM2OC0xLjc1OEE1LjY4Niw1LjY4NiwwLDAsMCwxNS45LDkuNDEzWm03LjA2NiwxMS4xMjRhMS42MiwxLjYyLDAsMCwxLS41MjQsMS4yLDEuNzI1LDEuNzI1LDAsMCwxLTEuMjQyLjUwOCwxLjY2NiwxLjY2NiwwLDAsMS0xLjI0Mi0uNTA4bC00LjczNC00LjU3M2E5LjY2NCw5LjY2NCwwLDAsMS01LjUwNiwxLjY1OCw5LjgxLDkuODEsMCwwLDEtMy43NzUtLjc0Miw5Ljc1MSw5Ljc1MSwwLDAsMS0zLjEwNS0yLjAwNSw5LjM4NCw5LjM4NCwwLDAsMS0yLjA3LTMuMDA4LDkuMTEsOS4xMSwwLDAsMSwwLTcuMzEzLDkuNDExLDkuNDExLDAsMCwxLDIuMDctMy4wMDhBOS43MzIsOS43MzIsMCwwLDEsNS45NDIuNzQyYTkuOTY5LDkuOTY5LDAsMCwxLDcuNTQ5LDBBOS43MzIsOS43MzIsMCwwLDEsMTYuNiwyLjc0OGE5LjQxMSw5LjQxMSwwLDAsMSwyLjA3LDMuMDA4LDkuMTQ2LDkuMTQ2LDAsMCwxLS45NDUsOC45OTFsNC43MzQsNC41ODZBMS42MTIsMS42MTIsMCwwLDEsMjIuOTY1LDIwLjUzN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOTUuNTcxIDEwLjI4OSkiIGZpbGw9IiMyMDYxNTYiLz4NCiAgPC9nPg0KPC9zdmc+DQo=) no-repeat center/contain;
    border: none;
    border-radius: 50%;
    text-indent: 200%;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    transition: .3s all ease-in-out;
}

.searchfield {
    max-width: 70%;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    color: #282828;
    box-shadow: none;
    font-family: var(--ff-roboto);
    font-size: 17px;
    font-weight: var(--fw-light);
    border-radius: 2rem;
    padding-left:1rem;
    border-color: black;
    margin-right:2rem ;
}

    .searchfield:focus {
        box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
        border-color: black;
    }


.searchbar {
    position: absolute;
    width: 100%;
    padding: 1.5rem 0;
    top: 100%;
    right: 0;
    left: 0;
    background: #F9F9F9;
    transform: translateY(calc(-100% - 5.1rem));
    transition: .3s all ease-in-out;
    z-index: 10;
    padding: 36px 20px 34px;
}

.searchbar-open {
    transform: translateY(0)
}



.background-white a {
    text-decoration: underline;
    color: rgb(var(--cl-tertiary));
}

ol {
    list-style: auto;
}

.searchbar .navbar-search {
    max-width: 816px;
    background: #fff;
    height: 50px;
    padding: 0 10px 0 27px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}

    .searchbar .navbar-search .form-control {
        position: relative;
        ;
        padding-left: 0;
        padding-right: 0;
        background: transparent;
        border: none;
        color: #282828;
        box-shadow: none;
        font-family: var(--ff-roboto);
        font-size: 17px;
        font-weight: var(--fw-light);
    }

    .searchbar .navbar-search.searchbar .navbar-search ::-webkit-input-placeholder {
        color: #282828
    }

    .searchbar .navbar-search ::-moz-placeholder {
        color: #282828
    }

    .searchbar .navbar-search :-ms-input-placeholder {
        color: #282828
    }

    .searchbar .navbar-search :-moz-placeholder {
        color: #282828
    }

    .searchbar .navbar-search ::placeholder {
        color: #282828
    }

@media (max-width:769px) {
    .searchbar {
        padding: 15px 20px 15px;
    }

        .searchbar .container {
            max-width: 100% !important;
            padding: 0 !important;
        }
}

@media (max-width:577px) {
    .searchbar {
        padding: 10px 15px
    }
}

/*.searchbar .navbar-search .btn-search{width:2.3rem;height:2.3rem;margin-left:1.5rem;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi45NjUiIGhlaWdodD0iMjIuMjQ4IiB2aWV3Qm94PSIwIDAgMjIuOTY1IDIyLjI0OCI+DQogIDxwYXRoIGlkPSJpY29uX3NlYXJjaF93aGl0ZSIgZD0iTTE1LjksOS40MTNhNS42OCw1LjY4LDAsMCwwLTEuODE1LTQuMjMxQTYuMDU0LDYuMDU0LDAsMCwwLDkuNzE2LDMuNDIyLDYuMDUxLDYuMDUxLDAsMCwwLDUuMzQ4LDUuMTgxLDUuNjc5LDUuNjc5LDAsMCwwLDMuNTMzLDkuNDEzYTUuNjgzLDUuNjgzLDAsMCwwLDEuODE1LDQuMjMxQTYuMDUxLDYuMDUxLDAsMCwwLDkuNzE2LDE1LjRhNi4wNDksNi4wNDksMCwwLDAsNC4zNjgtMS43NThBNS42ODYsNS42ODYsMCwwLDAsMTUuOSw5LjQxM1ptNy4wNjYsMTEuMTI0YTEuNjIsMS42MiwwLDAsMS0uNTI0LDEuMiwxLjcyNSwxLjcyNSwwLDAsMS0xLjI0Mi41MDgsMS42NjYsMS42NjYsMCwwLDEtMS4yNDItLjUwOGwtNC43MzQtNC41NzNhOS42NjQsOS42NjQsMCwwLDEtNS41MDYsMS42NTgsOS44MSw5LjgxLDAsMCwxLTMuNzc1LS43NDIsOS43NTEsOS43NTEsMCwwLDEtMy4xMDUtMi4wMDUsOS4zODQsOS4zODQsMCwwLDEtMi4wNy0zLjAwOCw5LjExLDkuMTEsMCwwLDEsMC03LjMxMyw5LjQxMSw5LjQxMSwwLDAsMSwyLjA3LTMuMDA4QTkuNzMyLDkuNzMyLDAsMCwxLDUuOTQyLjc0MmE5Ljk2OSw5Ljk2OSwwLDAsMSw3LjU0OSwwQTkuNzMyLDkuNzMyLDAsMCwxLDE2LjYsMi43NDhhOS40MTEsOS40MTEsMCwwLDEsMi4wNywzLjAwOCw5LjE0Niw5LjE0NiwwLDAsMS0uOTQ1LDguOTkxbDQuNzM0LDQuNTg2QTEuNjEyLDEuNjEyLDAsMCwxLDIyLjk2NSwyMC41MzdaIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==') no-repeat center/contain;border-radius:0}
*/ /* Footer */
footer {
    min-height: 22rem;
    padding: 4rem 0 8rem;
    background-color: rgb(var(--cl-secondary));
    border-top: 2rem solid rgb(var(--cl-tertiary))
}

    footer * {
        color: rgb(var(--white))
    }

    footer p {
        font-weight: var(--fw-light)
    }

        footer p a {
            text-decoration: underline;
        }

            footer p a:active, footer p a:focus, footer p a:hover {
                color: rgb(var(--white)) !important
            }

.footer-nav a:not(:first-child) {
    margin-inline-start: .5rem;
    padding-inline-start: 1rem;
    border-left: .1rem solid rgb(var(--white))
}

a {
    text-decoration: underline;
}

footer div a {
    text-decoration: underline!important;
}


.social-nav a {
    font-size: 2.7rem
}
/* Main */
main {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDYzIiBoZWlnaHQ9IjI3NyIgdmlld0JveD0iMCAwIDQ2MyAyNzciPg0KICA8ZGVmcz4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+DQogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE1MzYiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE1MzYiIHdpZHRoPSI0NjMiIGhlaWdodD0iMjc3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjA1LjI1MSA0MTMuNzcxKSIgZmlsbD0iI2ZmZiIvPg0KICAgIDwvY2xpcFBhdGg+DQogIDwvZGVmcz4NCiAgPGcgaWQ9ImVsZW1lbnRfY2lyY2xlc19kb2N0b3IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjA1LjI1MSAtNDEzLjc3MSkiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4NCiAgICA8ZyBpZD0iRWxlbWVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTkuOTk5IC01MikiPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMTkwMCIgZGF0YS1uYW1lPSJQYXRoIDE5MDAiIGQ9Ik03NDMuNTg2LDUwMi4xdi0xLjQyYzAtMzcuNDc5LDEyLjQ5My03MS44MzUsMzQuMDcyLTk4LjI0MWExNzAuMTYxLDE3MC4xNjEsMCwwLDAtMjMuODUtMTcuMDM2LDIxLjE2MiwyMS4xNjIsMCwwLDEtMy40MDctMS45ODhBMTg1LjMzMiwxODUuMzMyLDAsMCwwLDcwNy41MjYsNTAyLjF2MS40MmExODQuNzQsMTg0Ljc0LDAsMCwwLDI0LjQxOCw5MS45OTVINTg0LjNjLTE5LjAyNC0yNS41NTQtMzAuMzgxLTU3LjkyMy0zMC4zODEtOTMuNDE0di0xLjQyYzAtODMuMTkzLDYxLjMzLTE0OS4zNDksMTQwLjU0Ny0xNDkuMzQ5YTEzMS40NDEsMTMxLjQ0MSwwLDAsMSw2OC40MjgsMTguNzQsMjAyLjM3NCwyMDIuMzc0LDAsMCwxLDI2Ljk3NCwxOS4zMDhjNC4yNTksMy42OTEsOC4yMzQsNy4zODIsMTIuMjA5LDExLjA3MywyLjgzOSwyLjgzOSw3LjM4MiwzLjk3NSwxMS42NDEsMy45NzVhMTYuNzMyLDE2LjczMiwwLDAsMCwxNy4wMzYtMTcuMDM2YzAtNC44MjctMS45ODctOS42NTQtNC44MjctMTIuMjA5bC03LjY2Ni02LjgxNEEyNDUuOSwyNDUuOSwwLDAsMCw3OTEsMzQ3LjY0MmMtMjUuMjctMTYuMTg0LTU2LjIxOS0yNy41NDItOTUuOTctMjcuNTQyLTk5LjY2MSwwLTE3Ny40NTksODQuNjEyLTE3Ny40NTksMTgyLjI4NnYxLjQyYTE4NC45NjcsMTg0Ljk2NywwLDAsMCwyNC43LDkxLjk5NWgyMzEuNjlBMTU3LjMyNSwxNTcuMzI1LDAsMCwxLDc0My41ODYsNTAyLjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDI4LjQzMSAxNDYuNjcxKSIgZmlsbD0icmdiYSgyNDksMjQ5LDI0OSwwLjkpIi8+DQogICAgICA8cGF0aCBpZD0iUGF0aF8xOTAxIiBkYXRhLW5hbWU9IlBhdGggMTkwMSIgZD0iTTQ4MCwzMzcuOTk0YTIzNi4xOTMsMjM2LjE5MywwLDAsMSwyMS41NzksMTcuMDM2YzEuOTg4LDEuNywzLjk3NSwzLjQwNyw1Ljk2Myw1LjM5NWExNDEuNzQ0LDE0MS43NDQsMCwwLDEsNDkuNjg5LTkuMDg2QTEzOC45OTQsMTM4Ljk5NCwwLDAsMSw2NTEuNSwzODcuOTY2VjM0NS45NDRjLTI2LjY5LTE2LjQ2OC01OC4yMDctMjUuODM4LTkyLjg0Ny0yNS44MzhBMTcwLjU2OCwxNzAuNTY4LDAsMCwwLDQ4MCwzMzcuOTk0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM1Ni43NTUgMTQ2LjY3NCkiIGZpbGw9InJnYmEoMjQ5LDI0OSwyNDksMC45KSIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=') no-repeat right -.5rem bottom -5rem;
    background-size: 46.3rem 27.7rem
}

    main section:not(.hero):not(.subnav) {
        padding-block: 4rem
    }

    main section:not(.hero):not(.section-highlight) + section:not(.hero):not(.section-highlight),
    main section.section-highlight + section.section-highlight {
        padding-block-start: 0
    }

.section-highlight {
    background: rgb(var(--doctor))
}

.section-highlight-dark {
    background: #EBEBEB
}
/* Hero */
.hero {
    position: relative;
    min-height: 5rem;
    background: linear-gradient(90deg, rgba(var(--cl-secondary),1) 10%, rgba(208,238,231,1) 55%, rgba(211,239,233,1) 65%, rgba(208,238,231,1) 75%, rgba(var(--cl-secondary),1) 95%);
    overflow: hidden
}

    .hero:not(.no-img):after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTM3MiIgaGVpZ2h0PSI1MzYuMzY4IiB2aWV3Qm94PSIwIDAgMTM3MiA1MzYuMzY4Ij4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9IlBhdGhfMTkwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjEzNzEuOTk4IiBoZWlnaHQ9IjUzNi4zNjgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxmZU9mZnNldCBpbnB1dD0iU291cmNlQWxwaGEiLz4KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgcmVzdWx0PSJibHVyIi8+CiAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAuMTYxIi8+CiAgICAgIDxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0iYmx1ciIvPgogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlciBpZD0iUGF0aF8xOTAxIiB4PSIxMDExLjY3NSIgeT0iMyIgd2lkdGg9IjM2MC4zMjYiIGhlaWdodD0iMTUwLjE3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8ZmVPZmZzZXQgZHk9IjMiIGlucHV0PSJTb3VyY2VBbHBoYSIvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXItMiIvPgogICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPgogICAgICA8ZmVDb21wb3NpdGUgb3BlcmF0b3I9ImluIiBpbjI9ImJsdXItMiIvPgogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8ZyBpZD0iY2lya2VscyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOSA5KSI+CiAgICA8ZyBpZD0iR3JvdXBfMjcwNSIgZGF0YS1uYW1lPSJHcm91cCAyNzA1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+CiAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIC05LCAtOSkiIGZpbHRlcj0idXJsKCNQYXRoXzE5MDApIj4KICAgICAgICA8cGF0aCBpZD0iUGF0aF8xOTAwLTIiIGRhdGEtbmFtZT0iUGF0aCAxOTAwIiBkPSJNMTE4My45NTEsNjYyLjN2LTIuNjY5YzAtNzAuNDY4LDI0LjkzNy0xMzUuMDY0LDY4LjAxMS0xODQuNzEyLTE2LjQzNi0xMi44MTItMzEuNzM5LTIzLjQ5LTQ3LjYwOC0zMi4wMzFhNDIuOTM0LDQyLjkzNCwwLDAsMS02LjgtMy43MzdjLTUzLjg0Myw2MC44NTktODUuNTgxLDEzOS4zMzUtODUuNTgxLDIyMy4xNDl2Mi42NjlhMzMxLjkyNiwzMzEuOTI2LDAsMCwwLDQ4Ljc0MiwxNzIuOTY3SDg2NkEyODEuODI0LDI4MS44MjQsMCwwLDEsODA1LjM1Myw2NjIuM3YtMi42NjljMC0xNTYuNDE4LDEyMi40MjEtMjgwLjgsMjgwLjU0OC0yODAuOCw1My44NDMsMCw5OC4wNSwxMy44OCwxMzYuNTksMzUuMjM0YTQwNC41LDQwNC41LDAsMCwxLDUzLjg0MiwzNi4zYzguNSw2Ljk0LDE2LjQzNiwxMy44OCwyNC4zNzEsMjAuODIsNS42NjcsNS4zMzgsMTQuNzM2LDcuNDc0LDIzLjIzNyw3LjQ3NCwxOS4yNywwLDM0LjAwNi0xMy44OCwzNC4wMDYtMzIuMDMxLDAtOS4wNzYtMy45NjctMTguMTUxLTkuNjM1LTIyLjk1NmwtMTUuMy0xMi44MTJhNDg5LjEsNDg5LjEsMCwwLDAtNTQuNDA5LTM4Ljk3MWMtNTAuNDQyLTMwLjQzLTExMi4yMTktNTEuNzg0LTE5MS41NjYtNTEuNzg0LTE5OC45MzQsMC0zNTQuMjI3LDE1OS4wODctMzU0LjIyNywzNDIuNzMyVjY2NS41YzAsNjIuNDYxLDE4LjEzNiwxMjEuNzE4LDQ5LjMwOCwxNzIuOTY3aDQ2Mi40NzlBMjg0LjQ3NiwyODQuNDc2LDAsMCwxLDExODMuOTUxLDY2Mi4zWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5Mi41IC0zMTEuMSkiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC45KSIvPgogICAgICA8L2c+CiAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIC05LCAtOSkiIGZpbHRlcj0idXJsKCNQYXRoXzE5MDEpIj4KICAgICAgICA8cGF0aCBpZD0iUGF0aF8xOTAxLTIiIGRhdGEtbmFtZT0iUGF0aCAxOTAxIiBkPSJNNDgwLDM1NC45NDlhNDY5LjkyOCw0NjkuOTI4LDAsMCwxLDQzLjA3NCwzMy4xNzZjMy45NjcsMy4zMTgsNy45MzUsNi42MzUsMTEuOSwxMC41MDZhMjg5LjIxNywyODkuMjE3LDAsMCwxLDk5LjE4NC0xNy42OTQsMjgxLjMxLDI4MS4zMSwwLDAsMSwxODguMTY1LDcxLjMyOVYzNzAuNDMyYy01My4yNzYtMzIuMDctMTE2LjE4Ny01MC4zMTgtMTg1LjMzMi01MC4zMThDNTc5LjE4NCwzMTkuNTYxLDUyNi40NzUsMzMyLjI3OSw0ODAsMzU0Ljk0OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0MC42NyAtMzExLjEpIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuOSkiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==') no-repeat right -1rem bottom -1rem/contain;
        z-index: 2
    }

.hero-img {
    position: relative;
    z-index: 1;
    max-height: 540px;
}

    .hero-img:before, .hero-img:after {
        position: absolute;
        content: '';
        width: 40%;
        top: 0;
        bottom: 0;
        background: linear-gradient(90deg, rgba(var(--cl-tertiary),1) 0%, rgba(var(--cl-tertiary),.15) 60%, rgba(var(--cl-tertiary),0) 100%);
        opacity: .65;
        z-index: 1
    }

    .hero-img:before {
        left: 0
    }

    .hero-img:after {
        right: 0;
        transform: rotate(180deg)
    }

.hero-overlay {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-1.5rem);
    z-index: 3
}

    .hero-overlay h2, .hero-overlay .h2 {
        text-align: center;
        color: rgb(var(--white));
        font: 4.3rem/1 var(--ff-lucida-grande-bold);
        letter-spacing: 0;
        text-shadow: 0 .3rem .6rem rgba(var(--cl-primary),.15)
    }
/* Methods */
.intro-home .methods {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
    padding: 0;
    font-size: 2rem
}
/* Knowledge Base */
.knowledge-base .card {
    padding: 3rem 3rem 4rem
}

.knowledge-base:not(.section-highlight) .card {
    background: rgb(var(--doctor))
}

.knowledge-base .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center
}

    .knowledge-base .card .card-body .card-icon .icon {
        display: inline-block;
        width: 5.2rem;
        height: 5.2rem;
        background: rgb(var(--jupiter));
        -webkit-mask-size: cover;
        mask-size: cover
    }

.knowledge-base a.card:hover .card-body .card-icon .icon {
    background: rgb(var(--cl-tertiary))
}

h2:before {
    height: 44px;
    width: 44px;
    margin: 0 1rem 0 0.5rem;
    content: '';
}

    /* Knowledge Base Item */
    .block-item h2,
    .side-menu ul li a,
    .block-title,
    .person-info h2,
    .calender-list h3 {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        width: 100%;
        margin-bottom: 2rem;
        color: rgb(var(--cl-secondary));
        text-decoration: none
    }

        .block-item h2[title*="Thema"]:before,
        .side-menu ul li a[title*="Thema"]:before,
        .block-title[title*="Thema"]:before,
        .block-item h2[title*="Sociale kaart"]:before,
        .side-menu ul li a[title*="Sociale kaart"]:before,
        .block-title[title*="Sociale kaart"]:before,
        .block-item h2[title*="Kaart"]:before,
        .side-menu ul li a[title*="Kaart"]:before,
        .block-title[title*="Kaart"]:before,
        .block-item h2[title*="Wie"]:before,
        .side-menu ul li a[title*="Wie"]:before,
        .block-title[title*="Wie"]:before,
        .block-item h2[title*="Trefwoorden"]:before,
        .side-menu ul li a[title*="Trefwoorden"]:before,
        .block-title[title*="Trefwoorden"]:before,
        .block-item h2[title*="Casus"]:before,
        .side-menu ul li a[title*="Casus"]:before,
        .block-title[title*="Casus"]:before,
        .block-item h2[title*="Kalender"]:before,
        .side-menu ul li a[title*="Kalender"]:before,
        .block-title[title*="Kalender"]:before,
        .block-item h2[title*="Projecten"]:before,
        .side-menu ul li a[title*="Projecten"]:before,
        .block-title[title*="Projecten"]:before {
            display: inline-block;
            content: '';
            width: 44px;
            height: 44px;
            margin-right: 10px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            margin-top: -8px;
            vertical-align: middle;
        }

    .block-item h2[title*="Thema"]:before,
    .side-menu ul li a[title*="Thema"]:before,
    .block-title[title*="Thema"]:before {
        background-image: url('../images/svg/icon_list.svg')
    }

    .block-item h2[title*="Sociale kaart"]:before,
    .side-menu ul li a[title*="Sociale kaart"]:before,
    .block-title[title*="Sociale kaart"]:before {
        background-image: url('../images/svg/icon_board.svg')
    }

    .block-item h2[title*="Kaart"]:before,
    .side-menu ul li a[title*="Kaart"]:before,
    .block-title[title*="Kaart"]:before {
        background-image: url('../images/svg/icon_map.svg')
    }

    .block-item h2[title*="Wie"]:before,
    .side-menu ul li a[title*="Wie"]:before,
    .block-title[title*="Wie"]:before {
        background-image: url('../images/svg/icon_person.svg')
    }

    .block-item h2[title*="Trefwoorden"]:before,
    .side-menu ul li a[title*="Trefwoorden"]:before,
    .block-title[title*="Trefwoorden"]:before {
        background-image: url('../images/svg/icon_pin.svg')
    }

    .block-item h2[title*="Projecten"]:before,
    .side-menu ul li a[title*="Projecten"]:before,
    .block-title[title*="Projecten"]:before {
        background-image: url('../images/svg/icon_case.svg')
    }

    .block-item h2[title*="Casus"]:before,
    .side-menu ul li a[title*="Casus"]:before,
    .block-title[title*="Casus"]:before {
        background-image: url('../images/svg/icon_case.svg')
    }

    .block-item h2[title*="Kalender"]:before,
    .side-menu ul li a[title*="Kalender"]:before,
    .block-title[title*="Kalender"]:before {
        background-image: url('../images/svg/icon_calendar.svg')
    }

    .block-item .h2:after,
    .side-menu ul li a:after,
    .block-title:after,
    .person-info:after,
    .calender-list h3:after {
        display: block;
        content: '';
        width: 100%;
        height: .2rem;
        margin-block-start: 2.5rem;
        background: url('../images/img_dashed-line-h.png') repeat-x 0 50%
    }

.blok-content ul.vertical-list {
    margin: 0;
    padding: 0
}

    .blok-content ul.vertical-list li {
        position: relative;
        padding-block: 1.5rem
    }

.themalinks li {
    display: inline-block;
    width: 49%;
    padding: 1.45rem 0;
    list-style-type: none;
    vertical-align: top;
    clear: both
}

.blok-content ul.vertical-list li a,
.themalinks a {
    display: flex;
    flex-direction: column;
    padding-left: 2rem;
    background: url('../images/svg/list-item-arrow-right.svg');
    background-repeat: no-repeat;
    background-position: 0 -.1rem;
    background-size: .9rem 2rem;
    color: rgb(var(--cl-primary));
    font-weight: var(--fw-bold);
    line-height: 1.15;
    text-decoration: none;
    flex-wrap: wrap;
}

    .blok-content ul.vertical-list li a span {
        padding-block-start: 1rem;
        font-size: 1.1rem;
        font-weight: var(--fw-light);
        transition: inherit
    }

.blok .blok-header {
    position: relative;
    padding-bottom: 1.5rem
}

    .blok .blok-header:not(.no-border):after {
        position: absolute;
        content: '';
        width: 100%;
        height: .2rem;
        bottom: 0;
        left: 0;
        background: url('../images/img_dashed-line-h.png') repeat-x 0 50%
    }

    .blok .blok-header p {
        color: rgb(var(--silver-snippet));
        font-weight: var(--fw-light)
    }

        .blok .blok-header p a {
            color: rgb(var(--cl-primary))
        }

.blok .intro *, .blok .inhoud p {
    font-weight: var(--fw-light)
}

.blok-tabs {
    width: 100%;
    height: auto;
    border-bottom: .5rem solid rgb(var(--cl-secondary));
    overflow: hidden;
    margin-bottom: 50px;
}

    .blok-tabs .tabs-header {
        width: 100%;
        padding: .5rem;
        background: rgb(var(--jupiter))
    }

        .blok-tabs .tabs-header ul {
            margin: 0;
            padding: 0
        }

        .blok-tabs .tabs-header li {
            position: relative;
            display: block;
            width: 100%;
            margin-right: 1.7rem;
            margin-bottom: .5rem;
            padding: 1rem 1.5rem;
            background: rgb(var(--cl-secondary));
            border-top: .5rem solid rgb(var(--jupiter));
            color: rgb(var(--white));
            font-weight: var(--fw-light);
            text-decoration: none;
            cursor: pointer
        }

            .blok-tabs .tabs-header li.current, .blok-tabs .tabs-header li:active, .blok-tabs .tabs-header li:focus, .blok-tabs .tabs-header li:hover {
                background: rgb(var(--white));
                color: rgb(var(--cl-primary))
            }

    .blok-tabs .tab {
        display: none
    }

        .blok-tabs .tab p {
            margin-block-end: 1.5rem;
            font-weight: var(--fw-light)
        }

        .blok-tabs .tab ul {
            margin-block-end: 1.5rem;
            padding-inline-start: 1.8rem;
            list-style-type: disc
        }

        .blok-tabs .tab ol {
            margin-block-end: 1.5rem;
            padding-inline-start: 1.8rem;
            list-style-type: decimal
        }

        .blok-tabs .tab li {
            font-weight: var(--fw-light)
        }

        .blok-tabs .tab a {
            font: inherit
        }

        .blok-tabs .tab strong {
            font-weight: var(--fw-medium)
        }

        .blok-tabs .tab em {
            font-weight: initial
        }

.tabs-content {
    padding: 3rem 3rem 1.5rem 0
}

.with-border {
    position: relative;
    display: block;
    width: 100%;
    margin-block-end: 1.5rem;
    padding-block-end: 1.5rem
}

    .with-border:after {
        position: absolute;
        content: '';
        width: 100%;
        height: .2rem;
        bottom: 0;
        left: 0;
        background: url('../images/img_dashed-line-h.png') repeat-x 0 50%
    }

.downloads {
    margin-bottom: 50px;
}

.download-list div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-block-end: 1rem;
    padding-block: .8rem
}

.pdfIcon {
    display: block;
    margin-bottom: 1rem;
    background: url('../images/svg/pdf-icon.svg') no-repeat;
    background-size: 4rem 4rem
}

    .pdfIcon a,
    .powerpointIcon a,
    .wordIcon a,
    .excelIcon a,
    .imageIcon a,
    .videoIcon a {
        padding-inline-start: 5.1rem
    }

.download-list div a {
    text-decoration: none;
    font-weight: 300;
}

    .download-list div a:hover {
        text-decoration: underline
    }
/* Aside */
.vervolg-side article {
    padding: 3rem;
    background: rgb(var(--doctor))
}
/* News */
.news .card .card-img-top {
    position: relative;
    border-radius: var(--br-regular);
    overflow: hidden;
    min-height: 230px;
    max-height:230px;
}

    .news .card .card-img-top .card-label {
        position: absolute;
        min-width: 17rem;
        padding: 1rem 2rem;
        right: 0;
        bottom: 0;
        background: rgb(var(--cl-secondary));
        color: rgb(var(--white));
        font-weight: var(--fw-medium);
        text-align: center
    }

.news .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    padding-block-start: 1.7rem
}

    .news .card .card-body .card-title {
        margin-bottom: .1rem;
        line-height: 3rem;
    }

    .news .card .card-body .card-date {
        margin-bottom: 1.3rem;
        color: rgb(var(--cl-tertiary));
        font-weight: var(--fw-medium)
    }
/* Pagination */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

    .pagination .prev a, .pagination .next a {
        width: auto;
        height: auto;
        background: none;
        border: none;
        border-radius: 0
    }

        .pagination .prev a:active, .pagination .prev a:focus, .pagination .prev a:hover, .pagination .next a:active, .pagination .next a:focus, .pagination .next a:hover {
            color: rgb(var(--cl-tertiary))
        }

    .pagination .selected a {
        background: rgb(var(--cl-tertiary));
        border: .2rem solid rgb(var(--cl-tertiary));
        color: rgb(var(--white)) !important
    }

    .pagination a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        background: rgb(var(--white));
        border: .2rem solid rgb(var(--cl-tertiary));
        border-radius: 50%;
        color: rgb(var(--cl-tertiary));
        font-size: 1.4rem;
        font-weight: var(--fw-bold);
        line-height: 1;
        text-decoration: none
    }

        .pagination a:active, .pagination a:focus, .pagination a:hover {
            border-color: rgb(var(--cl-secondary));
            color: rgb(var(--cl-secondary));
            text-decoration: none !important
        }
/* Subnav */
.list-subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin: 0;
    padding: 0
}

.btn-subnav {
    padding: .5rem 2rem;
    background: rgb(var(--white));
    border: .1rem solid rgb(var(--cl-tertiary));
    border-radius: .2rem;
    color: rgb(var(--cl-secondary));
    font: 1.8rem/1 var(--ff-lucida-grande-bold);
    text-transform: unset;
    opacity: 1
}

    .btn-subnav:active, .btn-subnav:focus, .btn-subnav:hover {
        background-color: rgba(var(--cl-tertiary),.15);
        color: rgb(var(--cl-secondary))
    }

    .btn-subnav.disabled, .btn-subnav:disabled {
        background-color: rgba(var(--cl-tertiary),.15);
        color: rgba(var(--cl-secondary),.15)
    }

    .btn-subnav:not(:disabled):not(.disabled):active, .btn-subnav:not(:disabled):not(.disabled).active,
    .show > .btn-subnav.dropdown-toggle {
        background-color: rgba(var(--cl-tertiary),.15);
        color: rgb(var(--cl-secondary))
    }

        .btn-subnav:not(:disabled):not(.disabled):active:focus, .btn-subnav:not(:disabled):not(.disabled).active:focus,
        .show > .btn-subnav.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(12, 87, 100, .5)
        }
/* */
.person-card p {
    display: block;
    padding: 1rem 0 !important
}

.person-info-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-block-start: 1rem
}

    .person-info-box:not(first-of-type) {
        margin-block-start: 2.5rem
    }

    .person-info-box:last-of-type {
        margin-block-end: 1rem
    }

.person-info {
    width: 100%
}

    .person-info p {
        padding: 0 !important
    }

    .person-info p, .person-info a {
        font-weight: var(--fw-medium);
    }

    .person-info a {
        font-weight: var(--fw-light);
        word-break: break-all;
        color: #282828;
    }

    .person-info p.person-functie {
        color: #282828;
        font-weight: var(--fw-light);
    }

    .person-info a:hover {
        color: rgb(var(--cl-primary))
    }

.searchPerson {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 5rem;
    margin-block: 1.5rem;
    padding: 0;
    background: rgb(var(--doctor));
    border-radius: 2.5rem;
    overflow: hidden
}

    .searchPerson .searchButtonPerson {
        width: 3rem;
        height: 3rem;
        margin-right: 1rem;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4NCiAgPGcgaWQ9Imljb25fc2VhcmNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI4NikiPg0KICAgIDxnIGlkPSJvdXRsaW5lX2FjdGl2ZS1ncmVlbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI4NikiIGZpbGw9Im5vbmUiPg0KICAgICAgPHBhdGggZD0iTTIwLDBBMjAsMjAsMCwxLDEsMCwyMCwyMCwyMCwwLDAsMSwyMCwwWiIgc3Ryb2tlPSJub25lIi8+DQogICAgICA8cGF0aCBkPSJNIDIwIDMgQyAxNS40NTkxNDA3Nzc1ODc4OSAzIDExLjE5MDA1OTY2MTg2NTIzIDQuNzY4MzEwNTQ2ODc1IDcuOTc5MTkwODI2NDE2MDE2IDcuOTc5MTkwODI2NDE2MDE2IEMgNC43NjgzMTA1NDY4NzUgMTEuMTkwMDU5NjYxODY1MjMgMyAxNS40NTkxNDA3Nzc1ODc4OSAzIDIwIEMgMyAyNC41NDA4NTkyMjI0MTIxMSA0Ljc2ODMxMDU0Njg3NSAyOC44MDk5NDAzMzgxMzQ3NyA3Ljk3OTE5MDgyNjQxNjAxNiAzMi4wMjA4MDkxNzM1ODM5OCBDIDExLjE5MDA1OTY2MTg2NTIzIDM1LjIzMTY4OTQ1MzEyNSAxNS40NTkxNDA3Nzc1ODc4OSAzNyAyMCAzNyBDIDI0LjU0MDg1OTIyMjQxMjExIDM3IDI4LjgwOTk0MDMzODEzNDc3IDM1LjIzMTY4OTQ1MzEyNSAzMi4wMjA4MDkxNzM1ODM5OCAzMi4wMjA4MDkxNzM1ODM5OCBDIDM1LjIzMTY4OTQ1MzEyNSAyOC44MDk5NDAzMzgxMzQ3NyAzNyAyNC41NDA4NTkyMjI0MTIxMSAzNyAyMCBDIDM3IDE1LjQ1OTE0MDc3NzU4Nzg5IDM1LjIzMTY4OTQ1MzEyNSAxMS4xOTAwNTk2NjE4NjUyMyAzMi4wMjA4MDkxNzM1ODM5OCA3Ljk3OTE5MDgyNjQxNjAxNiBDIDI4LjgwOTk0MDMzODEzNDc3IDQuNzY4MzEwNTQ2ODc1IDI0LjU0MDg1OTIyMjQxMjExIDMgMjAgMyBNIDIwIDAgQyAzMS4wNDU2ODg2MjkxNTAzOSAwIDQwIDguOTU0MzA5NDYzNTAwOTc3IDQwIDIwIEMgNDAgMzEuMDQ1Njg4NjI5MTUwMzkgMzEuMDQ1Njg4NjI5MTUwMzkgNDAgMjAgNDAgQyA4Ljk1NDMwOTQ2MzUwMDk3NyA0MCAwIDMxLjA0NTY4ODYyOTE1MDM5IDAgMjAgQyAwIDguOTU0MzA5NDYzNTAwOTc3IDguOTU0MzA5NDYzNTAwOTc3IDAgMjAgMCBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiMwMGE1ODAiLz4NCiAgICA8L2c+DQogICAgPHBhdGggaWQ9Imljb25fc2VhcmNoX2h1bWJvbGR0LXJlZHdvb2RzIiBkPSJNMTUuOSw5LjQxM2E1LjY4LDUuNjgsMCwwLDAtMS44MTUtNC4yMzFBNi4wNTQsNi4wNTQsMCwwLDAsOS43MTYsMy40MjIsNi4wNTEsNi4wNTEsMCwwLDAsNS4zNDgsNS4xODEsNS42NzksNS42NzksMCwwLDAsMy41MzMsOS40MTNhNS42ODMsNS42ODMsMCwwLDAsMS44MTUsNC4yMzFBNi4wNTEsNi4wNTEsMCwwLDAsOS43MTYsMTUuNGE2LjA0OSw2LjA0OSwwLDAsMCw0LjM2OC0xLjc1OEE1LjY4Niw1LjY4NiwwLDAsMCwxNS45LDkuNDEzWm03LjA2NiwxMS4xMjRhMS42MiwxLjYyLDAsMCwxLS41MjQsMS4yLDEuNzI1LDEuNzI1LDAsMCwxLTEuMjQyLjUwOCwxLjY2NiwxLjY2NiwwLDAsMS0xLjI0Mi0uNTA4bC00LjczNC00LjU3M2E5LjY2NCw5LjY2NCwwLDAsMS01LjUwNiwxLjY1OCw5LjgxLDkuODEsMCwwLDEtMy43NzUtLjc0Miw5Ljc1MSw5Ljc1MSwwLDAsMS0zLjEwNS0yLjAwNSw5LjM4NCw5LjM4NCwwLDAsMS0yLjA3LTMuMDA4LDkuMTEsOS4xMSwwLDAsMSwwLTcuMzEzLDkuNDExLDkuNDExLDAsMCwxLDIuMDctMy4wMDhBOS43MzIsOS43MzIsMCwwLDEsNS45NDIuNzQyYTkuOTY5LDkuOTY5LDAsMCwxLDcuNTQ5LDBBOS43MzIsOS43MzIsMCwwLDEsMTYuNiwyLjc0OGE5LjQxMSw5LjQxMSwwLDAsMSwyLjA3LDMuMDA4LDkuMTQ2LDkuMTQ2LDAsMCwxLS45NDUsOC45OTFsNC43MzQsNC41ODZBMS42MTIsMS42MTIsMCwwLDEsMjIuOTY1LDIwLjUzN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOTUuNTcxIDEwLjI4OSkiIGZpbGw9IiMyMDYxNTYiLz4NCiAgPC9nPg0KPC9zdmc+DQo=') no-repeat center/contain;
        border: none;
        border-radius: 50%;
        text-indent: 200%;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        transition: .3s all ease-in-out
    }

        .searchPerson .searchButtonPerson:active, .searchPerson .searchButtonPerson:focus, .searchPerson .searchButtonPerson:hover {
            background-color: rgba(var(--cl-tertiary),.5)
        }
    /*
.searchPerson .searchButtonPerson{position:relative;display:block;width:50px;height:50px;background:#fff url('../../images/searchIcon.svg') no-repeat center;background-size:21px 21px;border-bottom-right-radius:4px;border-top-right-radius:4px;float:right;z-index:9999}
*/
    .searchPerson .searchInputPerson {
        position: relative;
        width: calc(100% - 4rem);
        height: 5rem;
        padding: .5rem 2rem;
        background: transparent;
        border: none;
        outline: none;
        color: rgb(var(--cl-primary));
        font-weight: var(--fw-light);
        overflow: hidden
    }
/*.search .searchInput{color:#666}*/
table {
    width: 100%;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    border-bottom: .1rem solid rgb(var(--doctor));
    border-collapse: collapse
}

    table tr {
        padding: .25rem
    }

    table tbody tr:nth-child(odd) {
        background-color: rgb(var(--doctor))
    }

    table th, table td {
        min-height: 3rem;
        padding: .5rem;
        color: rgb(var(--cl-primary));
        font-weight: var(--fw-light);
        text-align: left;
        vertical-align: text-top
    }

        table th *, table td * {
            color: inherit;
            font: inherit;
            word-break: inherit
        }

    table th {
        color: rgb(var(--cl-secondary));
        font-size: 2.2rem;
        font-weight: var(--fw-medium)
    }

    table td img {
        display: block;
        width: 5.5rem;
        height: 5.5rem;
        border-radius: 50%
    }

    table td a {
        text-decoration: none
    }

        table td a[href*="mailto:"] {
            font-size: 1.5rem
        }

.kennisbank-table tbody td, .kennisbank-table thead th {
    padding: 1rem
}

.kennisbank-col-3 {
    padding: 0 !important;
}

    .kennisbank-col-3 > div {
        display: flex;
    }

        .kennisbank-col-3 > div > div {
            flex: 0 0 calc(100%/3);
            padding: 1rem;
        }


.three_col_row > div img {
    margin-bottom: 42px;
}

.three_col_row > div h4 {
    margin-bottom: 5px;
}

.contact-info-trigger {
    cursor: pointer;
}

.popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    top: 0;
    left: 0;
    z-index: 9999;
}

.contact-info-popup {
    background-color: white;
    position: absolute;
    top: calc(50%);
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    padding: 30px;
    display: flex;
    align-items: start;
}

    .contact-info-popup h1, .contact-info-popup h3, .contact-info-popup p, .contact-info-popup a {
        font-family: var(--bs-font-sans-serif);
        margin-bottom: 0;
    }

    .contact-info-popup h1, .contact-info-popup h3 {
        font-weight: bold;
    }

    .contact-info-popup h1 {
        margin-bottom: 17px;
        line-height: 54px;
        font-size: 44px;
    }

    .contact-info-popup h3 {
        margin-bottom: 10px;
    }

    .contact-info-popup p, .contact-info-popup a {
        font-weight: 300;
        line-height: 28px;
    }

    .contact-info-popup .contact-info-close {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background-color: #206156;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .contact-info-popup .contact-info-close i {
            font-size: 28px;
        }

    .contact-info-popup .info-col-image {
        margin-right: 1.9rem;
    }

        .contact-info-popup .info-col-image img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
        }

    .contact-info-popup .info-col-content {
        padding-right: 60px;
    }

        .contact-info-popup .info-col-content .info-two-cols {
            display: flex;
            align-items: start;
            margin: 0 -35px;
            flex-wrap: wrap;
            white-space: nowrap;
        }

            .contact-info-popup .info-col-content .info-two-cols > div {
                display: flex;
                flex-direction: column;
                margin: 0 35px;
            }

                .contact-info-popup .info-col-content .info-two-cols > div p, .contact-info-popup .info-col-content .info-two-cols > div a {
                    line-height: 38px
                }

.info-col-content > div {
    margin-bottom: 50px !important;
}

.styled_list {
    list-style: disc;
    padding-left: 3.5rem
}

@media (max-width:991.98px) {
    /* Header */
    header .navbar-navigation {
        margin: .3rem 0
    }

    header .navbar-collapse .navbar-nav {
        gap: 2.5rem;
        margin-top: 5rem
    }
    /* Main */
    /* Hero */
    .hero:not(.no-img) {
        width: 100%;
        height: 30rem
    }

    .hero-img {
        width: 100%;
        height: inherit
    }

        .hero-img img {
            width: inherit;
            height: inherit;
            object-fit: cover;
            object-position: center top
        }

    .hero-overlay {
        top: auto;
        bottom: 3rem;
        transform: none
    }

        .hero-overlay h2, .hero-overlay .h2 {
            font-size: 3.6rem
        }
    /* Knowledge Base */
    .knowledge-base .card {
        padding: 1.5rem
    }

    .calender-list .row {
        flex-direction: column;
        width: 100%;
    }

        .calender-list .row > div {
            width: 100%;
        }

    .kennisbank-col-3 > div {
        flex-direction: column;
    }

        .kennisbank-col-3 > div > div {
            padding: .3rem 1rem;
        }

    .kennisbank-table thead {
        display: none;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    /* News */
    .news .card {
        flex-direction: row
    }

        .news .card .card-img-top {
            width: 33.33333333%;
            flex-shrink: 0
        }

        .news .card .card-body {
            padding: 0;
            padding-inline-start: 3rem
        }
}

@media (max-width:767.98px) {
    /* Header */
    header .navbar-navigation {
        margin: .3rem 0
    }

    header .navbar-collapse .navbar-nav {
        gap: 2.5rem;
        margin-top: 5rem
    }
    /* Main */
    .download-list div {
        height: 3rem
    }
    /* Hero */
    .hero-overlay {
        bottom: 1.5rem
    }

        .hero-overlay h2, .hero-overlay .h2 {
            font-size: 2.8rem;
            text-shadow: 0 .3rem .6rem rgba(var(--cl-primary),.85)
        }
    /* Quicklinks */
    .quick-links img {
        max-width: 17rem
    }

    .contact-info-popup {
        flex-direction: column;
        align-items: center;
    }

        .contact-info-popup h1 {
            text-align: center;
        }

        .contact-info-popup .info-col-content {
            padding-right: 0;
        }

    .list-subnav > li, .list-subnav > li a {
        width: 100%;
    }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) {
}
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) {
    /* Header */
    /* header .navbar-brand img{height:4.5rem} */
    header .navbar-brand {
        max-width: none
    }

        header .navbar-brand img {
            max-width: none
        }

    header .btn-search,
    header .navbar-light .navbar-toggler {
        margin-left: 1.5rem
    }
    /*header.header-shrink .navbar{padding:.5rem 0;}*/
    /* Main */
    main section:not(.hero):not(.subnav) {
        padding-block: 6rem
    }
    /* Hero */
    .hero:after {
        width: 100%;
        height: 65%;
        bottom: -1rem;
        left: .5rem
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
    /* Header */
    header .navbar {
        padding: 2rem 0
    }

    header .navbar-brand {
        position: static
    }

    header .navbar-collapse .navbar-nav {
        margin-top: .5rem
    }
    /* Main */
    /* Content */
    .blok-tabs .tabs-header {
        padding: .5rem 2rem 0
    }

        .blok-tabs .tabs-header li {
            display: inline-block;
            width: auto;
            margin-bottom: 0
        }

            .blok-tabs .tabs-header li:after {
                position: absolute;
                content: '';
                right: -2rem;
                bottom: 0;
                border-right: 2rem solid transparent;
                border-bottom: 4.5rem solid rgb(var(--cl-secondary))
            }

            .blok-tabs .tabs-header li.current:after,
            .blok-tabs .tabs-header li:active:after,
            .blok-tabs .tabs-header li:focus:after,
            .blok-tabs .tabs-header li:hover:after {
                border-bottom-color: rgb(var(--white))
            }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
    /* Header */
    header .navbar-collapse .navbar-nav {
        margin-top: 3rem
    }

        header .navbar-collapse .navbar-nav .nav-item {
            font-size: 2rem
        }
    /* Main */
    main section:not(.hero):not(.subnav) {
        padding-block: 8rem
    }
    /* Hero */
    .hero:after {
        width: calc(100% - .2rem);
        height: 75%;
        left: 1rem
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width:1400px) {
    /* Header */
    header .navbar-brand img {
        height: 10rem
    }
}
/* XXX-Large devices (larger desktops, 1600px and up) */
@media (min-width:1600px) {
    /* Main */
    /* Hero */
    .hero:after {
        height: 100%
    }
}

.quote-text {
    font-family: 'Roboto';
    font-size: 28px;
    color: #206156;
    font-weight: lighter;
    max-width: 50vw;
    margin-left: auto;
    margin-right: auto;
}

.active {
    color: #00A580!important;
}

.umbraco-forms-form {
    background: rgb(235 235 235 / 50%);
    padding: 5rem !important;
}

.umbraco-forms-navigation .btn{
    background: rgb(var(--silver-snippet))!important;
    color: rgb(var(--white));
}
    .umbraco-forms-navigation .btn:hover {
        background: rgb(var(--cl-primary))!important;
        color: rgb(var(--white));
    }
.background-white :where(ul,ol) {
    list-style: initial; /* or list-style: disc; */
}

.umb-block-list :where(ul,ol) {
    list-style: initial; /* or list-style: disc; */
}