/*
@import url("//hello.myfonts.net/count/3569b3");
@import url("//hello.myfonts.net/count/386bc6");
*/

@font-face {
    font-family: 'RooneySans-Bold';
    src: url('/fonts/3569B3_0_0.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'RooneySans-Medium';
    src: url('/fonts/3569B3_1_0.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'RooneySans-Regular';
    src: url('/fonts/386BC6_0_0.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'FFMetaWebProNormalItalic';
    src: url('/fonts/3569B3_2_0.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'FFMetaWebProBoldItalic';
    src: url('/fonts/3569B3_3_0.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'FFMetaWebProMediumItalic';
    src: url('/fonts/3569B3_4_0.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'FFMetaWebProNormal';
    src: url('/fonts/3569B3_5_0.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'FFMetaWebProBold';
    src: url('/fonts/3569B3_6_0.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'FFMetaWebProMedium';
    src: url('/fonts/3569B3_7_0.woff2') format('woff2');
    font-display: swap;
}

:root {
    /*
    --pink: #bf245e;
    --blue-light: #5dc8d8;
    --green-light: #9dcdb7;
    --orange: #f4813b;
    --yellow: #f0b400;
    --green: #2aa87e;
    --blue: #0056a0;
    --blue-hover: #65d9eb;
    --pink-light: #f6958b;
    --purple-light: #afbde6;
    --purple: #8e7ab8;
    */
    --blue: #0056a0;
    --blue-hover: #3F65D2;
    --turqouise-original: #5DC8D8;
    --turqouise: #238190;
    --turqouise-dark: #1a606b;
    --purple: #7860a9;
    --purple-dark: #5d4f92;
    --lilac: #5d4f92;
    --lilac-dark: #5d4f92;
    --green: #198661;
    --green-dark: #19644b;
    --mint: #418167;
    --mint-dark: #355f51;
    --red: #bf245e;
    --red-dark: #a72051;
    --pink: #c55144;
    --pink-dark: #98392f;
    --orange: #c4520d;
    --orange-dark: #953f09;
    --yellow: #946f00;
    --yellow-dark: #705400;
    --white: #ffffff;
    --grey: #4d4d4d;
    --grey-light: #767676;
    --grey-lighter: #cccccc;
    --black: #000000;
    --black-50: rgba(0, 0, 0, 0.5);
    --blue-03: rgba(93, 200, 216, 0.03);
    --blue-10: rgba(93, 200, 216, 0.1);
    --blue-15: rgba(93, 200, 216, 0.15);
    --blue-20: rgba(93, 200, 216, 0.2);
    --blue-25: rgba(93, 200, 216, 0.25);
    --blue-30: rgba(93, 200, 216, 0.3);
    --blue-40: rgba(93, 200, 216, 0.4);
    --white-10: rgba(255, 255, 255, 0.1);
    --white-20: rgba(255, 255, 255, 0.2);
    --white-60: rgba(255, 255, 255, 0.6);
    --white-90: rgba(255, 255, 255, 0.90);
}

html,
body {
    min-height: 100% !important;
    height: 100%;
    font-family: sans-serif;
}

body {
    font-size: 16px;
    line-height: 1.5;
    color: var(--grey);
    font-family: 'FFMetaWebProNormal', Calibri, sans-serif;
    letter-spacing: 0.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

@media(min-width: 768px) {
    body:before {
        content: "";
        width: 100%;
        height: 5px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--turqouise-original);
    }
}

body.menu-open {
    overflow: hidden;
}

::-moz-selection {
    color: #fff;
    background: var(--purple);
}

::selection {
    color: #fff;
    background: var(--purple);
}

.orange {
    color: var(--orange);
}

.yellow {
    color: var(--yellow);
}

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

.bg-blue {
    background: var(--blue);
    color: #fff;
}

    .bg-blue h2,
    .bg-blue h3,
    .bg-blue h4,
    .bg-blue .h2,
    .bg-blue .h3,
    .bg-blue .h4 {
        color: #fff;
    }

main {
    min-height: calc(100vh - 400px);
}

@media(max-width: 576px) {
    main {
        padding-left: 20px;
        max-width: calc(100vw);
        overflow: hidden;
    }

    body.home main {
        padding-left: 0;
    }
}

.background {
    border-right: 1px solid rgba(93, 200, 216, 0.3);
    width: 0vw;
    min-height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

@media(max-width: 991px) {
    .background {
        max-width: 40px !important;
    }
}

@media(max-width: 768px) {
    .background {
        max-width: 20px !important;
    }
}

body.home .background {
    display: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'RooneySans-Medium', sans-serif;
    font-size: 70px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0.5px;
    color: var(--blue);
    margin-bottom: 15px;
}

    h1.long-h1 {
        font-size: 50px;
    }

h2, .h2 {
    font-size: 50px;
}

h3, .h3,
.umb-block-grid h2 {
    font-size: 35px;
    letter-spacing: 0.4px;
}

.umb-block-grid h3 {
    font-size: 30px;
    letter-spacing: 0.4px;
}

h4, .h4 {
    font-size: 24px;
    letter-spacing: 0.2px;
    color: var(--purple);
}

h5, .h5 {
    font-size: 28px;
    letter-spacing: 0.28px;
}

h6, .h6 {
    font-size: 20px;
    letter-spacing: 0.2px;
    color: var(--purple);
    line-height: normal;
}

@media (max-width: 576px) {
    h1 {
        font-size: 45px;
    }

        h1.long-h1 {
            font-size: 35px;
        }

    h2 {
        font-size: 38px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 18px;
    }
}

p.large,
.large > p {
    font-size: 18px;
}

p.subtitle,
p.subtitle-small,
p span.subtitle-small {
    font-family: RooneySans-Medium;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.75px;
    color: var(--purple);
    margin: 0 0 10px;
}

@media(max-width: 767px) {
    p.subtitle + h1 {
        margin-top: -10px;
    }
}

h1 + p.subtitle {
    line-height: 30px;
    margin-bottom: 15px;
}

p.subtitle-small,
p span.subtitle-small {
    font-size: 18px;
}

p span.subtitle-small {
    display: block;
    margin: 0 0 -1rem 0;
}

h1 + p:not(.subtitle),
h1 + p:not(.subtitle-small) {
    margin-top: 15px;
}

p small {
    font-size: 12px;
    color: var(--grey-lighter);
}

time {
    font-size: 12px;
    color: #b3b3b3;
}

    time::first-letter {
        text-transform: capitalize;
    }

blockquote {
    font-family: FFMetaWebProNormalItalic;
    font-size: 27px;
    line-height: 32px;
    margin: 0;
    color: var(--grey);
}

    blockquote:before {
        content: open-quote;
    }

    blockquote:after {
        content: close-quote;
    }

    blockquote + p {
        font-size: 18px;
        margin-top: 5px;
    }

@media(max-width: 576px) {
    blockquote {
        font-size: 25px;
        line-height: 30px;
    }
}

strong,
body.nieuwsartikel section.intro time + p {
    font-weight: 500;
    font-family: FFMetaWebProMedium;
    color: var(--grey);
    letter-spacing: 0.5px;
}

a {
    color: var(--purple);
    text-decoration: none;
}

    a:hover {
        color: var(--blue-hover);
        text-decoration: none;
    }

.richtext a:not(.cta):not(.btn) {
    background-image: linear-gradient(to right, var(--blue-hover) 0%, var(--blue-hover) 100%);
    background-position: 0 calc(100% - 2px);
    background-size: 0 1px;
    background-repeat: no-repeat;
}

    .richtext a:not(.cta):not(.btn):hover {
        background-size: 100% 1px;
    }

/*
.text-content p a,
.text-content ol a,
.text-content ul a {
    border-bottom: 1px solid var(--purple-light);
}

    .text-content p a:hover,
    .text-content ol a:hover,
    .text-content ul a:hover {
        border-bottom: 1px solid var(--purple-light);
        border-bottom-color: var(--purple);
    }
*/

*:focus {
    outline: none;
    box-shadow: none !important;
}

.btn.focus,
.btn:focus {
    outline: unset; /* overrule bootstrap */
}

* {
    outline: 2px solid transparent !important;
    outline-offset: 2px;
}

*:focus-visible,
*:focus:focus-visible {
    outline-color: var(--blue-hover) !important;
}

a, button, a:after, .btn, .btn:after {
    transition: 0.3s all linear;
}

    a.cta,
    span.cta a,
    a.download {
        color: var(--blue);
        font-family: 'RooneySans-Medium';
        position: relative;
        display: inline-block;
        border: none !important;
        border-radius: 30px;
    }

    a.cta,
    span.cta a {
        font-size: 18px;
        margin-right: 28px;
    }


    a.download {
        padding-left: 30px;
    }

        a.cta:hover,
        span.cta a:hover,
        a.download:hover {
            text-decoration: none;
        }

    a.cta:after,
    span.cta a:after {
        content: "";
        background-image: url(/images/ico-arrow.svg);
        background-size: 18px 11px;
        width: 18px;
        height: 11px;
        position: absolute;
        bottom: 5px;
        margin-left: 10px;
    }

    a.cta:hover:after,
    span.cta a:hover:after {
        margin-left: 15px;
    }

    a.download:after {
        content: "";
        background-image: url(/images/ico-download.svg);
        width: 18px;
        height: 18px;
        position: absolute;
        top: calc(50% - 9px);
        left: 0;
    }

    a.download:hover:after {
        top: calc(50% - 4px);
    }

.text-right .cta {
    margin-right: 30px;
}

mark {
    background-color: var(--blue-15);
    color: var(--blue);
    padding-top: 0;
    padding-bottom: 0;
    margin-left: -0.2em;
    margin-right: -0.2em;
}

ul.cleanup,
ul.cleanup li,
ol.cleanup,
ol.cleanup li {
    list-style: none;
    margin: 0;
    padding: 0;
}

p + ul.cleanup,
p + ol.cleanup,
.large + ul.cleanup,
.large + ol.cleanup {
    margin-top: 35px;
}

ul.columns-2 {
    column-count: 2;
}

@media (max-width: 576px) {
    ul.columns-2 {
        column-count: unset;
    }
}

ul.columns-2 li {
    display: block;
}

ul.cta-list {
    margin: 30px 0 0;
}

    ul.cta-list li {
        margin-bottom: 15px;
    }

hr {
    border-color: #f2f2f2;
}

    section.locaties hr,
    .grid-section hr,
    hr.blue {
        border-color: #B3B3B3;
    }

    hr.turqouise {
        border-color: var(--turqouise-original);
    }


.umb-grid table {
    border: none;
}

    .umb-grid table th,
    .umb-grid table td {
        padding: 15px;
        vertical-align: middle;
        border-top-color: var(--blue-25);
        border-left: none;
        border-right: none;
        vertical-align: top;
    }

    .umb-grid table.table-wachttijden th,
    .umb-grid table.table-wachttijden td {
        vertical-align: middle;
        line-height: 1;
    }

    .umb-grid table thead th,
    .umb-grid table tr:first-child td {
        border-top: none;
        color: var(--purple);
        font-size: 17px;
        font-family: FFMetaWebProMedium;
        font-weight: normal;
        border-bottom: none;
    }

    .umb-grid table thead + tbody tr:first-child td {
        color: var(--grey-light);
        font-size: 1rem;
        border-top: 1px solid var(--blue-25);
        font-family: FFMetaWebProNormal;
    }

    .umb-grid table tbody th {
        color: var(--grey);
        font-family: FFMetaWebProMedium;
        letter-spacing: 0.5px;
        font-weight: normal;
    }

    .umb-grid table.table-striped tr:nth-of-type(odd),
    .umb-grid table tr:nth-of-type(even) {
        background-color: var(--blue-03);
    }

    .umb-grid table.table-striped tr:nth-of-type(even) {
        background-color: #fff;
    }

    .umb-grid table.table-striped thead tr:nth-of-type(odd) {
        background-color: #fff;
    }

    .umb-grid table td small {
        font-size: 12px;
        line-height: 1;
        margin-top: -10px;
        color: var(--grey-lighter);
    }

@media(max-width: 576px) {
    .table-wrapper {
        width: 100vw;
        margin-left: -35px;
        overflow-x: scroll;
    }

    .umb-grid table {
        background: #fff;
        border-top: 1px solid var(--blue-25);
        border-bottom: 1px solid var(--blue-25);
        font-size: 14px;
    }

        .umb-grid table thead th,
        .umb-grid table tr:first-child td {
            font-size: 14px;
        }

        .umb-grid table thead + tbody tr:first-child td {
            font-size: 14px;
        }

        .umb-grid table th,
        .umb-grid table td {
            padding: 15px 5px;
        }
}


.text-content ul:not(.list-unstyled),
.text-content ul:not(.list-unstyled) li {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .text-content ul:not(.list-unstyled) li {
        position: relative;
        padding: 0 0 15px 20px;
    }

        .text-content ul:not(.list-unstyled) li:before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: var(--purple);
            position: absolute;
            left: 0;
            top: 8px;
        }

.img-responsive {
    max-width: 100%;
}

.shadow {
    box-shadow: 0 2px 14px 0 rgba(194, 213, 216, 0.3) !important;
}

.shadow-medium {
    box-shadow: 0 2px 8px 0 rgba(194, 213, 216, 0.3) !important;
}

.shadow-small {
    box-shadow: 0 2px 4px 0 rgba(194, 213, 216, 0.3) !important;
}

.mt-6 {
    margin-top: 6rem !important;
}

.mt-7 {
    margin-top: 9rem !important;
}

.mb-6 {
    margin-bottom: 6rem !important;
}

.mb-7 {
    margin-bottom: 9rem !important;
}

.my-6 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.my-6 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

.pt-6 {
    padding-top: 6rem !important;
}

.pt-7 {
    padding-top: 9rem !important;
}

.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.py-7 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-975 {
    width: 97.5% !important;
}

@media(min-width: 577) {
    .w-sm-975 {
        width: 97.5% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }
}

.mobile-only {
    display: none;
}

body.mobile .mobile-only {
    display: block;
}

.modal-backdrop.show {
    opacity: 0.1;
}

@media (min-width: 768px) {
    .w-md-auto {
        width: auto;
    }

    .py-md-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

ul.cleanup,
ul.cleanup li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body > .button--skipforwcag {
    left: -9999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
    transition: none;
}

    body > .button--skipforwcag:focus {
        top: 100px;
        left: calc(50% - 150px);
        width: 300px;
        height: unset;
        z-index: 999;
    }

.dropdown-menu {
    border-color: var(--blue);
}

.dropdown-menu,
.dropdown-item {
    font-size: 16px;
    color: var(--grey);
}

    .dropdown-item:hover {
        background-color: var(--blue-hover);
        color: var(--white);
    }

.btn {
    border-radius: 22.5px;
    height: 40px;
    padding: 10px 25px 12px;
    font-family: RooneySans-Medium;
    font-size: 18px;
    line-height: 18px;
}

    .btn em {
        font-family: 'RooneySans-Medium';
        font-weight: 300;
        font-style: normal;
    }

.btn-simple {
    background-color: var(--turqouise);
    border-color: var(--turqouise);
    color: #fff;
}

    .btn-simple:hover,
    .btn-simple:not(:disabled):not(.disabled):active,
    .btn-simple:not(:disabled):not(.disabled).active {
        background-color: var(--blue-hover);
        color: #fff;
        border-color: var(--blue-hover);
    }

.btn-primary {
    background-color: var(--blue);
    border-color: var(--blue);
    color: #fff;
    padding-right: 45px;
    background-image: url(/images/ico-arrow-white.svg);
    background-position: calc(100% - 20px) 50%;
    background-repeat: no-repeat;
}

    .btn-primary:hover,
    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        background-color: var(--blue-hover);
        color: #fff;
        border-color: var(--blue-hover);
        background-position-x: calc(100% - 15px);
    }

.btn-secondary {
    background-color: transparent;
    border-color: var(--purple);
    color: var(--purple);
    padding-right: 45px;
    background-image: url(/images/ico-arrow-purple.svg);
    background-position: calc(100% - 20px) 50%;
    background-repeat: no-repeat;
}

    .btn-secondary:hover,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: var(--blue-hover);
        color: #fff;
        border-color: var(--blue-hover);
        background-position-x: calc(100% - 15px);
        background-image: url(/images/ico-arrow-white.svg);
    }

    .btn-secondary:focus, .btn-secondary.focus {
        background-color: var(--blue-hover);
        background-image: url(/images/ico-arrow-white.svg);
        border-color: var(--blue-hover);
        color: #fff;
    }

    .btn-secondary.no-arrow,
    .btn-secondary.no-arrow:active {
        background-image: none !important;
        padding-right: 25px;
    }

    .btn-secondary.dropdown-toggle {
        background-image: none !important;
        background-color: #fff;
        padding-right: 30px;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .btn-secondary.dropdown-toggle:focus {
            background-color: var(--blue-hover);
            background-image: none !important;
            color: var(--white);
        }

        .btn-secondary.dropdown-toggle:hover {
            background-image: none !important;
            background-color: var(--blue-hover);
        }

        .btn-secondary.dropdown-toggle:after {
            position: absolute;
            right: 30px;
            top: 50%;
        }

    .btn-secondary span {
        font-family: RooneySans-Regular;
        color: var(--blue);
    }

    .btn-secondary:hover span,
    .btn-secondary:not(:disabled):not(.disabled):active span,
    .btn-secondary:not(:disabled):not(.disabled).active span {
        color: #fff;
    }

.btn-whiteborder {
    border-color: #fff;
}

.btn-lg {
    height: 50px;
    border-radius: 25px;
    padding-top: 15px;
    padding-bottom: 17px;
}

.form-control {
    border: 1px solid var(--blue-40);
    border-radius: 22.5px;
    height: 45px;
    line-height: 45px;
    padding: 0 30px;
}

.input-group .form-control {
    border-radius: 22.5px 0 0 22.5px;
    border-right: 0;
    height: 45px;
    line-height: 45px;
    padding: 0 30px;
}

    .input-group .form-control::placeholder {
        font-size: 15px;
        color: var(--turqouise) !important;
    }

.form-search-menu {
    margin-left: 40px;
    position: relative;
}

    .form-search-menu .btn {
        border: 1px solid var(--blue-15);
        border-radius: 0 25px 25px 0;
        border-left: none;
        height: 50px;
        width: 80px;
        background-color: #fff;
        background-image: url(/images/ico-search.svg);
        background-size: 20px 20px;
        background-position: 40px 50%;
        background-repeat: no-repeat;
    }

    .form-search-menu .form-control,
    .form-search-menu .btn {
        height: 50px;
        border-color: var(--blue);
        font-family: RooneySans-Medium;
    }

        .form-search-menu .form-control::placeholder {
            color: var(--blue) !important;
            font-family: RooneySans-Medium;
        }

        .form-search-menu .form-control.error,
        .form-search-menu .form-control.error + div .btn {
            border-color: var(--pink);
        }

        .form-search-menu .btn:active {
            background-color: #fff !important;
            border-color: var(--blue-40) !important;
        }

    .form-search-menu .input-group {
        width: 100%;
    }

    .form-search-menu span.error {
        display: none;
        position: absolute;
        bottom: -25px;
    }

        .form-search-menu span.error.show {
            display: block;
            color: var(--pink);
            font-family: RooneySans-Medium;
            font-size: 13px;
            text-align: left;
            width: 100%;
            padding-left: 30px;
            text-align: right;
        }

@media(max-width: 1199px) {
    .form-search-menu .input-group {
        max-width: 300px;
    }

        .form-search-menu .input-group input {
            padding: 0 5px 0 15px;
            min-width: 175px;
        }

        .form-search-menu .input-group button {
            width: 40px;
            padding: 0 15px;
            background-position-x: 50%;
        }
}

.navbar {
    height: 115px;
    padding-top: 5px;
    padding: 0;
}

.navbar-fixed-top {
    position: relative;
}

.navbar-brand {
    position: relative;
    z-index: 2001;
}

    .navbar-brand svg {
        max-height: 60px;
        width: auto;
    }

        .navbar-brand svg path {
            transition: all .3s linear;
        }

.nav-sticky .navbar-brand svg {
    max-height: 45px;
}

body.menu-open .navbar-brand svg path {
    fill: #fff !important;
}

@media(max-width: 767px) {
    .navbar {
        height: 87px;
        margin-bottom: 0;
    }
}

@media(max-width: 576px) {
    .navbar-brand img {
        max-width: 114px;
    }

    .navbar-brand svg {
        max-height: 47px;
    }
}

.navbar-toggler {
    background-color: var(--blue);
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    height: 50px;
    line-height: 18px;
    font-size: 16px;
    font-family: RooneySans-Medium;
    padding: 15px 50px 17px 20px;
    background-image: url(/images/ico-close-white.svg);
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    z-index: 2001;
}

    .navbar-toggler:hover {
        background-color: rgba(255,255,255,.2);
    }

    .navbar-toggler.collapsed {
        background-color: var(--blue);
        border-color: var(--blue);
        background-image: url(/images/ico-menu.svg);
        padding: 13px 50px 14px 20px;
        background-position: calc(100% - 15px) 50%;
    }

        .navbar-toggler.collapsed:hover {
            background-color: #0069c3;
            border-color: #0069c3;
        }

    .navbar-toggler span.opened {
        display: inline;
    }

    .navbar-toggler span.closed {
        display: none;
    }

    .navbar-toggler.collapsed span.opened {
        display: none;
    }

    .navbar-toggler.collapsed span.closed {
        display: inline;
    }

.navbar-subbrands {
    display: flex;
    background-color: #dff0f2;
    width: 100%;
    height: 30px;
    padding: 0;
    margin-bottom: 20px;
}

.navbar.nav-sticky .navbar-subbrands {
    display: none;
}

@media (max-width: 1024px) {
    .navbar-subbrands,
    .form-search-menu,
    .navbar-toggler {
        display: none;
    }
}

/*
.navbar-subbrand {
    font-family: RooneySans-Bold;
    position: relative;
    padding: 0 15px 0 20px;
    margin: 0 15px 0 -20px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: var(--blue);
    text-transform: lowercase;
    transition: all 0.3s ease-in-out;
}

    .navbar-subbrand:hover {
        background-color: rgba(255,255,255,0.5);
        color: var(--turqouise);
    }

    .navbar-subbrand:before {
        content: "›";
        font-size: 14px;
        color: var(--turqouise);
        position: absolute;
        left: 10px;
        top: -1px;
        transition: all 0.3s ease-in-out;
    }

    .navbar-subbrand:hover:before {
        left: 13px;
    }

    .navbar-subbrand span {
        font-size: 11px;
        color: var(--grey-light);
        text-transform: none;
        font-family: RooneySans-Medium;
        margin-left: 5px;
        transition: all 0.3s ease-in-out;
    }

    .navbar-subbrand:hover span {
        color: var(--turqouise);
    }

    .navbar-subbrand.active {
        background-color: #fff;
    }


@media (max-width: 1024px) {
    .navbar-subbrand span,
    .navbar-subbrand br {
        display: none;
    }
}
*/

.navbar-subbrands-mobile {
    width: calc(100vw + 45px);
    margin: 0 0 0 -45px;
    padding: 10px 0 0 55px;
}

    .navbar-subbrands-mobile .navbar-subbrand {
        font-family: RooneySans-Medium;
        color: #fff;
        line-height: 30px;
        height: auto;
    }

        .navbar-subbrands-mobile .navbar-subbrand:before {
            color: #fff;
        }

        .navbar-subbrands-mobile .navbar-subbrand.active {
            display: none;
        }

@media (max-width: 370px) {
    .navbar-subbrands-mobile {
        flex-flow: column;
        margin-top: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .navbar-subbrands-mobile .navbar-subbrand {
            line-height: 30px;
        }
}

.navbar-collapse {
    background-color: var(--blue);
    height: 100vh;
    width: 100%;
    border-left: 30px solid var(--turqouise-original);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2000;
    opacity: 0;
    padding-bottom: 60px;
    transition: opacity 1s ease-in-out;
}

    .navbar-collapse.show {
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
        overflow-y: scroll;
    }

    .navbar-collapse.collapsing {
        transition: none;
    }

.navbar-nav .nav-link {
    font-family: RooneySans-Medium;
    color: #fff;
}

    .navbar-nav .nav-link:hover {
        padding-left: 10px !important;
    }

    .navbar-nav .nav-link:focus-visible,
    .navbar-nav .nav-link:focus:focus-visible {
        outline-color: var(--white) !important;
    }

    .navbar-nav .nav-link.primary {
        font-size: 24px;
        line-height: 24px;
        padding: 20px 0;
        border-bottom: 1px solid rgba(255,255,255,.2);
        position: relative;
    }

        .navbar-nav .nav-link.primary span {
            font-family: RooneySans-Regular;
            font-size: 13px;
            line-height: 13px;
            letter-spacing: 0.13px;
            color: var(--white);
            display: block;
            margin-bottom: 2px;
            transition: all .3s linear;
        }

        .navbar-nav .nav-link.primary:after {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg width='18px' height='11px' viewBox='0 0 18 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Schetsen' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='1a_GGZ_Homepage_Concept%2313' transform='translate(-366.000000, -650.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Hero' transform='translate(150.000000, 0.000000)'%3E%3Cg id='Stoornissen' transform='translate(0.000000, 391.000000)'%3E%3Cg id='Group-Copy' transform='translate(40.000000, 241.000000)'%3E%3Cg id='Icon-/-Arrow' transform='translate(176.000000, 18.000000)'%3E%3Cpath d='M17.7360068,5.43469761 C17.7380675,5.45607083 17.7391304,5.47786829 17.7391304,5.50000165 C17.7391304,5.77614402 17.5736705,6.00000165 17.3695652,6.00000165 L17.2758939,6.00000165 L12.4471232,10.6664607 C12.2975562,10.8110002 12.0637208,10.8019869 11.9248372,10.646329 C11.7859536,10.490671 11.7946141,10.2473129 11.9441811,10.1027734 L16.189658,6.00000165 L0.369565217,6.00000165 C0.165459984,6.00000165 0,5.77614402 0,5.50000165 C0,5.22385927 0.165459984,5.00000165 0.369565217,5.00000165 L16.4284539,5.00000165 L11.9441811,0.666460683 C11.7946141,0.521921158 11.7859536,0.278563021 11.9248372,0.122905071 C12.0637208,-0.0327528792 12.2975562,-0.0417661435 12.4471232,0.102773382 L17.6210363,5.10277338 C17.7125699,5.19123023 17.7508934,5.31590944 17.7360068,5.43469761 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            width: 18px;
            height: 11px;
            position: absolute;
            right: 0;
            bottom: 24px;
            opacity: .8;
            transition: all .3s linear;
        }

        .navbar-nav .nav-link.primary:hover:after {
            right: -3px;
            opacity: 1;
        }

.nav-secondary {
    display: block;
    column-count: 2;
    width: 67%;
    margin-top: 20px;
}

.navbar-nav .nav-link.secondary {
    font-family: RooneySans-Medium;
    font-size: 15px;
    line-height: 15px;
    padding: 15px 0;
}

    .navbar-nav .nav-link.secondary:hover {
        padding-left: 0 !important;
        text-decoration: underline;
    }

.navbar-nav .nav-link .badge {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: var(--blue);
    font-size: 15px;
    padding: 0;
    line-height: 26px;
    text-align: center;
    transform: translateX(5px);
    font-weight: initial;
}

@media (max-width: 576px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: scroll;
        padding: 30px 15px 60px 15px;
        text-align: left;
        border-left-width: 5px;
    }

        .navbar-collapse.show {
            z-index: 3001;
        }

    .navbar-nav .nav-link.primary {
        line-height: 20px;
        font-size: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .navbar-nav .nav-link.primary:after {
            right: 15px;
        }

    .navbar-nav .nav-item:last-of-type .nav-link.primary {
        border-bottom: none;
    }

    .navbar-nav.nav-secondary {
        padding: 0 15px;
        width: 100%;
        column-count: 1;
    }

    .navbar-nav .nav-link.secondary {
        line-height: 15px;
        position: relative;
    }

    .navbar-nav .nav-item.secondary-first .nav-link.secondary {
        padding-top: 15px;
    }

    .navbar-nav .nav-item:last-of-type .nav-link.secondary {
        padding-bottom: 15px;
    }

    .navbar-nav .nav-link {
        position: relative;
    }

        .navbar-nav .nav-link .badge {
            width: 22px;
            height: 22px;
            line-height: 22px;
            position: absolute;
            margin-left: 10px;
            margin-right: auto;
            top: 5px;
        }

    .navbar-collapse .dropdown {
        margin: 15px 0;
    }

        .navbar-collapse .dropdown .btn-secondary.dropdown-toggle {
            background-color: rgba(255,255,255,.1);
            border: 1px solid rgba(255,255,255,.2);
            color: #fff;
            font-family: RooneySans-Medium;
            letter-spacing: .47px;
            width: calc(100% + 30px);
            transform: translateX(-15px);
        }
}

@media (max-width: 370px) {
    .navbar-collapse {
        padding: 15px 30px 45px 30px;
    }

    .navbar-nav .nav-link:not(.secondary) {
        line-height: 30px;
        font-size: 18px;
    }
}

.navbar-fixed-top.nav-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    z-index: 2000;
    border-bottom: 1px solid var(--blue-25);
}

.btn-mijn {
    font-family: RooneySans-Medium;
    background-image: url(/images/ico-mijn.svg);
    padding-right: 50px;
    padding-left: 20px;
    border-color: var(--purple);
    background-color: var(--purple);
    background-position: calc(100% - 15px) 50% !important;
    background-size: 20px 20px;
    font-size: 16px;
    position: relative;
    z-index: 2001;
}

    .btn-mijn:hover {
        font-family: RooneySans-Medium;
        background-position: 15px 50%;
    }

body.menu-open .btn-mijn {
    background-color: rgba(255,255,255,.15);
    border: none;
}

    body.menu-open .btn-mijn:hover {
        background-color: rgba(255,255,255,.5);
    }


@media(max-width: 1024px) {
    .btn-mijn {
        display: none;
    }

    .navbar-collapse .btn-mijn {
        display: block;
        padding: 15px 20px;
        background-image: none;
        margin-bottom: 30px;
    }

        .navbar-collapse .btn-mijn svg {
            margin-right: 5px;
        }
}

.brands-container {
    position: relative;
    z-index: 2001;
    align-self: flex-end;
    margin-bottom: 3px;
}

.btn-brands {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    padding: 0;
    line-height: unset;
    background-color: var(--blue);
    position: relative;
}

    .btn-brands svg {
        position: absolute;
        top: 10px;
        left: calc(50% - 5px);
        transition: all .3s linear;
    }

        .btn-brands svg path {
            fill: var(--white);
        }

    .btn-brands:hover svg {
        top: 12px
    }

    .btn-brands[aria-expanded="true"] svg {
        transform: rotate(180deg);
        top: 9px;
    }

    .btn-brands[aria-expanded="true"]:hover svg {
        top: 7px;
    }

.brands-container:has(~.navbar-toggler[aria-expanded="true"]) .btn-brands {
    background-color: var(--white);
}

    .brands-container:has(~.navbar-toggler[aria-expanded="true"]) .btn-brands svg path {
        fill: var(--blue);
    }

.navbar-brands {
    position: absolute;
    width: 310px;
    top: 45px;
    left: calc(50% - 155px);
    background-color: #fff;
    border: 1px solid rgba(194, 213, 216, 0.3);
    box-shadow: 0 2px 14px 0 rgba(194, 213, 216, 0.3);
}

    .navbar-brands a {
        display: block;
        padding: 30px 40px 30px 60px;
        position: relative;
        transition: all .3s linear;
    }

        .navbar-brands a:hover {
            background-color: var(--blue-10);
        }

        .navbar-brands a:not(:last-of-type):after {
            content: "";
            position: absolute;
            left: 30px;
            bottom: 0;
            height: 1px;
            width: calc(100% - 60px);
            background-color: var(--blue-15);
        }

        .navbar-brands a span:first-of-type {
            font-family: RooneySans-Bold;
            color: var(--blue);
            font-size: 16px;
            position: relative;
        }

            .navbar-brands a span:first-of-type:after {
                content: "";
                background-image: url(/images/ico-arrow.svg);
                width: 18px;
                height: 11px;
                position: absolute;
                top: 5px;
                margin-left: 10px;
                transition: all .3s linear;
            }

        .navbar-brands a:hover span:first-of-type:after {
            margin-left: 15px;
        }

        .navbar-brands a span:last-of-type {
            color: var(--grey-light);
            font-size: 14px;
            letter-spacing: .44px;
        }

.navbar-contact {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 15px;
    height: 115px;
}

    .navbar-contact a {
        color: #fff;
        display: inline-block;
    }

        .navbar-contact a:focus-visible,
        .navbar-contact a:focus:focus-visible {
            outline-color: var(--white) !important;
        }

        .navbar-contact a:hover {
            color: var(--white);
            text-decoration: underline;
        }

    .navbar-contact small {
        color: var(--white);
        font-size: 11px;
        letter-spacing: 0.34px;
    }

    .navbar-contact .nav-email {
        padding-left: 25px;
        position: relative;
    }

        .navbar-contact .nav-email:before {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg width='44px' height='30px' viewBox='0 0 44 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Schetsen' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='10a_GGZ_Contact_Concept%232' transform='translate(-717.000000, -507.000000)' fill='rgba(255,255,255,1)' fill-rule='nonzero'%3E%3Cg id='Block---Mail' transform='translate(611.000000, 462.000000)'%3E%3Cg id='Icon-/-Mail' transform='translate(106.000000, 45.000000)'%3E%3Cpath d='M3.17941757,1.95607719 L21.9998167,18.4524295 L40.8203304,1.95597674 C40.6467804,1.90337068 40.4628246,1.875 40.2724667,1.875 L3.72771667,1.875 C3.5372161,1.875 3.35311107,1.90340787 3.17941757,1.95607719 Z M1.89024768,3.29549203 C1.85284467,3.44138405 1.83296667,3.59369651 1.83296667,3.75 L1.83296667,26.25 C1.83296667,27.274107 2.68369448,28.125 3.72771667,28.125 L40.2724667,28.125 C41.316225,28.125 42.1663,27.2743775 42.1663,26.25 L42.1663,3.75 C42.1663,3.59376414 42.1464649,3.44152637 42.1091391,3.29570812 L22.5963327,20.3989655 C22.2530648,20.6998448 21.7465686,20.6998448 21.4033006,20.3989655 L1.89024768,3.29549203 Z M40.2724667,0 C42.3193442,0 43.9996333,1.68214448 43.9996333,3.75 L43.9996333,26.25 C43.9996333,28.3191827 42.319898,30 40.2724667,30 L3.72771667,30 C1.68020149,30 -0.000366666667,28.3191055 -0.000366666667,26.25 L-0.000366666667,3.75 C-0.000366666667,1.6822218 1.68075565,0 3.72771667,0 L40.2724667,0 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-size: 18px;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 18px;
            height: 18px;
            position: absolute;
            top: -2px;
            left: 0;
        }

    .navbar-contact .nav-tel {
        padding-left: 25px;
        position: relative;
        margin-left: 30px;
    }

        .navbar-contact .nav-tel:before {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Styles' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='GGZ_Styles' transform='translate(-745.000000, -3917.000000)' fill='rgba(255,255,255,1)' fill-rule='nonzero'%3E%3Cg id='Icon-/-Phone' transform='translate(745.000000, 3917.000000)'%3E%3Cpath d='M38.6069,47.9899 C36.5839,47.9909 33.9039,47.0729 30.6539,45.2599 C25.7919,42.5469 20.2009,38.1389 14.9099,32.8459 C5.1489,23.0829 -3.0141,10.4959 1.0829,6.3979 C1.1019,6.3789 1.1609,6.3189 1.1819,6.3009 L8.3209,0.2369 C8.5249,0.0629 8.7879,-0.0171 9.0579,0.0029 C9.3249,0.0269 9.5709,0.1579 9.7419,0.3649 L18.7629,11.3649 C19.0489,11.7139 19.0649,12.2119 18.8029,12.5799 L14.2949,18.8919 L29.0959,33.6929 L35.4069,29.1849 C35.7749,28.9219 36.2719,28.9389 36.6209,29.2249 L47.6209,38.2159 C47.8279,38.3859 47.9589,38.6319 47.9839,38.8979 C48.0089,39.1649 47.9249,39.4309 47.7529,39.6349 L41.6929,46.8229 C41.6709,46.8489 41.6469,46.8739 41.6229,46.8969 C40.8919,47.6279 39.8789,47.9899 38.6069,47.9899 Z M2.5149,7.7929 C0.2439,10.2519 5.3579,20.4639 16.3239,31.4319 C21.4879,36.5979 26.9239,40.8879 31.6289,43.5139 C36.6209,46.2989 39.3189,46.3719 40.1779,45.5129 L45.5689,39.1219 L35.9469,31.2569 L29.5689,35.8129 C29.1709,36.0959 28.6269,36.0519 28.2809,35.7059 L12.2819,19.7069 C11.9359,19.3609 11.8909,18.8159 12.1749,18.4189 L16.7299,12.0409 L8.8399,2.4199 L2.5149,7.7929 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-size: 18px;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 18px;
            height: 18px;
            position: absolute;
            top: -2px;
            left: 0;
        }

@media(max-width: 576px) {
    .navbar-contact {
        flex-flow: column;
        align-items: flex-start;
        margin-top: 15px;
    }

        .navbar-contact > div {
            padding: 10px 0 10px 15px;
        }

        .navbar-contact .nav-tel {
            margin-left: 0;
        }
}

.navbar-collapse .form-search-menu {
    margin: 40px 60px;
}

    .navbar-collapse .form-search-menu .form-control {
        background-color: rgba(255, 255, 255, .08);
        border: solid 1px rgba(255, 255, 255, .2);
        border-right: none;
        color: #fff;
        height: 55px;
        line-height: 55px;
        border-radius: 27.5px 0 0 27.5px;
        font-family: RooneySans-Medium;
        font-size: 16px;
        padding-left: 35px;
        letter-spacing: .47px;
    }

        .navbar-collapse .form-search-menu .form-control::placeholder {
            color: rgba(255,255,255,.9) !important;
        }

    .navbar-collapse .form-search-menu .btn {
        height: 55px;
        border-radius: 0 27.5px 27.5px 0;
        background-color: rgba(255, 255, 255, .08);
        border: solid 1px rgba(255, 255, 255, .2);
        border-left: none;
        margin-left: 1px;
        background-image: url(/images/ico-search-white.svg);
        background-position-x: 25px;
    }

        .navbar-collapse .form-search-menu .form-control:focus-visible,
        .navbar-collapse .form-search-menu .btn:focus-visible {
            outline-color: var(--white) !important;
        }

@media (min-width: 1025px) {
    .navbar-mobile {
        display: none !important;
    }
}

.navbar-mobile {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-bottom: 4px solid var(--turqouise-original);
    border-top: 1px solid #F0F0F0;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1039;
    margin: 0 auto;
    /*
    transform: translateY(100px);
    animation: slideUp 1s linear 1 forwards;
    animation-delay: 1s;
    */
}

/*
@media(max-width: 767px) {
    .navbar-mobile {
        max-width: 400px;
    }
}
*/

@keyframes slideUp {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0px);
    }
}

.navbar-mobile a {
    color: var(--blue);
    font-family: RooneySans-Medium;
    font-size: 12px;
    line-height: 60px;
    margin-right: 7px;
    padding: 0 7px 0 25px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    position: relative;
}

    .navbar-mobile a:after {
        content: "";
        width: 1px;
        height: 24px;
        background-color: #F0F0F0;
        position: absolute;
        top: calc(50% - 12px);
        right: 0;
    }

    .navbar-mobile a.nav-link-mobile-menu {
        background-image: url(/images/ico-menu-blue.svg);
        background-size: 17px auto;
    }

    .navbar-mobile a.nav-link-mobile-search {
        background-image: url(/images/ico-search.svg);
        background-size: 18px auto;
    }

    .navbar-mobile a.nav-link-mobile-mijn {
        background-image: url(/images/ico-mijn-blue.svg);
        background-size: 18px auto;
    }

@media(max-width: 767px) {
    .navbar-mobile a.nav-link-mobile-mijn {
        display: none;
    }
}

.navbar-mobile a.nav-link-mobile-contact {
    background-image: url(/images/ico-location.svg);
    background-size: auto 18px;
    padding-left: 20px;
}

.navbar-mobile a:last-of-type {
    border-right: none;
}

@media(max-width: 370px) {
    .navbar-mobile a {
        margin-right: 5px;
        padding-right: 5px;
        padding-left: 22px;
    }
}

.navbar-mobile-close {
    height: 60px;
    background: var(--blue);
    margin-left: 5px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    color: rgba(255,255,255,.7);
    font-family: RooneySans-Medium;
    letter-spacing: .38px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
}

    .navbar-mobile-close:hover {
        background-color: var(--white-90);
        color: var(--turqouise);
        text-decoration: none;
    }

    .navbar-mobile-close span {
        line-height: 50px;
        font-size: 15px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 13 13'%3E%3Cpath id='Stroke-1' d='M.5.5l12,12' style='fill:none;stroke:rgba(255,255,255,.7);stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath id='Stroke-1-2' data-name='Stroke-1' d='M.5,12.5l12-12' style='fill:none;stroke:rgba(255,255,255,.7);stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 100% 50%;
        padding-right: 30px;
    }

@media (max-width: 380px) {
    .navbar-mobile-close {
        height: 45px;
    }

        .navbar-mobile-close span {
            line-height: 40px;
        }
}

.search-mobile {
    position: absolute;
    bottom: -100px;
    left: 15px;
    width: calc(100% - 30px);
}

    .search-mobile.open {
        bottom: 65px;
        transform: translateY(100px);
        animation: slideUp 0.3s linear 1 forwards;
    }

    .search-mobile > .form-search-menu {
        display: block;
        margin-left: 0;
    }

        .search-mobile > .form-search-menu > .input-group {
            max-width: 100%;
        }

            .search-mobile > .form-search-menu > .input-group .form-control {
                height: 50px;
                line-height: 50px;
            }

            .search-mobile > .form-search-menu > .input-group .btn {
                height: 50px;
                line-height: 48px;
            }

        .search-mobile > .form-search-menu span.error {
            bottom: unset;
            top: -25px;
        }

.nav-tabs {
    border: none;
}

    .nav-tabs .nav-link {
        border: 1px solid var(--blue);
        border-radius: 0;
        border-right: none;
        font-size: 18px;
        line-height: 50px;
        height: 50px;
        padding: 0 30px;
        font-family: RooneySans-Medium;
        color: var(--blue);
    }

        .nav-tabs .nav-link:first-of-type {
            border-top-left-radius: 25px;
            border-bottom-left-radius: 25px;
        }

        .nav-tabs .nav-link:last-of-type {
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
            border-right: 1px solid var(--blue);
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-color: var(--blue);
            background-color: var(--blue);
            color: #fff;
        }

        .nav-tabs .nav-link:not(.active):hover {
            background-color: var(--blue-hover);
            border-color: var(--blue);
            color: #fff;
        }

@media (max-width: 1200px) {
    body:not(.home) .nav-tabs .nav-link {
        padding: 0 15px;
    }
}

@media (max-width: 576px) {
    .nav-tabs .nav-link {
        font-size: 14px;
        padding: 0 10px;
        line-height: 14px;
        max-width: calc(33% - 30px);
        box-sizing: content-box;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
    }

        .nav-tabs .nav-link:first-of-type {
            padding-left: 10px;
        }

        .nav-tabs .nav-link:last-of-type {
            padding-right: 35px;
        }
}

@media (max-width: 370px) {
    .nav-tabs .nav-link {
        font-size: 12px;
        padding: 0 5px;
        max-width: calc(33% - 30px);
    }

        .nav-tabs .nav-link:first-of-type {
            padding-left: 5px;
        }

        .nav-tabs .nav-link:last-of-type {
            padding-right: 25px;
        }
}

.tooltip-inner {
    background-color: var(--turqouise);
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: var(--turqouise);
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: var(--turqouise);
}

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

.breadcrumb {
    background: none;
    padding: 0;
    font-size: 14px;
    color: var(--blue);
    font-family: RooneySans-Bold;
    height: 60px;
    line-height: 60px;
    flex-wrap: nowrap;
}

    .breadcrumb li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .breadcrumb a {
        color: var(--blue);
        border: none;
        font-size: 14px;
        font-family: RooneySans-Regular;
        padding-right: 15px;
        margin-right: 10px;
        position: relative;
        display: block;
    }

        .breadcrumb a:hover {
            color: var(--blue);
        }

        .breadcrumb a:after {
            content: "›";
            position: absolute;
            right: 0;
            top: -1px;
        }

a.breadcrumb-back {
    font-size: 15px;
    color: var(--blue);
    font-family: RooneySans-Bold;
    height: 60px;
    line-height: 59px;
    background: transparent;
    padding: 0 0 0 20px;
    border-radius: 30px 0 0 30px;
    width: calc(100% + 15px);
    display: block;
    position: absolute;
}

    a.breadcrumb-back:hover {
        color: var(--blue-hover);
    }

    a.breadcrumb-back:before {
        content: "";
        width: 125px;
        height: 100%;
        background-color: #fff;
        border-radius: 30px 0 0 30px;
        border: 1px solid rgba(120, 96, 169, .2);
        border-right: none;
        position: absolute;
        top: 0;
        left: -25px;
        z-index: -1;
    }

    a.breadcrumb-back:after {
        content: "";
        width: 383px;
        height: 1px;
        background: linear-gradient(to right, rgba(120, 96, 169, .2), rgba(120, 96, 169, 0));
        position: absolute;
        top: 0;
        left: 100px;
    }

    a.breadcrumb-back span:first-of-type:before {
        content: "‹";
        position: absolute;
        left: 0px;
        top: -2px;
        font-size: 25px;
        transition: all .2s linear;
    }

    a.breadcrumb-back:hover span:first-of-type:before {
        left: -3px;
    }

    a.breadcrumb-back .vertical-line,
    .breadcrumb-placeholder .vertical-line {
        width: 1px;
        height: 100vw;
        position: absolute;
        top: 60px;
        left: 100px;
        background-color: rgba(120, 96, 169, .2);
        z-index: 0;
    }

.breadcrumb-placeholder {
    height: 60px;
    position: absolute;
}

    .breadcrumb-placeholder .vertical-line {
        top: 25px;
    }

@media(max-width:991px) {
    a.breadcrumb-back {
        position: relative;
    }

        a.breadcrumb-back:before,
        a.breadcrumb-back:after {
            content: none;
        }

        a.breadcrumb-back .vertical-line {
            display: none;
        }
}

@media(max-width: 767px) {
    .breadcrumb-placeholder .vertical-line {
        display: none;
    }
}

main:has( > section.faq:last-of-type) section.faq {
    margin-bottom: 0 !important;
}

main:has( > section.faq:last-of-type) + footer {
    margin-top: 0 !important;
}

footer {
    background: var(--blue);
    color: #fff;
    margin-top: 50px;
}

    footer *,
    footer .h6 {
        color: #fff;
    }

    footer h3 {
        text-transform: lowercase;
        margin-bottom: 10px;
    }

    footer a {
        border: none;
    }

        footer a:hover {
            color: var(--white);
            text-decoration: underline;
        }

        footer a:focus-visible,
        footer a:focus:focus-visible {
            outline-color: var(--white) !important;
        }

    footer .sub-footer a:hover {
        color: var(--blue);
    }

@media (max-width: 576px) {
    footer {
        margin-bottom: 80px;
    }

        footer h3 {
            font-size: 35px;
        }

        footer .sub-footer {
            padding-bottom: 80px !important;
        }

            footer .sub-footer ul {
                flex-wrap: wrap;
            }
}

footer small {
    color: var(--white);
    font-size: 11px;
}

footer .footer-address,
footer .footer-phone,
footer .footer-email {
    line-height: 35px;
    padding-left: 30px;
    background-position: 0 10px;
    background-repeat: no-repeat;
}

footer .footer-address {
    background-image: url(/images/ico-location-white.svg);
    background-size: 13px 18px;
}

footer .footer-phone {
    background-image: url(/images/ico-phone-white.svg);
    background-size: 18px 18px;
}

footer .footer-email {
    background-image: url(/images/ico-mail-white.svg);
    background-size: 18px 12px;
}

footer .footer-list li {
    margin-bottom: 15px;
}

    footer .footer-list li:last-of-type {
        margin-bottom: 0;
    }

footer .sub-footer {
    border-top: 1px solid rgba(241, 248, 244, .5);
    font-size: 12px;
}

    footer .sub-footer li {
        margin-right: 30px;
    }

        footer .sub-footer li:last-of-type {
            margin-right: 0;
        }

.card,
.card-img-top,
.card-header,
.card-body,
.card-footer {
    background: none;
    border: none;
    border-radius: 0;
}

    .card.card-click {
        cursor: pointer;
        transition: background 0.3s ease-in-out;
    }

.card-body {
    padding: 30px 40px;
    background: #fff;
    transition: background 0.3s ease-in-out;
}

    .card-body p.subtitle,
    .card-body p.subtitle-small {
        color: var(--grey-light);
    }

    .card-body .card-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }

.card.card-click:hover,
.card.card-click:hover .card-body,
.card.card-click:hover .card-footer {
    background: #f5fbfd;
}

    .card.card-click:hover img.card-img-top {
        transition: all 0.3s ease-in-out;
        mix-blend-mode: multiply;
    }

@media(min-width: 768) {
    .card-body-horizontal {
        padding-left: 10px; /* 40px minus 2 x 15px from col-margins*/
    }
}

.accordion .card-header {
    border: none;
    padding: 0;
}

.accordion .card {
    border-bottom: 1px solid var(--blue-15) !important;
    overflow: hidden;
}

.accordion h4 .btn-link,
.accordion h6 .btn-link,
.accordion .h4 .btn-link,
.accordion .h6 .btn-link {
    font-family: 'RooneySans-Medium';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    font-size: 24px;
    letter-spacing: 0.2px;
    color: var(--purple);
    padding: 0;
    margin: 0 0 0 50px;
    position: relative;
    min-height: 40px;
    height: auto;
    max-width: calc(100% - 50px);
    text-align: left;
    white-space: normal;
    border-radius: 0 !important;
}

.accordion h6 .btn-link,
.accordion .h6 .btn-link {
    font-size: 20px;
}

.accordion .btn-link:hover,
.accordion .btn-link:active,
.accordion .btn-link:focus {
    text-decoration: none;
}

.accordion .btn-link:before {
    content: "";
    background: var(--purple);
    background-image: url(/images/ico-collapse-white.svg);
    background-size: 12px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    left: -50px;
    top: 20px;
    transform: rotate(-180deg);
    transition: transform 0.3s ease-in-out;
}

.accordion .btn-link:focus:before {
    background-color: var(--purple);
}

.accordion .btn-link.collapsed:after {
    content: "";
    width: 800px;
    height: 60px;
    position: absolute;
    left: -50px;
    right: 0;
    top: 0px;
}

.accordion h6 .btn-link:before,
.accordion .h6 .btn-link:before {
    top: 5px;
}

.accordion .btn-link.collapsed:before {
    transform: rotate(0deg);
}

.accordion .btn-link:hover:before {
    transform: rotate(-90deg);
}

.accordion .collapse {
    display: block;
    overflow: hidden;
    max-height: 25px;
}

.accordion.accordion-filter .collapse {
    display: block;
    overflow: hidden;
    max-height: 0;
}

    .accordion .collapse.show,
    .accordion.accordion-filter .collapse.show {
        max-height: initial;
    }

.accordion .card-body {
    padding: 0 0 0 53px;
}

.accordion.accordion-filter .card-body {
    padding: 0;
}

    .accordion.accordion-filter .card-body ul {
        display: flex;
        flex-wrap: wrap;
    }

    .accordion.accordion-filter .card-body li {
        margin: 0 10px 10px 0;
    }

#filterResultatenOpties .btn-secondary span {
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: var(--purple);
    color: var(--white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px 2px;
    margin-left: 5px;
    transition: all .3s linear;
}

#filterResultatenOpties .btn-secondary:hover span {
    background-color: var(--white);
    color: var(--blue-hover);
}

.zoek-click,
.locatie-click {
    cursor: pointer;
}

.pagination .page-item .page-link,
.pagination .page-item:first-child .page-link {
    width: 50px;
    height: 50px;
    border: 1px solid var(--turqouise);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    font-family: FFMetaWebProBold;
    font-size: 20px;
    color: var(--turqouise);
    padding: 0;
    line-height: 50px;
}

    .pagination .page-item .page-link:hover {
        background-color: var(--blue-hover);
        border-color: var(--blue-hover);
        color: #fff;
    }

.pagination .page-item.active .page-link {
    background-color: var(--blue);
    border-color: var(--blue);
    color: #fff;
}

.flickity-enabled {
    margin-right: -15px;
    margin-left: -15px;
}

    .flickity-enabled.galerij-carousel {
        margin: 0;
    }

@media(max-width: 576px) {
    section.galerij {
        margin-left: -20px;
    }

        section.galerij > .container {
            padding: 0;
        }

        section.galerij p,
        section.galerij h3 {
            margin-left: 35px;
            margin-right: 15px;
        }

        section.galerij h3 {
            margin-bottom: 20px;
        }

    .flickity-enabled.galerij-carousel {
        width: 100vw;
    }
}

.flickity-enabled {
    margin-top: 60px;
}

.flickity-button:disabled {
    opacity: 1;
    background-color: transparent;
    border: 1px solid var(--grey-light);
    background-image: url(/images/ico-arrow-grey.svg);
}

    .flickity-button:disabled:has(+.flickity-button:disabled),
    .flickity-button:disabled + .flickity-button:disabled {
        display: none;
    }

.flickity-button {
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: var(--blue);
    background-image: url(/images/ico-arrow-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: none;
}

    .flickity-button:hover {
        background-color: var(--blue-hover);
        background-image: url(/images/ico-arrow-white.svg);
        background-position: 70% 50%;
        background-repeat: no-repeat;
    }

    .flickity-button.previous {
        transform: scaleX(-1);
    }

    .flickity-button svg {
        display: none;
    }

.flickity-prev-next-button.previous {
    left: 15px;
    top: -55px;
}

.flickity-prev-next-button.next {
    left: calc(15px + 40px + 10px);
    right: 0;
    top: -55px;
}

@media(min-width: 768px) and (max-width: 1280px) {
    .flickity-prev-next-button.previous {
        left: 0px;
    }

    .flickity-prev-next-button.next {
        right: 0px;
    }
}

.galerij-carousel .flickity-prev-next-button.previous {
    left: -25px;
}

.galerij-carousel .flickity-prev-next-button.next {
    right: -25px;
}

@media (max-width: 576px) {
    .flickity-button {
        display: none !important;
    }
}

.flickity-page-dots {
    bottom: -30px;
}

    .flickity-page-dots .dot {
        margin: 0 10px 0 0;
        opacity: 1;
        background-color: var(--grey-lighter);
        transition: background 0.3s linear;
    }

        .flickity-page-dots .dot:last-of-type {
            margin-right: 0;
        }

        .flickity-page-dots .dot.is-selected {
            background-color: var(--turqouise);
        }

.galerij-carousel-counter {
    font-family: RooneySans-Regular;
    font-size: 14px;
    color: #fff;
    background: var(--black-50);
    border-radius: 4px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    z-index: 99;
    padding: 5px 10px;
}

@media(min-width: 768px) {
    section.home-intro.has-lottie:before {
        content: none !important;
    }
}

section.home-intro {
    height: 900px;
    max-height: 900px;
}

    section.home-intro:before {
        content: "";
        width: 48vw;
        height: calc(100% + 86px);
        max-height: 900px;
        background-color: var(--blue-15);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url(/images/hero_ggz@1x-min.jpg?format=webp&quality=80);
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

body.doeldelfland section.home-intro:before {
    background-image: url(/images/hero_doel@1x-min.jpg?format=webp&quality=80);
}

body.gripdelfland section.home-intro:before {
    background-image: url(/images/hero_grip@1x-min.jpg?format=webp&quality=80);
}

body.jeugddelfland section.home-intro:before {
    background-image: url(/images/hero_jeugd@1x-min.jpg?format=webp&quality=80);
}

#lottie {
    background-color: #fff;
    width: 48vw;
    height: calc(100% + 86px);
    max-height: 900px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
    z-index: -1;
}

    #lottie > svg {
        width: auto !important;
    }

@media(max-height: 665px) {
    #lottie > svg {
        height: auto !important;
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    section.home-intro:before {
        background-image: url(/images/hero_ggz@2x-min.jpg?format=webp&quality=80);
    }

    body.doeldelfland section.home-intro:before {
        background-image: url(/images/hero_doel@2x-min.jpg?format=webp&quality=80);
    }

    body.gripdelfland section.home-intro:before {
        background-image: url(/images/hero_grip@2x-min.jpg?format=webp&quality=80);
    }

    body.jeugddelfland section.home-intro:before {
        background-image: url(/images/hero_jeugd@2x-min.jpg?format=webp&quality=80);
    }
}

@media (max-width: 1023px) {
    section.home-intro {
        position: relative;
    }

        section.home-intro:before {
            min-height: 100%;
            max-height: calc(100% + 140px);
            top: -140px;
            width: 45vw;
        }
}

@media (max-width: 767px) {
    #lottie {
        display: none;
    }

    section.home-intro {
        height: auto;
        max-height: unset;
        position: relative;
    }

        section.home-intro:before {
            background-image: none !important;
            width: 60vw;
            min-height: 100%;
            max-height: calc(100%);
            top: 0;
        }

    body.home .navbar-fixed-top:before {
        content: "";
        background-color: var(--blue-15);
        background-image: none;
        width: 60vw;
        height: 87px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
}

section.home-intro h1 {
    font-size: 60px;
}

@media (max-width: 576px) {
    section.home-intro h1 {
        font-size: 45px;
    }
}

.feature {
    padding: 30px;
    display: flex;
    flex-flow: column;
}

    .feature h4,
    .feature .h4 {
        margin-bottom: 20px;
    }

    .feature p {
        margin-bottom: 60px;
    }

    .feature .dropdown {
        margin-top: auto;
    }

    .feature .dropdown-toggle {
        font-family: RooneySans-Medium;
        font-size: 18px;
        color: var(--blue);
    }

    .feature .dropdown-toggle:focus-visible {
        outline-color: var(--white) !important;
    }

        .feature .dropdown-toggle:hover,
        .feature .dropdown-toggle[aria-expanded="true"] {
            color: var(--white);
        }

        .feature .dropdown-toggle:focus-visible {
            outline-color: var(--white);
        }

    .feature a.cta {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: auto;
    }

.block-support {
    margin-bottom: 30px;
    height: 100%;
}

    .block-support .block-support-content {
        height: calc(100% - 30px);
        background: var(--blue-10);
        margin-left: 58px;
        padding: 40px 30px 40px 227px;
        position: relative;
    }

@media(max-width: 1199px) {
    .block-support .block-support-content {
        padding-left: 130px;
    }
}

@media(max-width: 991px) {
    .block-support {
        height: 100%;
    }

        .block-support .block-support-content {
            padding-left: 30px;
            margin-left: 0;
            height: calc(100% - 30px);
        }
}

@media (max-width: 576px) {
    .block-support .block-support-content {
        padding-left: 30px;
        margin-left: 0;
    }
}

.block-support .block-support-content img {
    position: absolute;
    left: -58px;
    top: 40px;
}

@media (max-width: 1199px) {
    .block-support .block-support-content img {
        width: 150px;
    }
}

@media (max-width: 576px) {
    .block-support img {
        width: 100%;
    }
}

.block-support .block-support-content h3 {
    color: var(--blue);
    font-size: 28px;
}

.block-support .block-support-content p.subtitle {
    color: var(--purple);
    font-size: 16px;
}

    .block-support .block-support-content p.subtitle p {
        letter-spacing: 0.5px;
    }

.block-support-list {
    display: flex;
}

@media (max-width: 767px) {
    .block-support-list {
        flex-flow: column;
    }
}

.block-support-list .block-support-list-image {
    min-width: 250px;
}

    .block-support-list .block-support-list-image img {
        width: 100%;
    }

@media (max-width: 1200px) {
    .block-support-list .block-support-list-image {
        min-width: 50%;
    }
}

.block-support-list .block-support-list-content {
    padding: 30px;
}

@media (max-width: 767px) {
    .block-support-list .block-support-list-content .btn {
        max-width: 100%;
    }
}

.block-support-list h4,
.block-support-list .h4 {
    font-size: 30px;
}

.research-carousel .carousel-cell {
}

.research-carousel .flickity-slider {
    height: 100%;
}

    .research-carousel .flickity-slider > div {
        padding-bottom: 15px;
    }

        .research-carousel .flickity-slider > div,
        .research-carousel .flickity-slider > div > div {
            min-height: 100%;
        }

            .research-carousel .flickity-slider > div > div {
                height: 100%
            }

    .research-carousel .flickity-slider .card-body {
        display: flex;
        flex-flow: column;
    }

        .research-carousel .flickity-slider .card-body .cta {
            margin-top: auto;
        }

    .research-carousel .flickity-slider .clickable:hover .card {
        box-shadow: 0 2px 14px 0 rgba(194, 213, 216, 0.5) !important;
    }

.block-research,
.block-locatie,
.block-nieuws {
    margin-bottom: 15px;
}

body.onderzoektop .block-research {
    height: calc(100% - 15px);
}

.block-research .subtitle,
.block-locatie .subtitle {
    font-size: 16px;
}

.nieuws-row {
    display: flex;
    flex-wrap: wrap;
}

    .nieuws-row .block-nieuws {
        width: calc(33.3333333333333% - 30px);
        flex: 0 0 calc(33.3333333333333% - 30px);
        margin: 0 0 15px 30px;
    }

        .nieuws-row .block-nieuws,
        .nieuws-row .block-nieuws .card-body,
        .nieuws-row .block-nieuws .card-footer {
            background: #fff !important;
        }

@media(max-width: 576px) {
    .nieuws-row .block-nieuws {
        width: 100%;
        flex: 0 0 100%;
        margin-left: 0;
    }

        .nieuws-row .block-nieuws .card-body {
            padding: 30px 0 !important;
        }

        .nieuws-row .block-nieuws .card-footer {
            padding: 0 0 30px !important;
        }
}

.block-nieuws .card-footer {
    border-radius: 0;
    background: #fff;
    padding: 0 40px 30px;
    transition: background 0.3s ease-in-out;
}

.home-onderzoek,
.home-news,
section.faq {
    background-color: var(--blue-10);
}

@media(min-width: 1024px) {
    .home-onderzoek .btn-lg,
    .home-news .btn-lg {
        transform: translateY(-15px);
    }

    .home-news .row.clickable > .col-md-2 {
        width: unset;
        max-width: unset;
        flex: unset;
    }
}

.doelgroep-carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (max-width: 576px) {
    .doelgroep-carousel {
        display: block;
    }

        .research-carousel .carousel-cell,
        .locatie-carousel .carousel-cell,
        .doelgroep-carousel .carousel-cell {
            width: 85%;
            padding-right: 5px;
        }
}

.galerij-carousel .carousel-cell {
    width: 100%;
}

.galerij-carousel .carousel-cell-image {
    width: 100%;
    transition: opacity 0.4s;
    opacity: 1;
}

    .galerij-carousel .carousel-cell-image.flickity-lazyloaded,
    .galerij-carousel .carousel-cell-image.flickity-lazyerror {
        opacity: 1;
    }

.block-label {
    background: var(--blue-10);
    padding: 60px 40px;
}

@media (max-width: 576px) {
    .block-label h3 {
        font-size: 35px;
    }
}

.work-searchbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 576px) {
    .work-searchbar {
        flex-flow: column;
        align-items: initial;
    }
}

.work-searchbar span {
    font-family: RooneySans-Medium;
    font-size: 18px;
    color: var(--purple);
}

.work-searchbar .dropdown {
    min-width: 180px;
    margin-left: 10px;
    margin-right: 10px;
}

    .work-searchbar .dropdown .btn-secondary {
        border-color: var(--blue);
        color: var(--blue);
    }

        .work-searchbar .dropdown .btn-secondary:hover,
        .work-searchbar .dropdown .btn-secondary[aria-expanded="true"],
        .work-searchbar .dropdown .btn-secondary:focus,
        .work-searchbar .dropdown .btn-secondary:focus-visible {
            color: var(--white);
        }

@media (max-width: 576px) {
    .work-searchbar span:last-of-type {
        text-align: right;
    }
}

.image-with-shadow {
    position: relative;
}

    .image-with-shadow:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: var(--blue-15);
        position: absolute;
        right: -3rem;
        top: -3rem;
        z-index: 1;
    }

@media (max-width: 576px) {
    .image-with-shadow:before {
        right: -1.5rem;
        top: -1.5rem;
    }
}

.image-with-shadow img {
    position: relative;
    z-index: 2;
    max-width: 100%;
}

.faq ul.faq-list li {
    font-size: 18px;
    padding-bottom: 45px;
    display: inline-block;
}

@media (max-width: 576px) {
    .faq ul.faq-list li {
        padding-bottom: 30px;
    }
}

section.stoornissen,
section.behandelingen,
section.trainingen {
    margin-top: 110px;
    margin-bottom: 110px;
}

@media(max-width: 767px) {
    section.stoornissen,
    section.behandelingen,
    section.trainingen {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

ul.list-stoornissen li {
    margin: 0 0 10px 0;
    padding: 40px;
}

.stoornis-click {
    cursor: pointer;
}

ul.list-behandelingen,
ul.list-trainingen {
    display: flex;
    flex-wrap: wrap;
}

    ul.list-behandelingen li,
    ul.list-trainingen li {
        margin: 0 10px 10px 0;
        padding: 40px;
        background: #fff;
        width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
    }

@media (max-width: 767px) {
    ul.list-behandelingen,
    ul.list-trainingen {
        flex-wrap: nowrap;
        flex-flow: column;
    }

        ul.list-behandelingen li,
        ul.list-trainingen li {
            margin: 0 10px 10px 0;
            padding: 40px;
            background: #fff;
            width: 100%;
            flex: auto;
        }
}

.behandeling-click {
    cursor: pointer;
}

li.ervaring-preview {
    display: flex;
    flex-flow: row;
}

    li.ervaring-preview .ervaring-preview-image {
        height: 90px;
        width: 90px;
        border-radius: 50%;
        position: relative;
        margin: 0 30px 30px 0;
    }

        li.ervaring-preview .ervaring-preview-image:after {
            content: "";
            background: var(--blue-15);
            width: 100%;
            height: 100%;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            left: 5px;
        }

        li.ervaring-preview .ervaring-preview-image img {
            height: 90px;
            width: 90px;
            border-radius: 50%;
        }

    li.ervaring-preview:not(:first-of-type) {
        border-top: 1px solid var(--blue-15);
        padding-top: 20px;
    }

@media(max-width: 576px) {
    li.ervaring-preview {
        position: relative;
    }

        li.ervaring-preview blockquote {
            margin-bottom: 15px;
        }

        li.ervaring-preview p:first-of-type {
            font-size: 14px;
            display: flex;
            align-items: center;
        }

        li.ervaring-preview .ervaring-preview-image {
            height: 56px;
            width: 56px;
            margin: 0 15px 0 0;
        }

            li.ervaring-preview .ervaring-preview-image img {
                height: 56px;
                width: 56px;
            }
}

.block-meer {
    background: var(--blue);
    height: 100%;
    padding: 40px 30px;
    color: #fff;
}

    .block-meer h4 {
        color: #fff;
    }

    .block-meer .btn {
        padding-left: 15px;
        padding-right: 53px;
        font-size: 16px;
        text-align: left;
        outline-color: var(--white);
    }

    .block-meer .btn-primary {
        background-color: var(--white);
        border-color: var(--white);
        color: var(--blue);
        background-image: url(/images/ico-arrow-blue.svg);
    }

    .block-meer .btn-secondary {
        background-color: var(--blue);
        border-color: var(--white);
        color: var(--white);
        background-image: url(/images/ico-arrow-white.svg);
    }

        .block-meer .btn-secondary span {
            color: var(--white);
        }

        .block-meer .btn-primary:hover,
        .block-meer .btn-secondary:hover {
            background-color: var(--blue-hover);
            border-color: var(--white);
            color: var(--white);
            background-image: url(/images/ico-arrow-white.svg);
        }

.tiles-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.tile {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    padding: 30px 15px 45px;
    margin: 0 10px 10px 0;
    text-align: center;
    position: relative;
    background-color: #fff;
    aspect-ratio: 255/195;
    width: calc(33% - 10px);
    max-width: 255px;
    transition: all 0.3s ease-in-out;
}

.col-md-6 .tile,
.col-lg-4 .tile {
    width: 100%;
}

@media(max-width: 767px) {
    .tile {
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px);
    }
}

@media(max-width: 576px) {
    .tile {
        flex: 0 0 100%;
    }
}

.tile.tile-mens {
    padding-bottom: 30px;
    width: 100%;
}

.tile.tile-click:hover {
    background: var(--blue-10);
    cursor: pointer;
}

.tile .tile-image {
    height: 40px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.tile .tile-image-circle {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.tile .tile-text {
    min-width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
}

.tile h6,
.tile .h6 {
    font-family: RooneySans-Medium;
    color: var(--purple);
    font-size: 20px;
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
}

    .tile h6 + span,
    .tile .h6 + span {
        margin-bottom: 15px;
    }

.tile a.cta {
    position: absolute;
    display: block;
    bottom: 15px;
    margin: 0 auto;
}

.tile:hover a.cta:after {
    right: -35px;
}

.tile strong,
.tile strong a {
    color: var(--turqouise);
    font-family: 'RooneySans-Bold';
    font-size: 15px;
}

    .tile strong + small {
        margin-top: 3px;
    }

.tile.tile-mens p {
    margin: 0;
}

.tile.tile-mens strong {
    color: var(--grey);
    font-size: 16px;
    font-family: FFMetaWebProMedium;
}

@media(max-width: 576px) {
    .tile {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 15px;
        min-height: 100px;
    }

        .tile.tile-mens {
            padding-bottom: 15px;
        }

        .tile a.cta {
            position: relative;
            margin-left: 0;
            bottom: auto;
        }

        .tile > .tile-image {
            width: 50px;
            height: 30px;
            margin-bottom: 0 !important;
            margin-right: 15px;
            background-size: contain;
        }

        .tile > .tile-text {
            min-width: calc(100% - 65px);
            max-width: calc(100% - 65px);
            justify-content: flex-start;
            align-items: flex-start;
            text-align: left;
        }

        .tile.tile-mens > .tile-text {
            min-width: calc(100% - 85px);
            max-width: calc(100% - 85px);
            height: 100%;
            justify-content: center;
        }

        .tile > .tile-text > * {
            text-align: left;
        }

        .tile.tile-mens .tile-image-circle {
            width: 70px;
            height: 70px;
            margin-right: 15px;
            margin-bottom: 0 !important;
        }
}

ol.stappenplan {
    background-image: url(/images/dotted-lines.svg);
    background-position: 12px 0;
    background-repeat: repeat-y;
    counter-reset: ol-counter;
}

    ol.stappenplan > li.stap {
        padding: 0 0 0 45px;
        position: relative;
    }

    ol.stappenplan > li:before {
        content: counter(ol-counter);
        counter-increment: ol-counter;
        font-family: FFMetaWebProMedium;
        color: var(--purple);
        position: absolute;
        left: 0;
        top: -3px;
        font-size: 22px;
        line-height: 28px;
        width: 30px;
        height: 30px;
        border: 2px solid var(--purple);
        border-radius: 50%;
        text-align: center;
        background-color: #fff;
        display: flex;
        align-content: center;
        justify-content: center;
    }

    ol.stappenplan > li.stap:last-of-type:after {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: var(--purple);
        position: absolute;
        left: 12px;
        bottom: 0px;
    }

    ol.stappenplan > li.stap:last-of-type ul:last-of-type li:last-of-type a:last-of-type {
        margin-bottom: 0 !important;
    }

.green-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #7ed321;
    position: absolute;
    top: 0;
    left: calc(50% + 20px);
}

@media(max-width: 576px) {
    .green-dot {
        left: calc(50% + 10px);
    }
}

.dropdown-stoornis-submit {
    display: none;
}

.sticky-help {
    position: fixed;
    right: 30px;
    bottom: 30px;
    color: #fff;
    display: flex;
    text-align: right;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    font-family: RooneySans-Medium;
    font-size: 18px;
    line-height: 18px;
    color: var(--turqouise);
    z-index: 900;
    transition: all 0.3s ease-in-out;
    width: 50px;
    height: 50px;
}

    .sticky-help.open {
        width: auto;
        height: auto;
    }

    .sticky-help:hover {
        padding: 5px 5px 5px 15px;
        background-color: var(--turqouise);
        color: #fff;
        width: auto;
        height: auto;
        right: 25px;
        bottom: 25px;
    }

@media (max-width: 1024px) {
    .sticky-help {
        bottom: auto;
        top: 30px;
    }

        .sticky-help:hover {
            bottom: auto;
        }
}

.sticky-help span.sticky-help-text {
    display: none;
}

.sticky-help:hover span.sticky-help-text,
.sticky-help.open span.sticky-help-text {
    display: block;
}

.sticky-help span small {
    display: block;
    font-family: FFMetaWebProNormal;
    font-size: 13px;
    color: var(--grey);
    transition: all 0.3s ease-in-out;
}

.sticky-help:hover span small {
    color: #fff;
}

.sticky-help span.sticky-help-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--turqouise);
    background-image: url(/images/hulp-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
}

.sticky-help:hover span.sticky-help-icon {
    background-color: #fff;
    background-image: url(/images/hulp.svg);
    margin-left: 10px;
}

.sticky-help.open span.sticky-help-icon {
    margin-left: 10px;
}

@media(max-width: 576px) {
    .sticky-help {
        font-size: 14px;
        width: 40px;
        height: 40px;
        right: 20px;
        top: 20px;
        letter-spacing: normal;
        line-height: 1.08;
    }

        .sticky-help.open {
            max-width: 50vw;
        }

        .sticky-help span small {
            font-size: 12px;
            letter-spacing: normal;
            line-height: 1.08;
            color: var(--grey-light);
        }

        .sticky-help span.sticky-help-icon,
        .sticky-help.open span.sticky-help-icon {
            width: 40px;
            height: 40px;
            min-width: 40px;
            background-color: #fff;
            background-image: url(/images/hulp.svg);
            border: 1px solid var(--blue-20);
            box-shadow: 0 1px 10px 0 var(--blue-40) !important;
        }
}

@media(min-width: 992px) {
    .sticky-wrapper {
        position: absolute;
        top: 0;
        left: 15px;
    }
}

ul.list-tools li {
    position: relative;
}

ul.list-tools a {
    font-family: RooneySans-Regular;
    font-size: 14px;
    background-size: auto 23px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 45px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 30px;
    max-width: 50px;
    color: var(--purple);
}

    ul.list-tools a:after {
        content: "";
        width: 0;
        height: 1px;
        background-color: var(--purple);
        position: absolute;
        left: 0;
        bottom: 0;
        transition: width .3s ease-out;
    }

ul.list-tools li:last-of-type a {
    margin-bottom: 0; /* is_stuck bug / sticky bug */
}

ul.list-tools a:hover {
    color: var(--purple);
}

    ul.list-tools a:hover:after {
        width: 100%;
    }

ul.list-tools a.tool-print {
    background-image: url(/images/ico-print-purple.svg);
}

ul.list-tools a.tool-deel {
    background-image: url(/images/ico-share-2-purple.svg);
}

ul.list-tools a.tool-vergroot {
    background-image: url(/images/ico-text-size-purple.svg);
}

@media(max-width: 991px) {
    ul.list-tools a {
        margin-right: 30px;
        margin-bottom: 0;
        align-items: center;
        justify-content: flex-start;
        background-position: 0 50%;
        padding-left: 30px;
        min-width: 100px;
    }
}

.deel-whatsapp,
.deel-email {
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 70px;
    min-width: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-family: RooneySans-Bold;
    font-size: 14px;
    margin: 0 15px;
}

.deel-whatsapp {
    background-image: url(/images/ico-whatsapp.svg);
    background-size: 45px auto;
    color: var(--green);
}

.deel-email {
    background-image: url(/images/ico-mail.svg);
    background-position-y: 5px;
}

.copy-klaar {
    background-image: url(/images/ico-check-small-green.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 0 0 0 20px;
    color: var(--green);
    text-align: center;
    margin: 0 auto;
    display: none;
}

input#copy::-moz-selection {
    background: var(--green-light);
}

input#copy::selection {
    background: var(--green-light);
}

.modal-content,
.modal-header,
.modal-body,
.modal-footer {
    border: none;
}

.modal-content {
    border-radius: 30px;
}

body.zoom {
    font-size: 20px;
}

    body.zoom p.subtitle-small,
    body.zoom .text-content a,
    body.zoom main a.cta {
        font-size: 20px;
    }

@media(max-width: 576px) {
    .embed-responsive {
        width: 100vw;
        margin-left: -35px;
    }
}

@media(max-width: 576px) {
    #filterResultatenOpties {
        margin-bottom: 15px;
    }

        #filterResultatenOpties ul {
            flex-flow: column;
            flex-wrap: nowrap;
        }

        #filterResultatenOpties li {
            margin: 0;
        }

        #filterResultatenOpties .btn.btn-secondary.no-arrow {
            width: 100%;
            border: none;
            padding: 0 0 0 50px;
            text-align: left;
            border-radius: 0;
            border-bottom: 1px solid var(--blue-15);
            height: 35px;
            line-height: 35px;
        }

        #filterResultatenOpties ul li:last-of-type .btn.btn-secondary.no-arrow {
            border-bottom: none;
        }

        #filterResultatenOpties .btn.btn-secondary.no-arrow span {
            display: block;
            width: 75px;
            float: right;
            text-align: center;
        }
}

.colorwidget-wrapper {
    display: flex;
}

    .colorwidget-wrapper .colorwidget {
        width: calc(50% - 5px);
    }

        .colorwidget-wrapper .colorwidget + .colorwidget {
            margin-left: 10px;
        }

.colorwidget {
    color: #fff;
    display: flex;
}

.colorwidget-duo {
    flex-flow: column;
}

.colorwidget img {
    height: 100%;
}

.colorwidget-duo img {
    width: 100%;
    height: auto;
}

.colorwidget h4 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 15px;
}

.colorwidget p {
    font-size: 14px;
    line-height: 1.2rem;
    margin-bottom: 0;
}

.colorwidget-color {
    padding: 30px;
}

.colorwidget-color--azuur {
    background-color: #5dc8d8;
}

.colorwidget-color--blauw {
    background-color: #0056a0;
}

.colorwidget-color--geel {
    background-color: #f0b400;
}

.colorwidget-color--groen {
    background-color: #2aa87e;
}

.colorwidget-color--lila {
    background-color: #afbde6;
}

.colorwidget-color--mint {
    background-color: #9dcdb7;
}

.colorwidget-color--oranje {
    background-color: #f4813b;
}

.colorwidget-color--paars {
    background-color: #8e7ab8;
}

.colorwidget-color--rood {
    background-color: #bf245e;
}

.colorwidget-color--roze {
    background-color: #f6958b;
}

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

        .colorwidget img {
            width: 100%;
            height: auto;
        }
}

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

        .colorwidget-wrapper .colorwidget {
            width: 100%;
        }

            .colorwidget-wrapper .colorwidget + .colorwidget {
                margin-left: 0;
                margin-top: 10px;
            }
}


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

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

.cookies {
    background-color: var(--purple);
    color: #fff;
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 2rem 0;
    z-index: 2004;
    border-top: 1px solid var(--blue-15);
}

    .cookies div {
        display: flex;
        flex: 0 0 100%;
    }

@media all and (-ms-high-contrast:none) {
    .cookies div {
        flex: 0 0 auto;
    }
}

.cookies div .btn-primary {
    background-color: var(--green);
    border-color: var(--green);
    background-image: url(/images/ico-check-small-white.svg);
    background-repeat: no-repeat;
    background-position: 30px 45%;
    color: #fff;
    padding-left: 50px;
    padding-right: 30px;
    font-size: 15px;
    align-self: flex-start;
}

    .cookies div .btn-primary:hover,
    .cookies div .btn-primary:active,
    .cookies div .btn-primary:focus {
        background-color: #38c194 !important;
        border-color: #38c194 !important;
        background-position: 30px 45% !important;
    }

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

.cookies div .btn-primary-white {
    background-color: #fff;
    border-color: #fff;
    background-image: none;
    padding-left: 30px;
    color: var(--purple);
}

    .cookies div .btn-primary-white:hover,
    .cookies div .btn-primary-white:active,
    .cookies div .btn-primary-white:focus {
        background-color: var(--purple) !important;
        border-color: #fff !important;
        background-image: none !important;
        padding-left: 30px !important;
        color: #fff !important;
    }

.cookies div .btn-secondary {
    border-color: #fff;
    color: #fff;
    background-image: none;
    padding-left: 30px;
    padding-right: 30px;
}

    .cookies div .btn-secondary:hover,
    .cookies div .btn-secondary:active,
    .cookies div .btn-secondary:focus {
        background-color: #fff !important;
        border-color: #fff !important;
        color: var(--purple) !important;
    }

    .cookies div .btn-secondary span {
        color: #fff;
    }

    .cookies div .btn-secondary:hover span,
    .cookies div .btn-secondary:active span,
    .cookies div .btn-secondary:focus span {
        color: var(--purple) !important;
    }

.cookies div a.btn-minimal {
    font-size: 15px;
    font-family: Biotif-Bold;
    padding: 16px 30px;
    line-height: 18px;
    color: #fff;
}

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

.cookies div #cookies-save {
    display: none;
}

.cookies div a.cta {
    line-height: 45px;
    margin-left: 30px;
}

    .cookies div a.cta:after {
        bottom: 16px;
    }

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

.cookies h5 {
    font-size: 18px;
    font-family: RooneySans-Medium;
    color: #fff;
}

.cookies p {
    font-size: 14px;
    margin-bottom: 5px;
}

.cookies a {
    color: #fff;
    font-family: FFMetaWebProBold;
    font-size: 14px;
}

.cookies .cookies-form {
    display: none;
}

.cookies .custom-control {
    padding-left: 0;
    min-height: 40px;
}

.cookies .custom-control-label {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 10px 35px;
    cursor: pointer;
    color: #fff;
}

    .cookies .custom-control-label strong {
        color: #fff;
    }

.cookies .custom-control-input.disabled + .custom-control-label {
    color: #fff;
    opacity: 0.6;
    cursor: not-allowed;
}

.cookies .custom-control-label:before {
    background-color: var(--white-10);
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    top: 9px;
    left: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent;
}

.cookies .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(/images/ico-check-small-white.svg);
    background-size: 21px 16px;
    background-color: transparent;
    width: 21px;
    height: 16px;
    left: 3px;
    top: 8px;
}

.cookies .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
    background-image: none;
    background-color: #fff;
    width: 12px;
    height: 12px;
    left: 4px;
    top: 13px;
    border-radius: 1px;
}

.cookies .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: transparent;
}


@media(max-width: 767px) {
    .cookies {
        max-width: calc(100%);
    }

        .cookies h4 {
            font-size: 24px;
        }

        .cookies .btn {
            width: 50%;
        }

        .cookies form.opened + div {
            flex-flow: column;
        }

            .cookies form.opened + div #cookies-accept {
                width: 100%;
                order: 0;
                margin-bottom: 0.5rem;
            }

            .cookies form.opened + div #cookies-save {
                width: 100%;
                order: 1;
            }
}

form.custom-form {
    padding-top: 30px;
}

    form.custom-form .form-group {
        padding-bottom: 40px;
        border-bottom: 1px solid var(--blue-15);
        margin-bottom: 25px;
    }

        form.custom-form .form-group.no-border {
            border-bottom: none;
        }

    form.custom-form label:not(.custom-control-label) {
        font-family: RooneySans-Medium;
        font-size: 16px;
        color: var(--purple);
        margin-bottom: 25px;
    }

        form.custom-form label:not(.custom-control-label) ul {
            padding-left: 18px;
            margin-bottom: 0;
        }

            form.custom-form label:not(.custom-control-label) ul li {
                padding-left: 15px;
            }

    form.custom-form .custom-control {
        padding-left: 0;
        margin-right: 5px;
    }

    form.custom-form .form-control::placeholder {
        color: var(--turqouise);
    }

    form.custom-form .custom-control-label {
        line-height: 20px;
        padding: 15px 30px 15px 55px;
        cursor: pointer;
        margin-right: 0;
        background-color: var(--blue-15);
        border-radius: 25px;
        color: var(--turqouise);
        font-family: RooneySans-Bold;
    }

    form.custom-form .custom-control-input.disabled + .custom-control-label {
        color: #fff;
        opacity: 0.6;
        cursor: not-allowed;
    }

    form.custom-form .custom-control-label:before {
        background-color: #fff;
        border: 1px solid var(--blue-40);
        width: 20px;
        height: 20px;
        top: 15px;
        left: 20px;
    }

form.customs-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent;
}

form.custom-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(/images/ico-check-small-white.svg);
    background-size: 21px 16px;
    background-color: transparent;
    width: 21px;
    height: 16px;
    left: 3px;
    top: 8px;
}

form.custom-form .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
    background-image: none;
    background-color: #fff;
    width: 12px;
    height: 12px;
    left: 4px;
    top: 13px;
    border-radius: 1px;
}

form.custom-form .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: transparent;
}

form.custom-form .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    background-image: none;
    border: 7px solid var(--turqouise);
    width: 20px;
    height: 20px;
    left: 20px;
    top: 15px;
    border-radius: 50%;
}

form.custom-form .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff;
}

form.custom-form input.error {
    border-color: var(--pink-light);
}

form.custom-form label.error {
    color: var(--pink-light);
    font-size: 12px;
    padding: 5px 0 0 30px;
}

h3.corona-title {
    font-size: 28px;
}

.corona-complaints {
    font-family: RooneySans-Medium;
    font-size: 16px;
    line-height: 1;
    color: var(--purple);
}

    .corona-complaints > div {
        margin-bottom: 20px;
        display: flex;
    }

        .corona-complaints > div > div {
            width: 45px;
            display: flex;
            align-items: center;
        }

.corona-result-wrapper {
    display: none;
    border-radius: 15px;
}

    .corona-result-wrapper.corona-result-green {
        border: 2px solid var(--green);
    }

    .corona-result-wrapper.corona-result-orange {
        border: 2px solid var(--orange);
    }

    .corona-result-wrapper.corona-result-red {
        border: 2px solid var(--pink);
    }

.corona-result {
    color: #fff;
    border-radius: 10px;
}

    .corona-result h3,
    .corona-result small {
        color: #fff;
    }

    .corona-result h3 {
        font-size: 24px;
        position: relative;
        padding-left: 41px;
    }

        .corona-result h3:before {
            content: "";
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background-color: #fff;
            background-image: url(/images/ico-check-small-green.svg);
            background-size: 13.4px 9.5px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
        }

.corona-result-red .corona-result h3:before,
.corona-result-orange .corona-result h3:before {
    content: "!";
    background-image: none;
    color: var(--pink);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    line-height: 0;
    font-size: 22px;
    padding-top: 2px;
}

.corona-result-orange .corona-result h3:before {
    color: var(--orange);
}

.corona-result p {
    margin-bottom: 0;
}

.corona-result .corona-result-color {
    padding: 50px 60px;
    border-radius: 10px;
}

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

.corona-result-orange .corona-result-color {
    background-color: var(--orange);
}

.corona-result-red .corona-result-color {
    background-color: var(--pink);
}

.corona-result-form {
    padding: 50px 60px;
}

    .corona-result-form h3 {
        font-size: 24px;
    }

.corona-result-green .corona-result-form h3 {
    color: var(--green);
}

.corona-result-orange .corona-result-form h3 {
    color: var(--orange);
}

.corona-result-red .corona-result-form h3 {
    color: var(--pink);
}

.corona-result-form .form-group:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.corona-result-form .form-control {
    max-width: 367px;
}

.corona-result-sent,
.corona-result-notsent {
    display: none;
}

    .corona-result-sent p {
        color: var(--green);
    }

    .corona-result-notsent p {
        color: var(--pink);
    }

.corona-explanation {
    border-top: 1px solid rgba(255,255,255,0.3);
    margin-top: 15px;
    padding-top: 15px;
}

    .corona-explanation p {
        display: none;
    }

@media(max-width: 767px) {
    .corona-result .corona-result-color,
    .corona-result-form {
        padding: 15px 20px;
    }

        .corona-result-form .btn + .btn {
            margin-top: 10px;
        }
}

#dropdownStoornis {
    min-width: 450px;
    position: relative;
}

@media(max-width: 576px) {
    #dropdownStoornis {
        min-width: 100%;
    }
}

.search-link {
    display: block;
    margin-top: 40px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.44px;
    color: var(--grey-light);
    transition: all .3s linear;
}

    .search-link span {
        font-family: RooneySans-Medium;
        font-size: 20px;
        color: var(--blue);
        letter-spacing: 0.2px;
        display: block;
        margin-bottom: 5px;
        position: relative;
    }

        .search-link span:after {
            content: "";
            background-image: url(/images/ico-arrow-blue.svg);
            width: 18px;
            height: 11px;
            position: absolute;
            bottom: 5px;
            margin-left: 10px;
            transition: all .3s linear;
        }

    .search-link:hover span:after {
        margin-left: 15px;
    }

.clickable {
    cursor: pointer;
}

.article-lottie svg {
    width: 100%;
}

@media(max-width: 576px) {
    .article-lottie {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

        .article-lottie .container,
        .article-lottie .container .row,
        .article-lottie .container .row > div {
            margin: 0;
            padding: 0;
        }
}

.useful {
    padding-bottom: 100px;
}

    .useful p {
        max-width: 500px;
        margin-bottom: 20px;
    }

        .useful p.small {
            margin-top: 20px;
            margin-bottom: 0;
        }

.btn-useful + .btn-useful {
    margin-left: 20px;
}

.btn-useful.disabled {
    background-color: var(--blue-15);
    border-color: transparent;
    color: var(--turqouise);
    opacity: 1;
    cursor: initial;
}

    .btn-useful.disabled.active {
        background-color: var(--turqouise);
        color: #fff;
        opacity: 1;
    }

.btn-useful--yes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.9 16' width='14' height='16'%3E%3Cpath d='M12.7,8.8a1.2,1.2,0,0,0,1.2-1.2,1.2,1.2,0,0,0-1.1-1.3L8.4,5.7a8.6,8.6,0,0,0,.9-3.9A1.6,1.6,0,0,0,7.5,0C7,0,6.9,1,6.9,1h0a7.5,7.5,0,0,1-.8,2.2C5.5,4.4,4.7,4.3,3.8,5.3l-.6.9h0a.1.1,0,0,0-.1.1v.2a2.4,2.4,0,0,1-1.8.5A1.1,1.1,0,0,0,0,8.3v5.4c0,.8.3,1.1,1.2,1.1H2.3a4.8,4.8,0,0,1,1.8.6,14.9,14.9,0,0,0,4.8.6h1.8a1.3,1.3,0,0,0,.9-.4l.3-.5v-.2a1.2,1.2,0,0,0-.6-1.1H12a1.4,1.4,0,0,0,1.4-1.2h0a1.4,1.4,0,0,0-1.3-1.3h.4a1.3,1.3,0,0,0,1.3-1.3A1.4,1.4,0,0,0,12.7,8.8Z' fill='%237860a9'/%3E%3C/svg%3E");
    background-position: 30px calc(50% + 1px);
    padding-right: 30px;
    padding-left: 60px;
}

    .btn-useful--yes:hover,
    .btn-useful--yes.disabled.active {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.9 16' width='14' height='16'%3E%3Cpath d='M12.7,8.8a1.2,1.2,0,0,0,1.2-1.2,1.2,1.2,0,0,0-1.1-1.3L8.4,5.7a8.6,8.6,0,0,0,.9-3.9A1.6,1.6,0,0,0,7.5,0C7,0,6.9,1,6.9,1h0a7.5,7.5,0,0,1-.8,2.2C5.5,4.4,4.7,4.3,3.8,5.3l-.6.9h0a.1.1,0,0,0-.1.1v.2a2.4,2.4,0,0,1-1.8.5A1.1,1.1,0,0,0,0,8.3v5.4c0,.8.3,1.1,1.2,1.1H2.3a4.8,4.8,0,0,1,1.8.6,14.9,14.9,0,0,0,4.8.6h1.8a1.3,1.3,0,0,0,.9-.4l.3-.5v-.2a1.2,1.2,0,0,0-.6-1.1H12a1.4,1.4,0,0,0,1.4-1.2h0a1.4,1.4,0,0,0-1.3-1.3h.4a1.3,1.3,0,0,0,1.3-1.3A1.4,1.4,0,0,0,12.7,8.8Z' fill='%23ffffff'/%3E%3C/svg%3E");
        background-position: 30px calc(50% + 1px);
    }

    .btn-useful--yes.disabled:not(.active):hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.9 16' width='14' height='16'%3E%3Cpath d='M12.7,8.8a1.2,1.2,0,0,0,1.2-1.2,1.2,1.2,0,0,0-1.1-1.3L8.4,5.7a8.6,8.6,0,0,0,.9-3.9A1.6,1.6,0,0,0,7.5,0C7,0,6.9,1,6.9,1h0a7.5,7.5,0,0,1-.8,2.2C5.5,4.4,4.7,4.3,3.8,5.3l-.6.9h0a.1.1,0,0,0-.1.1v.2a2.4,2.4,0,0,1-1.8.5A1.1,1.1,0,0,0,0,8.3v5.4c0,.8.3,1.1,1.2,1.1H2.3a4.8,4.8,0,0,1,1.8.6,14.9,14.9,0,0,0,4.8.6h1.8a1.3,1.3,0,0,0,.9-.4l.3-.5v-.2a1.2,1.2,0,0,0-.6-1.1H12a1.4,1.4,0,0,0,1.4-1.2h0a1.4,1.4,0,0,0-1.3-1.3h.4a1.3,1.3,0,0,0,1.3-1.3A1.4,1.4,0,0,0,12.7,8.8Z' fill='%235dc8d8'/%3E%3C/svg%3E");
        background-position: 30px calc(50% + 1px);
        padding-right: 30px;
        padding-left: 60px;
    }

.btn-useful--no {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.9 16' width='14' height='16'%3E%3Cpath d='M1.3,7.1A1.3,1.3,0,0,0,0,8.3,1.3,1.3,0,0,0,1.1,9.7l4.5.6a8,8,0,0,0-1,3.9A1.6,1.6,0,0,0,6.4,16c.5,0,.6-1,.6-1H7a7.9,7.9,0,0,1,.8-2.3c.6-1.1,1.4-1,2.3-2l.6-.9h.1V9.4a2.5,2.5,0,0,1,1.9-.5,1.1,1.1,0,0,0,1.1-1.2V2.3c0-.8-.3-1.1-1.1-1.1H11.6c-.6,0-1-.4-1.7-.6A16.2,16.2,0,0,0,5,0H3.2a1.3,1.3,0,0,0-.9.4A1.1,1.1,0,0,0,2,.9v.2a1.1,1.1,0,0,0,.7,1.1H1.9A1.2,1.2,0,0,0,.6,3.3h0A1.2,1.2,0,0,0,1.8,4.6H1.4a1.3,1.3,0,0,0-.1,2.5Z' fill='%237860a9'/%3E%3C/svg%3E");
    background-position: calc(100% - 30px) calc(50% + 3px);
    padding-right: 60px;
}

    .btn-useful--no:hover,
    .btn-useful--no.disabled.active {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.9 16' width='14' height='16'%3E%3Cpath d='M1.3,7.1A1.3,1.3,0,0,0,0,8.3,1.3,1.3,0,0,0,1.1,9.7l4.5.6a8,8,0,0,0-1,3.9A1.6,1.6,0,0,0,6.4,16c.5,0,.6-1,.6-1H7a7.9,7.9,0,0,1,.8-2.3c.6-1.1,1.4-1,2.3-2l.6-.9h.1V9.4a2.5,2.5,0,0,1,1.9-.5,1.1,1.1,0,0,0,1.1-1.2V2.3c0-.8-.3-1.1-1.1-1.1H11.6c-.6,0-1-.4-1.7-.6A16.2,16.2,0,0,0,5,0H3.2a1.3,1.3,0,0,0-.9.4A1.1,1.1,0,0,0,2,.9v.2a1.1,1.1,0,0,0,.7,1.1H1.9A1.2,1.2,0,0,0,.6,3.3h0A1.2,1.2,0,0,0,1.8,4.6H1.4a1.3,1.3,0,0,0-.1,2.5Z' fill='%23ffffff'/%3E%3C/svg%3E");
        background-position: calc(100% - 30px) calc(50% + 3px);
    }

    .btn-useful--no.disabled:not(.active):hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.9 16' width='14' height='16'%3E%3Cpath d='M1.3,7.1A1.3,1.3,0,0,0,0,8.3,1.3,1.3,0,0,0,1.1,9.7l4.5.6a8,8,0,0,0-1,3.9A1.6,1.6,0,0,0,6.4,16c.5,0,.6-1,.6-1H7a7.9,7.9,0,0,1,.8-2.3c.6-1.1,1.4-1,2.3-2l.6-.9h.1V9.4a2.5,2.5,0,0,1,1.9-.5,1.1,1.1,0,0,0,1.1-1.2V2.3c0-.8-.3-1.1-1.1-1.1H11.6c-.6,0-1-.4-1.7-.6A16.2,16.2,0,0,0,5,0H3.2a1.3,1.3,0,0,0-.9.4A1.1,1.1,0,0,0,2,.9v.2a1.1,1.1,0,0,0,.7,1.1H1.9A1.2,1.2,0,0,0,.6,3.3h0A1.2,1.2,0,0,0,1.8,4.6H1.4a1.3,1.3,0,0,0-.1,2.5Z' fill='%235dc8d8'/%3E%3C/svg%3E");
        background-position: calc(100% - 30px) calc(50% + 3px);
        padding-right: 60px;
    }

.useful-form {
    padding: 30px 0;
    display: none;
}

.tekst.my-6:has(+.tiles) {
    margin-bottom: 0 !important;
}

.tekst.my-6 +.tiles,
.intro +.tiles {
    margin-top: 2rem !important;
}

/**************************
CONTRAST & WCAG
**************************/

.wcag {
    position: fixed;
    left: 30px;
    bottom: 30px;
    width: 44px;
    height: 44px;
    z-index: 2000;
}

    .wcag .btn-wcag {
        border: none;
        background: none;
        box-shadow: none;
        cursor: pointer;
    }

    .wcag .dropdown-wcag {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: -150px;
        border: 1px solid rgba(194, 213, 216, 0.3);
        box-shadow: 0 2px 14px 0 rgba(194, 213, 216, .3);
        padding: 15px;
        z-index: 20;
    }

@media(max-width: 767px) {
    .wcag {
        left: unset;
        bottom: unset;
        top: 20px;
        right: 30px;
    }

        .wcag .dropdown-wcag {
            top: 55px;
            left: unset;
            right: -5px;
        }
}

.btn-contrast {
    margin-bottom: 10px;
}

.btn-contrast,
.btn-dyslexic {
    font-family: RooneySans-Medium;
    background-color: #fff;
    color: var(--blue);
    padding: 0 50px 0 10px;
    position: relative;
    width: 100%;
    text-align: left;
}

    .btn-contrast:hover,
    .btn-dyslexic:hover {
        color: #0074d9;
    }

    .btn-contrast:before,
    .btn-dyslexic:before {
        content: "";
        width: 40px;
        height: 26px;
        border-radius: 13px;
        position: absolute;
        right: 0;
        top: 9.5px;
        background-color: #ddd;
        transition: all .3s linear;
    }

    .btn-contrast:hover:before,
    .btn-dyslexic:hover:before {
        background-color: #ccc;
    }

    .btn-contrast.active:before,
    .btn-dyslexic.active:before {
        background-color: var(--green);
    }

    .btn-contrast.active,
    .btn-dyslexic.active {
        color: #0074d9;
    }

    .btn-contrast:after,
    .btn-dyslexic:after {
        content: "";
        width: 22px;
        height: 22px;
        border-radius: 11px;
        position: absolute;
        right: 16px;
        top: 11.5px;
        background-color: #fff;
    }

    .btn-contrast:hover:after,
    .btn-dyslexic:hover:after {
        right: 10px;
    }

    .btn-contrast.active:after,
    .btn-dyslexic.active:after {
        right: 2px;
    }

@media(max-width: 767px) {
    /*
    .btn-contrast,
    .btn-dyslexic,
    body.contrast .btn-contrast,
    body.contrast .btn-dyslexic {
        background-color: transparent;
        color: #fff;
        margin-bottom: 5px;
    }

        body.contrast .btn-contrast:before,
        body.contrast .btn-dyslexic:before {
            background-image: url(/images/contrast-back-1.svg);
        }
*/
}

body.contrast section.home-intro:before {
    opacity: 0.5;
    filter: grayscale(1);
}

body.contrast .sticky-help {
    padding: 5px;
    background-color: rgba(255,255,255,0.9);
    width: auto;
    height: 60px;
    right: 25px;
    bottom: 25px;
}

    body.contrast .sticky-help.open {
        padding: 5px 5px 5px 15px;
    }

    body.contrast .sticky-help:hover {
        background-color: var(--turqouise);
    }

body.contrast time {
    color: var(--grey);
}

body.contrast a:focus,
body.contrast a.cta:focus,
body.contrast .navbar-toggler:focus,
body.contrast .btn:focus,
body.contrast .flickity-button:focus {
    box-shadow: none !important;
    outline: 3px solid #f4813b !important;
    outline-offset: 3px;
}

body.contrast footer a:hover {
    color: #fff;
    text-decoration: underline;
}

body.contrast .btn-secondary:not(.dropdown-toggle) {
    border-color: #fff;
    color: #fff;
}

    body.contrast .btn-secondary:not(.dropdown-toggle):hover {
        border-color: #fff;
        background-color: #fff;
    }

    body.contrast .btn-secondary:not(.dropdown-toggle) span {
        color: #fff;
    }

    body.contrast .btn-secondary:not(.dropdown-toggle):hover span {
        color: #000;
    }

body.contrast #filterResultatenOpties .btn-secondary:not(.dropdown-toggle) {
    border-color: var(--blue);
    color: var(--blue);
}

    body.contrast #filterResultatenOpties .btn-secondary:not(.dropdown-toggle) span {
        color: var(--turqouise);
    }

body.contrast mark {
    background-color: #ffeebc;
}

body.contrast .background {
    display: none;
}

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

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


body.contrast .colorwidget-color {
    background-color: var(--turqouise);
}


body {
    visibility: visible !important;
}