@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 5400;
    src: url(../fonts/DMSans-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/DMSans-Medium.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/DMSans-SemiBold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/DMSans-Black.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Sohne Breit;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/SohneBreit-Extrafett.woff2) format("woff2")
}

:root {
    --bs-accordion-icon-color: $white;
    --bs-accordion-icon-active-color: $white
}

.h1, .h2, h1, h2 {
    font-size: 2.5rem
}

.h3, h3 {
    font-size: 1.5rem
}

.h4, .h5, .h6, h4, h5, h6 {
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    -webkit-hyphens: auto;
    hyphens: auto
}

    .h1.--primary, .h2.--primary, .h3.--primary, .h4.--primary, .h5.--primary, .h6.--primary, h1.--primary, h2.--primary, h3.--primary, h4.--primary, h5.--primary, h6.--primary {
        color: #20315c !important
    }

    .h1.--secondary, .h2.--secondary, .h3.--secondary, .h4.--secondary, .h5.--secondary, .h6.--secondary, h1.--secondary, h2.--secondary, h3.--secondary, h4.--secondary, h5.--secondary, h6.--secondary {
        color: #aa334d !important
    }

    .h1.--tertiary, .h2.--tertiary, .h3.--tertiary, .h4.--tertiary, .h5.--tertiary, .h6.--tertiary, h1.--tertiary, h2.--tertiary, h3.--tertiary, h4.--tertiary, h5.--tertiary, h6.--tertiary {
        color: #399356 !important
    }

    .h1.--quaternary, .h2.--quaternary, .h3.--quaternary, .h4.--quaternary, .h5.--quaternary, .h6.--quaternary, h1.--quaternary, h2.--quaternary, h3.--quaternary, h4.--quaternary, h5.--quaternary, h6.--quaternary {
        color: #3d89be !important
    }

.--font-heading {
    font-family: Sohne Breit
}

.hightlight, mark {
    font-weight: 900
}

a:not(.btn) {
    transition: all .25s ease-out
}

    a:not(.btn):focus-visible {
        outline: 0;
        outline-offset: 8px;
        outline-style: solid;
        outline-width: 1px
    }

.img-object-fit {
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0
}

.btn {
    box-shadow: none !important;
    outline-color: transparent !important;
    outline-offset: 0 !important;
    outline-style: solid !important;
    outline-width: 2px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .btn:focus-visible {
        outline-color: #399356 !important
    }

.btn-primary {
    background-color: #20315c
}

    .btn-primary:hover {
        background-color: #37466d;
        border-color: #37466d
    }

    .btn-primary:active {
        background-color: #1d2c53;
        border-color: #1d2c53
    }

    .btn-primary:focus-visible {
        background-color: #20315c;
        border-color: #20315c
    }

    .btn-primary.disabled, .btn-primary[disabled] {
        background-color: rgba(32,49,92,.6);
        color: hsla(0,0%,100%,.8)
    }

.btn-secondary {
    background-color: #aa334d
}

    .btn-secondary:hover {
        background-color: #b3485f;
        border-color: #b3485f
    }

    .btn-secondary:active {
        background-color: #992e45;
        border-color: #992e45
    }

    .btn-secondary:focus-visible {
        background-color: #aa334d;
        border-color: #aa334d
    }

    .btn-secondary.disabled, .btn-secondary[disabled] {
        background-color: rgba(170,51,77,.6);
        color: hsla(0,0%,100%,.8)
    }

.btn-white-secondary {
    background-color: #fff;
    border-color: hsla(0,0%,100%,.6);
    color: #aa334d
}

    .btn-white-secondary:focus-visible {
        background-color: #fff;
        border-color: hsla(0,0%,100%,.6);
        color: #aa334d
    }

    .btn-white-secondary.disabled, .btn-white-secondary[disabled] {
        background-color: hsla(0,0%,100%,.6);
        border-color: hsla(0,0%,100%,.6);
        color: #aa334d
    }

.btn-outline {
    background-color: transparent;
    border-color: rgba(32,49,92,.6);
    color: #20315c
}

    .btn-outline:hover {
        background-color: #37466d;
        border-color: #37466d
    }

    .btn-outline:active {
        background-color: #1d2c53 !important;
        border-color: #1d2c53 !important
    }

    .btn-outline:focus-visible {
        background-color: #20315c;
        border-color: #20315c
    }

.btn-outline-white {
    background-color: transparent;
    border-color: hsla(0,0%,100%,.6);
    color: #fff
}

    .btn-outline-white:hover {
        background-color: #fff;
        border-color: #fff;
        color: #20315c
    }

    .btn-outline-white:active {
        background-color: #e8eaee;
        border-color: hsla(0,0%,100%,.6)
    }

    .btn-outline-white:focus-visible {
        background-color: transparent;
        border-color: hsla(0,0%,100%,.6);
        color: #fff
    }

.btn-icon-right {
    padding-right: 3.125rem
}

    .btn-icon-right:after {
        right: 1rem
    }

.btn-icon-left {
    padding-left: 3.125rem
}

    .btn-icon-left:after {
        left: 1rem
    }

.btn-icon-center:after {
    left: 50%;
    transform: translate(-50%,-50%)
}

.btn-icon-left, .btn-icon-right {
    min-width: 13.25rem
}

    .btn-icon-left:after, .btn-icon-right:after {
        transform: translateY(-50%)
    }

    .btn-icon-center:after, .btn-icon-left:after, .btn-icon-right:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80% 80%;
        content: "";
        height: 1.5rem;
        position: absolute;
        top: 50%;
        width: 1.5rem
    }

.btn-play {
    background-color: #399356;
    border-radius: 50%;
    height: 3rem;
    min-width: 0;
    width: 3rem
}

    .btn-play:active, .btn-play:hover {
        background-color: #399356 !important;
        border-color: #399356 !important
    }

    .btn-play:focus-visible {
        background-color: #399356
    }

    .btn-play:after {
        background-image: url(../images/play-24px-white.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.5rem;
        left: calc(50% + 2px);
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 1.5rem
    }

.btn.disabled, .btn[disabled] {
    cursor: not-allowed
}

    .btn.disabled:after, .btn[disabled]:after {
        opacity: .8
    }

.form-input {
    background-color: #fff;
    border: 1px solid rgba(32,49,92,.6);
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    outline-color: transparent;
    outline-offset: 0;
    outline-style: solid;
    outline-width: 2px;
    padding-bottom: .75rem;
    padding-top: .75rem;
    transition: all .25s ease-out
}

    .form-input:focus {
        outline-color: #3d89be
    }

.form-checkbox_label {
    color: #20315c;
    cursor: pointer;
    font-size: 1rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 24px;
    padding-bottom: .75rem;
    padding-left: 2.8125rem;
    padding-top: .75rem;
    transition: all .25s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .form-checkbox_label:after, .form-checkbox_label:before {
        border-radius: 4px;
        content: "";
        display: inline-block;
        height: 1rem;
        left: 1rem;
        position: absolute;
        top: 1rem;
        width: 1rem
    }

    .form-checkbox_label:before {
        background-color: #fff;
        border: 1px solid rgba(32,49,92,.4);
        z-index: 1
    }

    .form-checkbox_label:after {
        background-color: #20315c;
        background-image: url(../images/checkbox-tick-8px-white.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 10px 10px;
        opacity: 0;
        transition: opacity .2s ease-out;
        z-index: 2
    }

.form-checkbox input[type=checkbox] {
    height: 16px;
    left: 1rem;
    opacity: 0;
    top: 1rem;
    width: 16px
}

    .form-checkbox input[type=checkbox]:focus-visible + label {
        outline-color: #399356;
        outline-offset: -2px !important;
        outline-style: solid;
        outline-width: 2px
    }

    .form-checkbox input[type=checkbox]:checked + label:after {
        opacity: 1
    }

input[type=search]::-webkit-search-cancel-button {
    color: #20315c
}

.icon-ai-white:after {
    background-image: url(../images/ai-24px-white.svg)
}

.icon-ai-blue:after {
    background-image: url(../images/ai-24px-blue.svg)
}

.icon-arrow-left-blue:after {
    background-image: url(../images/arrow-left-24px-blue.svg)
}

.icon-arrow-left-white:after {
    background-image: url(../images/arrow-left-24px-white.svg)
}

.icon-arrow-right-blue:after {
    background-image: url(../images/arrow-right-24px-blue.svg)
}

.icon-arrow-right-white:after {
    background-image: url(../images/arrow-right-24px-white.svg)
}

.icon-bookmark-lightblue:after {
    background-image: url(../images/bookmark-24px-lightblue.svg)
}

.icon-brain-lightblue:after {
    background-image: url(../images/brain-24px-lightblue.svg)
}

.icon-calendar-lightblue:after {
    background-image: url(../images/calendar-24px-lightblue.svg)
}

.icon-clock-lightblue:after {
    background-image: url(../images/clock-24px-lightblue.svg)
}

.icon-close-white:after {
    background-image: url(../images/close-20px-white.svg)
}

.icon-euro-lightblue:after {
    background-image: url(../images/euro-24px-lightblue.svg)
}

.icon-heart-blue:after {
    background-image: url(../images/heart-24px-blue.svg)
}

.icon-mail-send-white:after {
    background-image: url(../images/mail-send-24px-white.svg)
}

.icon-medal-lightblue:after {
    background-image: url(../images/medal-24px-lightblue.svg)
}

.icon-play-white:after {
    background-image: url(../images/play-24px-white.svg)
}

.icon-searchglass-lightblue:after {
    background-image: url(../images/searchglass-24px-lightbue.svg)
}

.icon-suitecase-lightblue:after {
    background-image: url(../images/suitecase-24px-lightblue.svg)
}

.icon-user-lightblue:after {
    background-image: url(../images/user-24px-lightblue.svg)
}

.icon-whatsapp-blue:after {
    background-image: url(../images/whatsapp-24px-blue.svg)
}

.icon-whatsapp-white:after {
    background-image: url(../images/whatsapp-24px-white.svg)
}

.fade-in-200 {
    animation: fade-in .2s ease-in
}

.fade-out-200 {
    animation: fade-out .2s ease-out
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.navigation {
    z-index: 1033
}

.navigation_bar {
    left: 0;
    top: 0;
    z-index: 1031
}

.navigation_top-links a {
    text-decoration: none
}

    .navigation_top-links a:hover {
        text-decoration: underline
    }

    .navigation_top-links a:focus-visible {
        outline-offset: .125rem
    }

.navigation_top-links-mobile li {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.navigation_menu {
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgba(32,49,92,.2)
}

.navigation_menu-list > li.is-active .navigation_menu-btn:after, .navigation_menu-list > li.is-active .navigation_menu-link:after {
    opacity: 1
}

.navigation_menu-btn, .navigation_menu-link {
    border-radius: 0
}

    .navigation_menu-btn:after, .navigation_menu-link:after {
        background-color: #a5b1d0;
        content: "";
        opacity: 0;
        position: absolute;
        transition: all .25s ease-out
    }

.navigation_menu-link {
    text-decoration: none
}

.navigation_logo:focus-visible {
    outline-color: #399356 !important;
    outline-offset: 4px !important;
    outline-width: 2px !important
}

.navigation_skip {
    height: 1px;
    left: 50%;
    margin: -1px;
    padding: 0;
    top: 2rem;
    width: 1px;
    z-index: 1090;
    clip: rect(0,0,0,0);
    border: 0;
    opacity: 0;
    transform: translateX(-50%);
    white-space: nowrap
}

    .navigation_skip:focus-visible {
        height: auto;
        margin: 0;
        padding: .6875rem 1.375rem;
        width: auto;
        clip: auto;
        opacity: 1
    }

.navigation_collapse-close:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 1.25rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem
}

.navigation_submenu-col {
    display: none
}

.navigation_submenu-title {
    font-family: Sohne Breit
}

.navigation_submenu-list {
    border-top-style: solid;
    border-top-width: .0625rem
}

    .navigation_submenu-list li {
        border-bottom-style: solid;
        border-bottom-width: .0625rem
    }

.navigation_submenu-btn {
    padding-right: 3.5625rem
}

    .navigation_submenu-btn:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.25rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25rem
    }

.navigation_subsubmenu {
    display: none
}

.navigation_subsubmenu-list {
    border-top-style: solid;
    border-top-width: .0625rem
}

    .navigation_subsubmenu-list li {
        border-bottom-style: solid;
        border-bottom-width: .0625rem
    }

.navigation_indicator {
    background-color: #e0681d;
    border-radius: 50%;
    height: .75rem;
    width: .75rem;
    z-index: 2
}

.navigation .--heart:hover, .navigation .--searchglass:hover {
    text-decoration: underline
}

.navigation .--heart:after, .navigation .--searchglass:after {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 1.5rem;
    left: auto;
    opacity: 1;
    position: absolute;
    right: 4px;
    top: 50%;
    width: 1.5rem
}

.navigation .--heart:after {
    background-image: url(../images/heart-24px-blue.svg)
}

.navigation .--searchglass:after {
    background-image: url(../images/searchglass-24px-blue.svg)
}

.navigation_card-wrap .btn-outline.icon-arrow-right-blue:after {
    background-image: url(../images/arrow-right-24px-white.svg)
}

.navigation_card-title {
    font-family: Sohne Breit
}

.navigation_search {
    display: none;
    left: 50%;
    max-width: 83rem;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1055
}

.navigation_search, .navigation_search-overlay {
    opacity: 0;
    top: 0;
    transition: opacity .3s ease-in-out
}

.navigation_search-overlay {
    backface-visibility: hidden;
    height: 100dvh;
    left: 0;
    transform: scale(0);
    will-change: transform;
    z-index: 1054
}

    .navigation_search-overlay.is-active {
        opacity: 1;
        transform: scale(1)
    }

.navigation_search.is-active {
    opacity: 1;
    transform: translateX(-50%)
}

.navigation_search-close {
    transition: all .25s ease-out
}

    .navigation_search-close:focus-visible {
        outline-color: #399356;
        outline-offset: 4px;
        outline-style: solid;
        outline-width: 2px
    }

    .navigation_search-close span {
        color: #20315c;
        padding-right: 1.75rem
    }

        .navigation_search-close span:after {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 1.25rem;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1.25rem
        }

.navigation_search-title {
    font-family: Sohne Breit
}

.navigation_search-input {
    border-radius: .1875rem;
    font-size: 1rem;
    line-height: 1.5rem;
    outline-color: transparent;
    outline-offset: 0;
    outline-style: solid;
    outline-width: 2px;
    padding: .75rem 1.25rem;
    transition: all .25s ease-out
}

    .navigation_search-input:focus {
        outline-color: #399356
    }

.navigation_search-list a {
    font-weight: 500;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-decoration: none
}

    .navigation_search-list a:focus-visible {
        outline-offset: 0;
        outline-width: 2px
    }

    .navigation_search-list a:has(.position-relative) {
        font-weight: 400
    }

    .navigation_search-list a span:first-child {
        font-size: 1rem
    }

    .navigation_search-list a span:nth-child(2) {
        opacity: .8
    }

.navigation_search-no-result {
    border-bottom: 1px solid rgba(210,226,238,.1);
    font-weight: 900;
    padding-bottom: .75rem
}

.navigation_search-footer-title {
    margin-bottom: .625rem
}

.navigation_search-footer > div {
    gap: 1rem
}

.navigation_search-outline-btn {
    min-width: 0
}

.header {
    overflow-x: hidden
}

.header_hero {
    left: 0;
    top: 0;
    z-index: -1
}

    .header_hero:after {
        background: linear-gradient(180deg,rgba(30,87,153,0) 0,rgba(30,82,146,0) 12%,#1f4075 70%,#20315c);
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.header_content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 24rem
}

.header_index {
    left: 0;
    z-index: 1031
}

.header_index-bar {
    background-color: #fff;
    height: inherit;
    z-index: 1000
}

.header_index-btn, .header_index-link {
    border-radius: 0;
    line-height: 1.125rem
}

.header_index-btn {
    color: #20315c
}

    .header_index-btn:active, .header_index-btn:focus-visible, .header_index-btn:hover {
        color: #20315c !important
    }

    .header_index-btn:active {
        border-color: transparent !important
    }

    .header_index-btn:focus-visible {
        outline-offset: -2px !important
    }

    .header_index-btn:after {
        background-image: url(../images/arrow-down-24px-blue.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.125rem;
        transition: all .25s ease-out;
        width: 1.125rem
    }

    .header_index-btn[aria-expanded=true]:after {
        transform: rotate(180deg)
    }

.header_index-signup {
    right: 0;
    top: 0
}

.header_index-signup-dropdown {
    background-color: #fff;
    color: #20315c;
    display: none;
    opacity: 0;
    right: 0;
    transition: all .3s ease-in-out
}

    .header_index-signup-dropdown a {
        color: #20315c;
        line-height: 1
    }

        .header_index-signup-dropdown a:hover {
            background-color: #e9eaef
        }

        .header_index-signup-dropdown a:focus-visible {
            background-color: #e9eaef;
            outline-color: #399356;
            outline-offset: -2px;
            outline-style: solid;
            outline-width: 2px
        }

    .header_index-signup-dropdown.show {
        opacity: 1
    }

.header_index-link:focus-visible {
    outline-offset: -2px
}

.header_index-dropdown {
    background-color: #fff;
    color: #20315c;
    display: none;
    left: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

    .header_index-dropdown a {
        color: #20315c;
        line-height: 1
    }

        .header_index-dropdown a:hover {
            background-color: #e9eaef
        }

        .header_index-dropdown a:focus-visible {
            background-color: #e9eaef;
            outline-color: #399356;
            outline-offset: -2px;
            outline-style: solid;
            outline-width: 2px
        }

    .header_index-dropdown.show {
        opacity: 1
    }

.header_index-nav {
    max-height: 40rem
}

.header .--bg-white {
    background-color: #fff;
    color: #20315c
}

.header_category-back a, .header_event-back a, .header_favorites-back a, .header_forms-back a, .header_info-back a, .header_list-back a, .header_newsandpublication-back a, .header_training-back a {
    color: #20315c;
    padding-left: 1.625rem
}

    .header_category-back a:before, .header_event-back a:before, .header_favorites-back a:before, .header_forms-back a:before, .header_info-back a:before, .header_list-back a:before, .header_newsandpublication-back a:before, .header_training-back a:before {
        background-image: url(../images/arrow-right-24px-blue.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.125rem;
        left: 0;
        position: absolute;
        top: 3px;
        transform: rotate(180deg);
        width: 1.125rem
    }

.header_event .--bg-white, .header_favorites .--bg-white, .header_forms .--bg-white, .header_info .--bg-white, .header_list .--bg-white, .header_newsandpublication .--bg-white, .header_training .--bg-white {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.header_event-title, .header_info-title, .header_newsandpublication-title, .header_training-title {
    text-wrap: balance
}

.header_event-list, .header_training-list {
    row-gap: 1rem
}

    .header_event-list strong:before, .header_training-list strong:before {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.5rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 1.5rem
    }

    .header_event-list strong.--clock:before, .header_training-list strong.--clock:before {
        background-image: url(../images/clock-24px-white.svg)
    }

    .header_event-list strong.--timetable:before, .header_training-list strong.--timetable:before {
        background-image: url(../images/timetable-24px-white.svg)
    }

    .header_event-list strong.--signup:before, .header_training-list strong.--signup:before {
        background-image: url(../images/signup-24px-white.svg)
    }

    .header_event-list strong.--marker:before, .header_training-list strong.--marker:before {
        background-image: url(../images/marker-24px-white.svg)
    }

    .header_event-list strong.--euro:before, .header_training-list strong.--euro:before {
        background-image: url(../images/euro-24px-white.svg)
    }

    .header_event-list strong.--teacher:before, .header_training-list strong.--teacher:before {
        background-image: url(../images/teacher-24px-white.svg)
    }

    .header_event-list span, .header_training-list span {
        opacity: .8
    }

    .header_event-list span, .header_event-list strong, .header_training-list span, .header_training-list strong {
        padding-left: 2.3125rem
    }

.header_event-videos .tns-controls button[disabled], .header_training-videos .tns-controls button[disabled] {
    background-color: #aa334d
}

.header_info-intro, .header_info-meta, .header_newsandpublication-intro, .header_newsandpublication-meta {
    font-size: 1rem
}

    .header_info-intro > :last-child, .header_newsandpublication-intro > :last-child {
        margin-bottom: 0
    }

.header_info-body-intro, .header_newsandpublication-body-intro {
    font-size: 1rem;
    line-height: 1.875rem
}

.header_info-body-img, .header_newsandpublication-body-img {
    margin-top: -8rem
}

.header_training-badge {
    background-color: #aa334d;
    color: #fff;
    max-width: 20.5rem;
    padding-bottom: .875rem;
    padding-top: .875rem
}

.header_training-btn {
    min-width: 0
}

    .header_training-btn:hover {
        background-color: #20315c;
        border-color: #20315c;
        color: #fff
    }

        .header_training-btn:hover:after {
            background-image: url(../images/heart-24px-white.svg)
        }

    .header_training-btn:active {
        background-color: #1d2c53 !important;
        border-color: #1d2c53 !important;
        color: #fff !important
    }

        .header_training-btn:active:after {
            background-image: url(../images/heart-24px-white.svg)
        }

    .header_training-btn:focus-visible {
        background-color: #20315c;
        border-color: #20315c;
        color: #fff
    }

        .header_training-btn:focus-visible:after {
            background-image: url(../images/heart-24px-white.svg)
        }

    .header_training-btn:after {
        height: 1.25rem;
        width: 1.25rem
    }

    .header_training-btn.active:after {
        background-image: url(../images/heart-active-24px-red.svg)
    }

    .header_training-btn.active:hover:after {
        background-image: url(../images/heart-active-24px-white.svg)
    }

.header_training-trust .--students {
    font-size: .75rem;
    line-height: .75rem;
    margin-top: .3125rem
}

.header_training-trust .--badge img {
    max-width: 5.1875rem
}

.header_training-rating {
    font-family: Sohne Breit
}

    .header_training-rating .--rating {
        line-height: 2rem
    }

    .header_training-rating .--total {
        font-size: 1.25rem;
        line-height: 8px
    }

.header_training-stars img {
    height: 1.3125rem;
    width: 1.125rem
}

.header_forms-body a {
    color: #20315c
}

.header_forms-intro {
    font-size: 1rem
}

.header_favorites-intro, .header_list-intro {
    font-size: 1rem;
    line-height: 2rem
}

.header_list-btn:focus-visible, .header_list-btn:hover {
    background-color: #20315c;
    border-color: #20315c
}

.header_list-btn:active, .header_list-btn:focus-visible, .header_list-btn:hover {
    color: #fff
}

    .header_list-btn:active:after, .header_list-btn:focus-visible:after, .header_list-btn:hover:after {
        background-image: url(../images/arrow-left-24px-white.svg)
    }

.header_list-btn:active {
    background-color: #1d2c53 !important;
    border-color: #1d2c53 !important;
    color: #fff !important
}

.header_category-body > :last-child {
    margin-bottom: 0
}

.header_category-back a {
    color: #fff
}

    .header_category-back a:before {
        background-image: url(../images/arrow-right-24px-white.svg)
    }

.header .breadcrumb a:focus-visible {
    outline-color: #399356;
    outline-offset: 0;
    outline-style: solid;
    outline-width: 2px
}

.main_gradient {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    z-index: -1
}

    .main_gradient.--mid {
        background-image: url(../images/gradient-main-mid.svg)
    }

.card {
    background-color: #e9eaef
}

    .card:after, .card:before {
        content: "";
        height: 50.75rem;
        position: absolute;
        width: 50.75rem
    }

    .card:after {
        background: radial-gradient(ellipse at center,rgba(122,193,156,.5) 0,rgba(122,193,156,0) 65%);
        bottom: -580px;
        left: -445px
    }

    .card:before {
        background: radial-gradient(ellipse at center,rgba(61,137,190,.5) 0,rgba(61,137,190,0) 65%);
        bottom: -500px;
        right: -445px
    }

.card_title {
    font-size: 1.5rem
}

.card .btn, .card_intro, .card_title {
    z-index: 1
}

.card-agenda, .card-news, .card-training {
    background-color: #fff;
    color: #20315c
}

    .card-agenda:focus-visible, .card-news:focus-visible, .card-training:focus-visible {
        outline-color: #399356 !important;
        outline-offset: 0 !important;
        outline-style: solid !important;
        outline-width: 2px !important
    }

.card-agenda_body-img, .card-news_body-img, .card-training_body-img {
    aspect-ratio: 320/200;
    background-color: #fff
}

.card-agenda_body-cta, .card-news_body-cta, .card-training_body-cta {
    margin-bottom: 1.3125rem;
    padding-left: 1.5rem;
    padding-right: 1.3125rem
}

    .card-agenda_body-cta:after, .card-news_body-cta:after, .card-training_body-cta:after {
        background-image: url(../images/arrow-right-24px-blue.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
        height: 1.25rem;
        position: absolute;
        right: 1.3125rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25rem
    }

.card-agenda_body-title {
    display: -webkit-box;
    margin-bottom: .8125rem;
    min-height: 3rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #20315c;
    overflow: hidden
}

    .card-agenda_body-title span {
        display: inline-block;
        font-family: DM Sans,sans-serif;
        font-size: 1rem;
        font-weight: 400;
        text-transform: lowercase
    }

.card-agenda_body-list {
    margin-bottom: 1.0625rem;
    row-gap: .3125rem
}

    .card-agenda_body-list > li {
        -moz-column-gap: .8125rem;
        column-gap: .8125rem;
        padding-left: 2.3125rem
    }

        .card-agenda_body-list > li:before {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 1.5rem;
            left: 0;
            position: absolute;
            top: 0;
            width: 1.5rem
        }

        .card-agenda_body-list > li span:nth-child(2) {
            opacity: .8
        }

    .card-agenda_body-list .--time:before {
        background-image: url(../images/clock-24px-blue.svg)
    }

    .card-agenda_body-list .--date:before {
        background-image: url(../images/calendar-24px-blue.svg)
    }

    .card-agenda_body-list .--marker:before {
        background-image: url(../images/marker-24px-white.svg)
    }

.card-agenda_body-list, .card-agenda_body-title {
    padding-left: 1.5rem;
    padding-right: 1.3125rem
}

.card-news_body-title {
    display: -webkit-box;
    min-height: 4.5rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #20315c;
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    overflow: hidden
}

.card-list_favorite-btn, .card-training_favorite-btn {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1.5rem;
    transition: all .25s ease-out;
    width: 1.5rem
}

.card-training_body-title {
    color: #20315c;
    width: calc(100% - 24px)
}

.card-training_body-intro {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.card-training_body > span {
    opacity: .8
}

.card-training_favorite-btn {
    right: 16px;
    top: 224px
}

.card-training.--no-img .card-training_favorite-btn {
    bottom: 16px;
    top: auto
}

.card-favorite_favorite-btn, .card-training_favorite-btn {
    background-image: url(../images/heart-24px-blue.svg)
}

    .card-favorite_favorite-btn:focus-visible, .card-favorite_favorite-btn:hover, .card-training_favorite-btn:focus-visible, .card-training_favorite-btn:hover {
        background-image: url(../images/heart-active-24px-blue.svg)
    }

    .card-favorite_favorite-btn.active, .card-training_favorite-btn.active {
        background-image: url(../images/heart-active-24px-red.svg)
    }

.card-ede {
    background-color: #20315c
}

    .card-ede:focus-visible {
        outline-color: #399356 !important;
        outline-offset: 0 !important;
        outline-style: solid !important;
        outline-width: 2px !important
    }

.card-ede_body-img {
    aspect-ratio: 320/200
}

.card-ede_body-intro {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.card-ede_body-cta {
    color: #fff
}

    .card-ede_body-cta:after {
        background-image: url(../images/arrow-right-24px-white.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
        height: 1.25rem;
        position: absolute;
        right: 1.3125rem;
        top: calc(50% - 12px);
        transform: translateY(-50%);
        width: 1.25rem
    }

.card-tab {
    background-color: #399356
}

.card-tab_title {
    font-size: 1.375rem;
    line-height: 2rem
}

.card-tab_list {
    row-gap: .0625rem
}

    .card-tab_list li {
        background-color: #327e4b;
        height: 5.5625rem;
        padding-left: .75rem;
        padding-right: .75rem
    }

        .card-tab_list li span {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

.card-media {
    aspect-ratio: 256/392
}

.card-media_btn {
    left: 0;
    top: 0;
    z-index: 1
}

    .card-media_btn:focus-visible {
        outline-color: #399356;
        outline-offset: -2px;
        outline-style: solid;
        outline-width: 2px
    }

.card-list {
    background-color: #182954
}

    .card-list:focus-visible {
        outline-color: #399356 !important;
        outline-offset: 0 !important;
        outline-style: solid !important;
        outline-width: 2px !important
    }

    .card-list:before {
        background-color: #fff;
        content: "";
        display: none;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 1000%
    }

.card-list_intro, .card-list_title {
    text-wrap: balance
}

.card-list_meta {
    line-height: 1.3125rem
}

.card-list_intro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.card-list_cta:after {
    background-image: url(../images/arrow-right-24px-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    content: "";
    height: 1.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem
}

.card-list_favorite-btn {
    background-image: url(../images/heart-24px-white.svg);
    right: 40px;
    top: 40px
}

    .card-list_favorite-btn:hover {
        background-image: url(../images/heart-active-24px-white.svg)
    }

    .card-list_favorite-btn.active {
        background-image: url(../images/heart-active-24px-red.svg)
    }

.card-list_list {
    row-gap: .5rem
}

.card-list_list-item {
    padding-left: 2.3125rem
}

    .card-list_list-item:before {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.5rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 1.5rem
    }

    .card-list_list-item span:nth-child(2) {
        color: #eed6db
    }

    .card-list_list-item.--time:before {
        background-image: url(../images/clock-24px-white.svg)
    }

    .card-list_list-item.--date:before {
        background-image: url(../images/calendar-24px-white.svg)
    }

.card-list.--agenda {
    background-color: #aa334d
}

.card-list.--news .card-list_meta {
    font-size: .875rem;
    line-height: .75rem;
    margin-bottom: .625rem;
    opacity: .8
}

.card-list.--news .card-list_title {
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem
}

.card-list-search {
    color: #20315c
}

    .card-list-search:hover h3 {
        text-decoration: underline
    }

    .card-list-search:focus-visible {
        outline-color: #399356 !important;
        outline-width: 2px !important
    }

.card-list-search_intro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.card-list-search mark {
    color: #aa334d
}

.card-favorite {
    background-color: #fff;
    color: #20315c;
    max-width: 20rem
}

.card-favorite_favorite-btn {
    height: 1.5rem;
    right: 16px;
    top: 32px;
    width: 1.5rem
}

.card-favorite_list {
    row-gap: .0625rem
}

.card-favorite_list-title {
    font-size: 1.125rem
}

.card-favorite_list-item {
    background-color: #e9eaef;
    padding-right: .75rem
}

    .card-favorite_list-item:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.5rem;
        left: 12px;
        position: absolute;
        top: 16px;
        width: 1.5rem
    }

    .card-favorite_list-item a {
        color: inherit
    }

.card-favorite_img {
    aspect-ratio: 320/180
}

    .card-favorite_img img {
        left: 0;
        top: 0
    }

.--primary .card-agenda, .--primary .card-news, .--primary .card-training {
    background-color: #20315c;
    color: #fff
}

.--primary .card-agenda_body-title, .--primary .card-news_body-title, .--primary .card-training_body-title {
    color: #fff
}

.--primary .card-agenda_body-cta:after, .--primary .card-news_body-cta:after, .--primary .card-training_body-cta:after {
    background-image: url(../images/arrow-right-24px-white.svg)
}

.--secondary .card-agenda, .--secondary .card-news, .--secondary .card-training {
    background-color: #aa334d;
    color: #fff
}

.--secondary .card-agenda_body-title, .--secondary .card-news_body-title, .--secondary .card-training_body-title {
    color: #fff
}

.--secondary .card-agenda_body-list > li span:nth-child(2), .--secondary .card-news_body-list > li span:nth-child(2), .--secondary .card-training_body-list > li span:nth-child(2) {
    color: #eed6db;
    opacity: 1
}

.--secondary .card-agenda_body-cta:after, .--secondary .card-news_body-cta:after, .--secondary .card-training_body-cta:after {
    background-image: url(../images/arrow-right-24px-white.svg)
}

.--primary .card-agenda:focus-visible, .--secondary .card-agenda:focus-visible {
    outline-color: #399356 !important
}

.--primary .card-agenda_body-list .--time:before, .--secondary .card-agenda_body-list .--time:before {
    background-image: url(../images/clock-24px-white.svg)
}

.--primary .card-agenda_body-list .--date:before, .--secondary .card-agenda_body-list .--date:before {
    background-image: url(../images/calendar-24px-white.svg)
}

.--primary .card-training_favorite-btn, .--secondary .card-training_favorite-btn {
    background-image: url(../images/heart-24px-white.svg)
}

    .--primary .card-training_favorite-btn:hover, .--secondary .card-training_favorite-btn:hover {
        background-image: url(../images/heart-active-24px-white.svg)
    }

    .--primary .card-training_favorite-btn.active, .--secondary .card-training_favorite-btn.active {
        background-image: url(../images/heart-active-24px-red.svg)
    }

.badge {
    aspect-ratio: 1/1;
    background-color: #aa334d;
    border-radius: 50%;
    color: #fff;
    transform: rotate(7.5deg)
}

.usp {
    color: #20315c
}

.usp_content, .usp_content:after {
    background-color: #fff
}

    .usp_content:after {
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 1000%;
        z-index: -1
    }

.usp_content-title {
    text-wrap: balance
}

.usp_content-card img.img-fluid {
    width: 1.5rem
}

.usp_content-card-title {
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    text-wrap: balance
}

.usp_content-cta:before {
    background-color: rgba(32,49,92,.2);
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.usp_content-btn {
    background-color: #fff;
    z-index: 1
}

    .usp_content-btn:hover {
        background-color: #37466d;
        border-color: #37466d;
        color: #fff
    }

    .usp_content-btn:active {
        background-color: #1d2c53 !important;
        border-color: #1d2c53;
        color: #fff !important
    }

    .usp_content-btn:focus-visible {
        background-color: #20315c;
        border-color: #20315c;
        color: #fff
    }

.usp.--bg-right .usp_content:after {
    left: 0;
    right: auto
}

.options {
    color: #20315c
}

.options_content:after {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.options_content-intro, .options_content-title {
    text-wrap: balance
}

.options_content-intro {
    font-size: 1rem;
    line-height: 1.5rem
}

.options_content-cards {
    gap: 1rem
}

.options_content-card {
    background-color: #e9eaef;
    color: #20315c
}

    .options_content-card:hover {
        background-color: rgba(233,234,239,.5)
    }

    .options_content-card:focus-visible {
        border: 1px solid #fff;
        outline-color: #399356;
        outline-offset: 0;
        outline-style: solid;
        outline-width: 2px
    }

    .options_content-card:after {
        background-image: url(../images/arrow-right-24px-blue.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.5rem;
        position: absolute;
        width: 1.5rem
    }

.options_content-card-img {
    margin-top: -1.5rem
}

.options.--bg-right .options_content:after {
    left: 0;
    right: auto
}

.compare_gradient {
    border-radius: 50%;
    z-index: -1
}

    .compare_gradient.--right {
        background: radial-gradient(ellipse at center,rgba(122,193,156,.5) 0,rgba(122,193,156,0) 50%);
        height: 48.875rem;
        right: -24.4375rem;
        top: 50%;
        transform: translateY(-50%);
        width: 48.875rem
    }

    .compare_gradient.--left {
        background: radial-gradient(ellipse at center,rgba(61,137,190,.5) 0,rgba(61,137,190,0) 50%);
        height: 44.875rem;
        left: -22.4375rem;
        top: 0;
        width: 44.875rem
    }

.compare_intro {
    font-size: 1rem
}

.compare_slider-card {
    background-color: #e9eaef;
    color: #20315c;
    padding-top: 2.625rem
}

.compare_slider-card-list {
    row-gap: 1px
}

    .compare_slider-card-list li {
        background-color: #fff;
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        padding-bottom: .6875rem;
        padding-top: .9375rem
    }

        .compare_slider-card-list li span:first-child {
            flex: 0 0 24px;
            width: 24px
        }

        .compare_slider-card-list li span:nth-child(2) {
            display: -webkit-box;
            flex: 0 0 calc(100% - 36px);
            text-wrap: balance;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            height: 3rem;
            overflow: hidden
        }

.compare_slider-card-btn {
    border-radius: 0;
    color: #20315c
}

    .compare_slider-card-btn:active {
        border: 0
    }

    .compare_slider-card-btn:focus-visible {
        outline-color: #399356;
        outline-offset: 8px;
        outline-style: solid;
        outline-width: 2px
    }

    .compare_slider-card-btn:after {
        right: 0
    }

.banner_row:before {
    background-color: transparent;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.banner_intro {
    color: #20315c
}

.banner_content-intro, .banner_content-title, .banner_modal-intro, .banner_modal-title {
    text-wrap: balance
}

.banner_content:before {
    background-color: #fff;
    content: "";
    display: none;
    height: 100%;
    position: absolute;
    right: -12px;
    top: 0;
    width: 1000%
}

.banner_content-link {
    background-color: #182954
}

    .banner_content-link:focus-visible {
        outline-color: #399356;
        outline-offset: 8px;
        outline-style: solid;
        outline-width: 2px
    }

.banner_content-cta:after {
    background-image: url(../images/arrow-right-24px-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    content: "";
    height: 1.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem
}

.banner_modal {
    background-color: #182954
}

    .banner_modal .btn-outline-white:hover:after {
        background-image: url(../images/arrow-right-24px-blue.svg)
    }

.banner.--bg-white .banner_row:before {
    background-color: #fff
}

.banner.--white .banner_content:before {
    display: block
}

.banner-download_content, .banner-signup_content {
    background-color: #aa334d
}

.banner-download_content-title, .banner-signup_content-title {
    text-wrap: balance
}

.banner-download_content-btn:hover, .banner-signup_content-btn:hover {
    background-color: #fff;
    color: #aa334d
}

.banner-download_content-list, .banner-signup_content-list {
    gap: .75rem
}

    .banner-download_content-list .btn-outline, .banner-signup_content-list .btn-outline {
        border-color: hsla(0,0%,100%,.6);
        color: #fff
    }

        .banner-download_content-list .btn-outline:hover, .banner-signup_content-list .btn-outline:hover {
            background-color: #fff;
            border-color: hsla(0,0%,100%,.6);
            color: #aa334d
        }

        .banner-download_content-list .btn-outline:active, .banner-signup_content-list .btn-outline:active {
            background-color: #f6eaed;
            border-color: hsla(0,0%,100%,.6);
            color: #aa334d
        }

        .banner-download_content-list .btn-outline:focus-visible, .banner-signup_content-list .btn-outline:focus-visible {
            border-color: #aa334d
        }

.banner-download_dropdown, .banner-signup_dropdown {
    max-width: 27rem
}

.banner-download_dropdown-btn, .banner-signup_dropdown-btn {
    background-color: #fff;
    border-color: rgba(32,49,92,.4);
    border-radius: .25rem;
    color: rgba(32,49,92,.8);
    font-size: 1rem;
    padding-left: .75rem;
    padding-right: 3.25rem
}

    .banner-download_dropdown-btn:active, .banner-download_dropdown-btn:focus-visible, .banner-download_dropdown-btn:hover, .banner-signup_dropdown-btn:active, .banner-signup_dropdown-btn:focus-visible, .banner-signup_dropdown-btn:hover {
        background-color: #fff !important;
        border-color: rgba(32,49,92,.4) !important;
        color: rgba(32,49,92,.8) !important
    }

    .banner-download_dropdown-btn:after, .banner-signup_dropdown-btn:after {
        background-image: url(../images/arrow-down-24px-blue.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.5rem;
        position: absolute;
        right: .75rem;
        top: 1rem;
        transition: transform .3s ease-out;
        width: 1.5rem
    }

    .banner-download_dropdown-btn[aria-expanded=true]:after, .banner-signup_dropdown-btn[aria-expanded=true]:after {
        transform: rotate(180deg)
    }

.banner-download_dropdown-menu, .banner-signup_dropdown-menu {
    border-radius: .25rem;
    display: none;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

    .banner-download_dropdown-menu.show, .banner-signup_dropdown-menu.show {
        opacity: 1
    }

.banner-download_dropdown-list li, .banner-signup_dropdown-list li {
    border-radius: .125rem
}

    .banner-download_dropdown-list li:nth-child(2n), .banner-signup_dropdown-list li:nth-child(2n) {
        background-color: rgba(32,49,92,.1)
    }

.banner-contact_row:before {
    background-color: #fff;
    content: "";
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1
}

.banner-contact_list {
    border-top: 1px solid hsla(0,0%,100%,.2)
}

    .banner-contact_list > li {
        border-bottom: 1px solid hsla(0,0%,100%,.2)
    }

.banner-contact_link:hover:after {
    background-color: #1a284d;
    content: "";
    height: 100%;
    left: -20px;
    position: absolute;
    top: 0;
    width: calc(100% + 1.25rem);
    z-index: -1
}

.banner-contact_link:focus-visible {
    outline-offset: 0 !important;
    outline-width: 2px !important
}

.banner-contact_link:after {
    transition: all .25s ease-out
}

.banner-contact_link:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 16px;
    width: 1.5rem
}

.banner-contact_link-text span:nth-child(2) {
    opacity: .6
}

.banner-contact_link.--whatsapp:before {
    background-image: url(../images/whatsapp-24px-white.svg)
}

.banner-contact_link.--phone:before {
    background-image: url(../images/phone-24px-white.svg)
}

.banner-contact_link.--email:before {
    background-image: url(../images/email-24px-white.svg)
}

.banner-contact_link.--ai:before {
    background-image: url(../images/ai-24px-white.svg)
}

.banner-contact.--white .banner-contact_row:before {
    display: block
}

.banner-contact.--white .banner-contact_body, .banner-contact.--white .banner-contact_title {
    color: #20315c
}

.banner-contact.--white .banner-contact_list {
    border-top: 1px solid rgba(32,49,92,.2)
}

    .banner-contact.--white .banner-contact_list > li {
        border-bottom: 1px solid rgba(32,49,92,.2)
    }

.banner-contact.--white .banner-contact_link {
    color: inherit
}

    .banner-contact.--white .banner-contact_link:hover {
        color: #fff
    }

        .banner-contact.--white .banner-contact_link:hover.--whatsapp:before {
            background-image: url(../images/whatsapp-24px-white.svg)
        }

        .banner-contact.--white .banner-contact_link:hover.--phone:before {
            background-image: url(../images/phone-24px-white.svg)
        }

        .banner-contact.--white .banner-contact_link:hover.--email:before {
            background-image: url(../images/email-24px-white.svg)
        }

        .banner-contact.--white .banner-contact_link:hover.--ai:before {
            background-image: url(../images/ai-24px-white.svg)
        }

    .banner-contact.--white .banner-contact_link.--whatsapp:before {
        background-image: url(../images/whatsapp-24px-blue.svg)
    }

    .banner-contact.--white .banner-contact_link.--phone:before {
        background-image: url(../images/phone-24px-blue.svg)
    }

    .banner-contact.--white .banner-contact_link.--email:before {
        background-image: url(../images/email-24px-blue.svg)
    }

    .banner-contact.--white .banner-contact_link.--ai:before {
        background-image: url(../images/ai-24px-blue.svg)
    }

.banner-contact.--bg-right .banner-contact_row:before, .banner.--bg-right .banner_row:before {
    left: 0;
    right: auto
}

.help_intro {
    font-size: 1rem
}

.help_list {
    gap: .75rem
}

    .help_list a {
        border-color: hsla(0,0%,100%,.6);
        color: #fff
    }

        .help_list a:hover {
            background-color: #fff;
            border-color: hsla(0,0%,100%,.6);
            color: #20315c
        }

        .help_list a:active {
            background-color: #e8eaee !important;
            border-color: hsla(0,0%,100%,.6);
            color: #20315c !important
        }

        .help_list a:focus-visible {
            background-color: #20315c;
            color: #fff
        }

.slider_row:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1
}

.slider_intro {
    max-width: 22rem
}

.slider_btn {
    background-color: #20315c;
    border-color: #fff;
    color: #fff;
    z-index: 2
}

    .slider_btn:hover {
        background-color: #fff;
        border-color: hsla(0,0%,100%,.6);
        color: #20315c
    }

    .slider_btn:active {
        background-color: #fff !important;
        border-color: hsla(0,0%,100%,.6);
        color: #20315c !important
    }

    .slider_btn:focus-visible {
        background-color: #20315c;
        border-color: #20315c
    }

.slider .tns-ovh {
    padding: 2px
}

.slider .tns-controls button {
    background-color: #aa334d
}

    .slider .tns-controls button:after {
        background-image: url(../images/arrow-right-24px-white.svg)
    }

.slider.--primary .slider_title {
    color: #20315c
}

.slider.--primary .slider_btn {
    background-color: #fff;
    border-color: #20315c;
    color: #20315c
}

    .slider.--primary .slider_btn:hover {
        background-color: #37466d;
        border-color: #37466d;
        color: #fff
    }

    .slider.--primary .slider_btn:active {
        background-color: #1d2c53 !important;
        border-color: #1d2c53;
        color: #fff !important
    }

    .slider.--primary .slider_btn:focus-visible {
        background-color: #1d2c53;
        border-color: #1d2c53;
        color: #fff;
        outline-color: #399356
    }

.slider.--primary .tns-controls button {
    background-color: #20315c
}

    .slider.--primary .tns-controls button:hover {
        background-color: #37466d
    }

    .slider.--primary .tns-controls button:active {
        background-color: #1d2c53
    }

    .slider.--primary .tns-controls button:after {
        background-image: url(../images/arrow-right-24px-white.svg)
    }

    .slider.--primary .tns-controls button[disabled] {
        background-color: #20315c
    }

.slider.--secondary .slider_title {
    color: #aa334d
}

.slider.--secondary .slider_btn {
    background-color: #fff;
    border-color: rgba(170,51,77,.6);
    color: #aa334d
}

    .slider.--secondary .slider_btn:hover {
        background-color: #b3485f;
        border-color: #b3485f;
        color: #fff
    }

    .slider.--secondary .slider_btn:active {
        background-color: #992e45 !important;
        border-color: #992e45;
        color: #fff !important
    }

    .slider.--secondary .slider_btn:focus-visible {
        background-color: #aa334d;
        border-color: #aa334d;
        color: #fff
    }

.slider.--secondary .tns-controls button {
    background-color: #aa334d
}

    .slider.--secondary .tns-controls button:after {
        background-image: url(../images/arrow-right-24px-white.svg)
    }

    .slider.--secondary .tns-controls button[disabled] {
        background-color: #aa334d
    }

.slider.--primary .slider_row, .slider.--primary .slider_row:before, .slider.--secondary .slider_row, .slider.--secondary .slider_row:before {
    background-color: #fff
}

.slider.--primary .slider_intro, .slider.--secondary .slider_intro {
    color: #20315c
}

.slider.--primary .slider_btn, .slider.--secondary .slider_btn {
    background-color: #fff
}

.slider.--primary .card-agenda:focus-visible, .slider.--primary .card-news:focus-visible, .slider.--primary .card-training:focus-visible, .slider.--secondary .card-agenda:focus-visible, .slider.--secondary .card-news:focus-visible, .slider.--secondary .card-training:focus-visible {
    outline-color: #399356 !important
}

.slider.--primary.--bg-right .slider_row:before, .slider.--secondary.--bg-right .slider_row:before {
    left: 0;
    right: auto
}

.slider.--secondary-agendacards .card-agenda {
    background-color: #aa334d;
    color: #fff
}

.slider.--secondary-agendacards .card-agenda_body h3 {
    color: inherit
}

.slider.--secondary-agendacards .card-agenda_body-list .--time:before {
    background-image: url(../images/clock-24px-white.svg)
}

.slider.--secondary-agendacards .card-agenda_body-list .--date:before {
    background-image: url(../images/calendar-24px-white.svg)
}

.slider.--secondary-agendacards .card-agenda_body-cta:after {
    background-image: url(../images/arrow-right-24px-white.svg)
}

.ede_row, .ede_row:before {
    background-color: #fff
}

    .ede_row:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 1000%;
        z-index: -1
    }

.ede_img {
    top: 0
}

.ede_title {
    line-height: 1;
    vertical-align: middle
}

.ede_cards {
    gap: 1rem;
    margin-bottom: 6.75rem
}

.ede.--bg-right .ede_row:before {
    left: 0;
    right: auto
}

.text-only_body h3, .text-only_body h4, .text-only_body h5, .text-only_body h6 {
    font-family: Sohne Breit;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.text-only_body a {
    font-weight: 700
}

.text-only_body .ratio, .text-only_body img, .text-only_body ol, .text-only_body p, .text-only_body table, .text-only_body ul, .text-only_body-tags, .text-only_body_cta {
    margin-bottom: 1.5rem
}

.text-only_body_cta {
    color: #fff
}

.text-only_body ol, .text-only_body ul {
    padding-left: 1.25rem
}

.text-only_body table {
    border: 1px solid #fff
}

    .text-only_body table tr:not(:last-child) td, .text-only_body table tr:not(:last-child) th {
        border-bottom: 1px solid #fff
    }

    .text-only_body table td, .text-only_body table th {
        padding: .625rem .5rem
    }

        .text-only_body table td:not(:last-child), .text-only_body table th:not(:last-child) {
            border-right: 1px solid #fff
        }

.text-only_body .--podcast {
    aspect-ratio: 652/232
}

.text-only_body-tags {
    gap: .75rem
}

    .text-only_body-tags .btn-outline {
        border-color: hsla(0,0%,100%,.6);
        color: #fff
    }

        .text-only_body-tags .btn-outline:hover {
            background-color: #fff;
            border-color: hsla(0,0%,100%,.6);
            color: #20315c
        }

        .text-only_body-tags .btn-outline:active {
            background-color: #e8eaee;
            border-color: hsla(0,0%,100%,.6);
            color: #20315c
        }

        .text-only_body-tags .btn-outline:focus-visible {
            background-color: transparent;
            border-color: transparent;
            color: #fff
        }

.text-only_body > :last-child {
    margin-bottom: 0
}

.text-only_body > :first-child {
    margin-top: 0
}

.text-only.--bg-white .text-only_row {
    background-color: #fff
}

    .text-only.--bg-white .text-only_row:before {
        background-color: #fff;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 1000%;
        z-index: -1
    }

.text-only.--bg-white .text-only_body, .text-only.--bg-white .text-only_title {
    color: #20315c
}

    .text-only.--bg-white .text-only_body a:not(.btn), .text-only.--bg-white .text-only_body h3, .text-only.--bg-white .text-only_body h4, .text-only.--bg-white .text-only_body h5, .text-only.--bg-white .text-only_body h6 {
        color: inherit
    }

    .text-only.--bg-white .text-only_body table {
        border: 1px solid #20315c
    }

        .text-only.--bg-white .text-only_body table tr:not(:last-child) td, .text-only.--bg-white .text-only_body table tr:not(:last-child) th {
            border-bottom: 1px solid #20315c
        }

        .text-only.--bg-white .text-only_body table td:not(:last-child), .text-only.--bg-white .text-only_body table th:not(:last-child) {
            border-right-color: 1px solid #20315c
        }

.text-only.--bg-white .text-only_body-tags .btn-outline {
    border-color: rgba(32,49,92,.6);
    color: #20315c
}

    .text-only.--bg-white .text-only_body-tags .btn-outline:hover {
        background-color: #37466d;
        border-color: #37466d;
        color: #fff
    }

    .text-only.--bg-white .text-only_body-tags .btn-outline:active {
        background-color: #1d2c53;
        border-color: #1d2c53;
        color: #fff
    }

    .text-only.--bg-white .text-only_body-tags .btn-outline:focus-visible {
        background-color: #20315c;
        border-color: #20315c;
        color: #fff
    }

.text-only.--bg-right .text-only_row:before {
    left: 0;
    right: auto
}

.tabs_row:before {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1
}

.tabs_nav {
    background-color: #e9eaef;
    border: 2px solid #e9eaef
}

    .tabs_nav .nav-link {
        border-bottom: 2px solid transparent;
        transition: all .15s ease-in-out
    }

        .tabs_nav .nav-link:hover {
            border-bottom-color: #399356;
            font-weight: 700
        }

        .tabs_nav .nav-link:focus-visible {
            outline-color: #000;
            outline-offset: -8px;
            outline-style: solid;
            outline-width: 2px
        }

        .tabs_nav .nav-link.active:hover {
            border-bottom-color: #327e4b;
            font-weight: 400
        }

    .tabs_nav.--two-years .nav-item {
        flex: 0 0 50%;
        width: 50%
    }

    .tabs_nav.--four-years .nav-item {
        flex: 0 0 25%;
        width: 25%
    }

.tabs_card {
    background-color: #399356;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px)
}

.tabs_card-title {
    font-size: 1.375rem;
    line-height: 2rem
}

.tabs_card-list {
    row-gap: .0625rem
}

    .tabs_card-list li {
        background-color: #327e4b;
        height: 5.5625rem;
        padding-left: .75rem;
        padding-right: .75rem
    }

        .tabs_card-list li span {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

.tabs.--bg-right .tabs_row:before {
    left: 0;
    right: auto
}

.tabs .tns-outer {
    margin-left: 0
}

.tabs .tns-controls button {
    background-color: #aa334d
}

.accordions_row:before {
    background-color: #fff;
    content: "";
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1
}

.accordions .accordion {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

.accordions .accordion-button {
    border-top: 1px solid hsla(0,0%,100%,.2);
    font-family: DM Sans,sans-serif
}

    .accordions .accordion-button:after {
        background-image: url(../images/arrow-down-24px-white.svg)
    }

.accordions .accordion-body h3, .accordions .accordion-body h4, .accordions .accordion-body h5, .accordions .accordion-body h6 {
    font-family: DM Sans,sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 0
}

.accordions .accordion-body a {
    font-weight: 700
}

.accordions .accordion-body ol, .accordions .accordion-body p, .accordions .accordion-body ul {
    margin-bottom: 1.5rem
}

.accordions .accordion-body > :last-child {
    margin-bottom: 0
}

.accordions.--white .accordions_row:before {
    display: block
}

.accordions.--white .accordions_title {
    color: #aa334d
}

.accordions.--white .accordion {
    --bs-accordion-color: var(--bs-primary);
    --bs-accordion-btn-color: var(--bs-primary);
    --bs-accordion-active-color: var(--bs-primary);
    border-bottom-color: #d2e2ee
}

.accordions.--white .accordion-button {
    border-top-color: #d2e2ee
}

    .accordions.--white .accordion-button:after {
        background-image: url(../images/arrow-down-24px-blue.svg)
    }

.accordions.--white .accordion-body a, .accordions.--white .accordion-body h3, .accordions.--white .accordion-body h4, .accordions.--white .accordion-body h5, .accordions.--white .accordion-body h6 {
    color: inherit
}

.accordions.--bg-right .accordions_row:before {
    left: 0;
    right: auto
}

.table-only_row:before {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1
}

.table-only_body {
    color: #20315c
}

    .table-only_body h3 {
        color: inherit
    }

        .table-only_body h3.--score {
            border-bottom: 1px solid #e9eaef
        }

        .table-only_body h3 .--crone:before {
            background-image: url(../images/crone-green.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 5.34375rem;
            position: absolute;
            right: 35px;
            top: -65px;
            width: 5.84375rem
        }

        .table-only_body h3 .--avg-review {
            font-family: DM Sans,sans-serif;
            font-size: .875rem;
            line-height: 1.5rem
        }

        .table-only_body h3 .--grade {
            font-size: 5rem;
            line-height: 5rem
        }

        .table-only_body h3 .--max-grade {
            font-size: 2.5rem;
            line-height: 2.5rem;
            margin-top: .3125rem
        }

        .table-only_body h3 .--grade, .table-only_body h3 .--max-grade {
            color: #399356
        }

    .table-only_body a {
        color: inherit;
        font-weight: 700
    }

.table-only_body-table thead tr td {
    padding: 1rem
}

.table-only_body-table tbody tr td {
    background-color: #e9eaef;
    border-bottom: 1px solid #fff;
    padding: .75rem 1rem
}

    .table-only_body-table tbody tr td:last-child, .table-only_body-table tbody tr td:nth-last-child(2) {
        color: #399356;
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 2rem
    }

    .table-only_body-table tbody tr td:nth-last-child(2) {
        width: 8.375rem
    }

    .table-only_body-table tbody tr td:last-child {
        border-left: 1px solid #fff;
        width: 6.5rem
    }

.table-only_title {
    color: #399356
}

.table-only.--bg-right .table-only_row:before {
    left: 0;
    right: auto
}

.schedule {
    color: #20315c
}

.schedule_row:before {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.schedule_title {
    color: #399356
}

.schedule_body-list {
    row-gap: .0625rem
}

.schedule_body-list-item {
    background-color: #e9eaef
}

.schedule_body-list .--day {
    color: #399356
}

.schedule_body-list .--class {
    background-color: #399356;
    color: #fff
}

    .schedule_body-list .--class .--day {
        color: inherit
    }

.schedule_body-list .--subject {
    font-family: Sohne Breit;
    font-size: 1.5rem;
    line-height: 1.5rem
}

.schedule.--bg-right .schedule_row:before {
    left: 0;
    right: auto
}

.quote_row:before {
    background-color: #fff;
    content: "";
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1
}

.quote_quote:before {
    position: absolute;
    top: 0
}

.quote_quote:before, .quote_title:after {
    background-image: url(../images/quote-24px-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem
}

.quote_title:after {
    position: relative;
    top: .0625rem;
    transform: rotate(180deg)
}

.quote.--white .quote_row:before {
    display: block
}

.quote.--white .quote_cite, .quote.--white .quote_title {
    color: #3d89be
}

.quote.--bg-right .quote_row:before {
    left: 0;
    right: auto
}

.list {
    background-color: #fff
}

.list_list {
    row-gap: 1rem
}

.list_title {
    font-family: DM Sans,sans-serif;
    font-size: .875rem;
    line-height: .75rem
}

.list_search-input {
    padding-right: .75rem
}

    .list_search-input:focus {
        outline-color: #399356
    }

.list_search-autocomplete {
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
    color: #20315c;
    max-height: 22.75rem;
    opacity: 0;
    overflow-y: auto;
    transition: all .2s ease-out;
    visibility: hidden;
    z-index: 1000
}

    .list_search-autocomplete.show {
        opacity: 1;
        visibility: visible
    }

    .list_search-autocomplete li:not(:last-child) {
        border-bottom: 1px solid #e9eaef
    }

    .list_search-autocomplete a {
        color: inherit;
        padding-bottom: .75rem;
        padding-top: .75rem
    }

        .list_search-autocomplete a:focus-visible {
            outline-offset: 0;
            outline-width: 2px
        }

        .list_search-autocomplete a span:nth-child {
            font-size: 1rem
        }

        .list_search-autocomplete a span:nth-child(2) {
            opacity: .8
        }

.list_search-no-result {
    padding-bottom: .75rem;
    padding-top: .75rem
}

    .list_search-no-result > span > span {
        font-weight: 900
    }

.filters {
    backface-visibility: hidden;
    will-change: transform
}

.filters_title {
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem
}

.filters_reset-btn {
    color: #20315c;
    line-height: 1.5rem;
    padding-right: 1.375rem;
    transition: all .25s ease-out
}

    .filters_reset-btn:active, .filters_reset-btn:focus-visible, .filters_reset-btn:hover {
        color: #20315c !important
    }

    .filters_reset-btn:hover {
        text-decoration: underline
    }

    .filters_reset-btn:focus-visible {
        outline-offset: 0
    }

    .filters_reset-btn:after {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.125rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1.125rem
    }

.filters_show-more {
    color: #20315c
}

    .filters_show-more:focus-visible, .filters_show-more:hover, .filters_show-moreactive {
        color: #20315c !important
    }

    .filters_show-more:hover {
        text-decoration: underline
    }

.filters .accordion-button {
    align-items: flex-start;
    color: inherit;
    font-size: 1.5rem;
    line-height: 1.5rem
}

    .filters .accordion-button:focus-visible {
        outline-color: #399356;
        outline-offset: 0;
        outline-style: solid;
        outline-width: 2px
    }

    .filters .accordion-button:after {
        background-size: 100% 100%;
        height: 1.5rem;
        width: 1.5rem
    }

.filters .accordion-button_info {
    font-family: DM Sans,sans-serif;
    font-size: .875rem
}

.filters .accordion .form-checkbox input[type=checkbox] {
    left: 0
}

    .filters .accordion .form-checkbox input[type=checkbox]:focus-visible + label {
        outline-offset: 2px !important
    }

.filters .accordion .form-checkbox_label {
    padding-left: 1.875rem
}

    .filters .accordion .form-checkbox_label:after, .filters .accordion .form-checkbox_label:before {
        left: 0
    }

.pagination {
    -moz-column-gap: 1.375rem;
    column-gap: 1.375rem
}

.pagination_link {
    border-radius: 50%;
    height: 3rem;
    width: 3rem
}

    .pagination_link:after {
        background-image: url(../images/arrow-right-24px-white.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 1.5rem 1.5rem;
        content: "";
        height: 1.5rem;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 1.5rem
    }

    .pagination_link.--prev:after {
        transform: translate(-50%,-50%) rotate(180deg)
    }

    .pagination_link.--disabled {
        cursor: not-allowed;
        opacity: .6
    }

        .pagination_link.--disabled:hover {
            background-color: #aa334d
        }

.pagination_text {
    color: #20315c
}

.favorites .tns-ovh {
    overflow: visible
}

.favorites .tns-controls {
    margin-top: 0;
    position: relative
}

    .favorites .tns-controls button {
        bottom: 0;
        position: absolute
    }

.favorites_form {
    left: 50%;
    max-width: 83rem;
    top: 0;
    width: 100%;
    z-index: 1055
}

.favorites_form-input {
    border-radius: .1875rem;
    font-size: 1rem;
    line-height: 1.5rem;
    outline-color: transparent;
    outline-offset: 0;
    outline-style: solid;
    outline-width: 2px;
    padding: .75rem 1.25rem;
    transition: all .25s ease-out
}

    .favorites_form-input:focus {
        outline-color: #399356
    }

.insta:after, .insta:before {
    border-radius: 50%;
    content: "";
    position: absolute;
    z-index: -1
}

.insta:after {
    background: radial-gradient(ellipse at center,rgba(61,137,190,.5) 0,rgba(61,137,190,0) 65%,rgba(61,137,190,0) 100%);
    bottom: 73px;
    height: 663px;
    left: -332px;
    width: 663px
}

.insta:before {
    background: radial-gradient(ellipse at center,rgba(122,193,156,.5) 0,rgba(122,193,156,0) 65%,rgba(122,193,156,0) 100%);
    height: 782px;
    right: -468px;
    top: -16px;
    width: 782px
}

.insta_title {
    -webkit-hyphens: none;
    hyphens: none
}

.insta_row:before {
    background-color: transparent;
    height: 100%;
    width: 1000%
}

.insta_cards:before, .insta_row:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1
}

.insta_cards:before {
    background-image: url(../images/insta-cards-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.insta_card {
    backface-visibility: hidden;
    will-change: transform
}

.insta_card-avatar {
    aspect-ratio: 1/1;
    border-radius: 50%;
    margin-right: .6875rem;
    max-width: 2rem;
    width: 2rem
}

    .insta_card-avatar img, .insta_card-img {
        left: 0;
        top: 0
    }

.insta_play-wrap {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.insta_play-btn {
    background-color: #399356;
    height: 3rem;
    width: 3rem
}

    .insta_play-btn:hover {
        background-color: #4d9e67
    }

    .insta_play-btn:active {
        background-color: #33844d !important
    }

    .insta_play-btn:focus-visible {
        background-color: #399356
    }

    .insta_play-btn:after {
        transform: translate(calc(-50% + 2px),-50%)
    }

.insta.--bg-white:after {
    display: none
}

.insta.--bg-white .insta_row:before {
    background-color: #fff
}

.insta.--bg-white .insta_title {
    color: #399356
}

.insta.--bg-white .insta_card span {
    color: #20315c
}

.insta.--bg-right .insta_row:before {
    left: 0;
    right: auto
}

.share_link {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 2rem;
    outline-color: transparent !important;
    outline-offset: 0 !important;
    outline-style: solid !important;
    outline-width: 2px !important;
    vertical-align: middle;
    width: 2rem
}

    .share_link:focus-visible {
        outline-color: #399356 !important
    }

    .share_link.--linkedin {
        background-image: url(../images/linkedin-24px-white.svg)
    }

    .share_link.--whatsapp {
        background-image: url(../images/whatsapp-24px-white.svg)
    }

    .share_link.--email {
        background-image: url(../images/email-24px-white.svg)
    }

.forms {
    background-color: #fff;
    color: #20315c;
    font-size: 1rem
}

.forms_thankyou-body > :last-child {
    margin-bottom: 0
}

.umbraco-forms.missing-library {
    margin: 2rem 0 !important
}

.umbraco-forms-form {
    font-size: 1rem;
    line-height: 1.5rem
}

    .umbraco-forms-form .field-validation-error, .umbraco-forms-form .field-validation-valid {
        font-size: .875rem;
        left: .6875rem;
        position: relative;
        width: calc(100% - 22px)
    }

    .umbraco-forms-form .field-validation-valid {
        color: #327e4b
    }

    .umbraco-forms-form .field-validation-error {
        color: #aa334d
    }

    .umbraco-forms-form .titleanddescription a, .umbraco-forms-form .titleanddescription h3 {
        color: #20315c
    }

    .umbraco-forms-form .checkbox, .umbraco-forms-form .checkboxlist, .umbraco-forms-form .dataconsent, .umbraco-forms-form .radiobuttonlist {
        display: flex;
        flex-direction: column;
        row-gap: 1rem
    }

        .umbraco-forms-form .checkbox > div, .umbraco-forms-form .checkboxlist > div, .umbraco-forms-form .dataconsent > div, .umbraco-forms-form .radiobuttonlist > div {
            padding-left: 2rem;
            position: relative
        }

        .umbraco-forms-form .checkbox input[type=checkbox], .umbraco-forms-form .checkbox label, .umbraco-forms-form .checkboxlist input[type=checkbox], .umbraco-forms-form .checkboxlist label, .umbraco-forms-form .dataconsent input[type=checkbox], .umbraco-forms-form .dataconsent label, .umbraco-forms-form .radiobuttonlist input[type=checkbox], .umbraco-forms-form .radiobuttonlist label {
            cursor: pointer
        }

        .umbraco-forms-form .checkbox input[type=checkbox], .umbraco-forms-form .checkboxlist input[type=checkbox], .umbraco-forms-form .dataconsent input[type=checkbox], .umbraco-forms-form .radiobuttonlist input[type=checkbox] {
            top: 3px
        }

        .umbraco-forms-form .checkbox input[type=radio], .umbraco-forms-form .checkboxlist input[type=radio], .umbraco-forms-form .dataconsent input[type=radio], .umbraco-forms-form .radiobuttonlist input[type=radio] {
            border-radius: 50%;
            top: 4px
        }

        .umbraco-forms-form .checkbox input[type=checkbox], .umbraco-forms-form .checkbox input[type=radio], .umbraco-forms-form .checkboxlist input[type=checkbox], .umbraco-forms-form .checkboxlist input[type=radio], .umbraco-forms-form .dataconsent input[type=checkbox], .umbraco-forms-form .dataconsent input[type=radio], .umbraco-forms-form .radiobuttonlist input[type=checkbox], .umbraco-forms-form .radiobuttonlist input[type=radio] {
            border-radius: .25rem;
            height: 1rem;
            left: 0;
            outline-color: transparent;
            outline-offset: 0;
            outline-style: solid;
            outline-width: 2px;
            position: absolute;
            transition: all .25s ease-out;
            width: 1rem
        }

            .umbraco-forms-form .checkbox input[type=checkbox]:checked, .umbraco-forms-form .checkbox input[type=radio]:checked, .umbraco-forms-form .checkboxlist input[type=checkbox]:checked, .umbraco-forms-form .checkboxlist input[type=radio]:checked, .umbraco-forms-form .dataconsent input[type=checkbox]:checked, .umbraco-forms-form .dataconsent input[type=radio]:checked, .umbraco-forms-form .radiobuttonlist input[type=checkbox]:checked, .umbraco-forms-form .radiobuttonlist input[type=radio]:checked {
                accent-color: #20315c
            }

            .umbraco-forms-form .checkbox input[type=checkbox]:hover, .umbraco-forms-form .checkbox input[type=radio]:hover, .umbraco-forms-form .checkboxlist input[type=checkbox]:hover, .umbraco-forms-form .checkboxlist input[type=radio]:hover, .umbraco-forms-form .dataconsent input[type=checkbox]:hover, .umbraco-forms-form .dataconsent input[type=radio]:hover, .umbraco-forms-form .radiobuttonlist input[type=checkbox]:hover, .umbraco-forms-form .radiobuttonlist input[type=radio]:hover {
                border-radius: 2px;
                outline-color: #000;
                outline-offset: 4px
            }

            .umbraco-forms-form .checkbox input[type=checkbox]:focus-visible, .umbraco-forms-form .checkbox input[type=radio]:focus-visible, .umbraco-forms-form .checkboxlist input[type=checkbox]:focus-visible, .umbraco-forms-form .checkboxlist input[type=radio]:focus-visible, .umbraco-forms-form .dataconsent input[type=checkbox]:focus-visible, .umbraco-forms-form .dataconsent input[type=radio]:focus-visible, .umbraco-forms-form .radiobuttonlist input[type=checkbox]:focus-visible, .umbraco-forms-form .radiobuttonlist input[type=radio]:focus-visible {
                outline-color: #399356
            }

    .umbraco-forms-form .fileupload input[type=file] {
        border: 1px solid rgba(32,49,92,.4);
        border-radius: .25rem;
        padding: .25rem
    }

        .umbraco-forms-form .fileupload input[type=file]:before {
            background-color: #20315c;
            border-radius: 2px;
            color: #fff;
            content: "Selecteer";
            cursor: pointer;
            display: inline-block;
            outline-offset: 0;
            outline-style: solid;
            outline-width: 2px;
            padding: .75rem 1.5rem;
            transition: all .25s ease-out
        }

        .umbraco-forms-form .fileupload input[type=file]:hover:before {
            background-color: #37466d
        }

        .umbraco-forms-form .fileupload input[type=file]:active:before {
            background-color: #1d2c53
        }

        .umbraco-forms-form .fileupload input[type=file]:focus-visible {
            outline-color: #399356
        }

        .umbraco-forms-form .fileupload input[type=file]::-webkit-file-upload-button {
            visibility: hidden
        }

.umbraco-forms-fieldset legend {
    font-family: Sohne Breit;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 1.8125rem;
    padding-top: .5rem;
    text-transform: uppercase
}

.umbraco-forms-field {
    margin-bottom: 1.8125rem
}

.umbraco-forms-field-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.8125rem;
    row-gap: .3125rem
}

    .umbraco-forms-field-wrapper .text, .umbraco-forms-field-wrapper select, .umbraco-forms-field-wrapper textarea {
        width: 100%
    }

    .umbraco-forms-field-wrapper .datepickerfield, .umbraco-forms-field-wrapper .text, .umbraco-forms-field-wrapper select, .umbraco-forms-field-wrapper textarea {
        border: 1px solid rgba(32,49,92,.4);
        border-radius: .25rem;
        color: rgba(32,49,92,.8);
        outline-color: transparent;
        outline-offset: 0;
        outline-style: solid;
        outline-width: 2px;
        padding: 1rem .6875rem;
        transition: all .25s ease-out
    }

        .umbraco-forms-field-wrapper .datepickerfield:hover, .umbraco-forms-field-wrapper .text:hover, .umbraco-forms-field-wrapper select:hover, .umbraco-forms-field-wrapper textarea:hover {
            outline-color: #000;
            outline-width: 2px
        }

        .umbraco-forms-field-wrapper .datepickerfield:focus, .umbraco-forms-field-wrapper .datepickerfield:focus-visible, .umbraco-forms-field-wrapper .text:focus, .umbraco-forms-field-wrapper .text:focus-visible, .umbraco-forms-field-wrapper select:focus, .umbraco-forms-field-wrapper select:focus-visible, .umbraco-forms-field-wrapper textarea:focus, .umbraco-forms-field-wrapper textarea:focus-visible {
            outline-color: #399356
        }

    .umbraco-forms-field-wrapper textarea {
        min-height: 11.6875rem
    }

    .umbraco-forms-field-wrapper input[type=password].text {
        max-width: 383px
    }

    .umbraco-forms-field-wrapper .datepickerfield {
        max-width: 288px
    }

.umbraco-forms-legend {
    font-family: Sohne Breit;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 1.8125rem;
    padding-top: .5rem;
    text-transform: uppercase
}

.umbraco-forms-indicator {
    color: #aa334d
}

.umbraco-forms-label {
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: .8125rem
}

.umbraco-forms-hidden {
    display: none
}

.umbraco-forms-navigation .col-md-12 {
    display: inline-block;
    position: relative;
    width: auto
}

    .umbraco-forms-navigation .col-md-12:after {
        background-image: url(../images/arrow-right-24px-white.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80% 80%;
        content: "";
        display: inline-block;
        height: 1.5rem;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1.5rem
    }

.umbraco-forms-navigation .btn {
    background-color: #aa334d;
    color: #fff;
    font-weight: 600;
    padding: .6875rem 5.5rem .6875rem 1.375rem;
    text-align: left
}

    .umbraco-forms-navigation .btn:hover {
        background-color: #b3485f;
        border-color: #b3485f
    }

    .umbraco-forms-navigation .btn:active {
        background-color: #992e45;
        border-color: #992e45;
        color: #fff
    }

    .umbraco-forms-navigation .btn:focus-visible {
        background-color: #aa334d;
        border-color: #aa334d
    }

.marketingForm h1, .marketingForm h2, .marketingForm h3, .marketingForm h4, .marketingForm h5, .marketingForm h6 {
    color: #20315c;
    margin-bottom: 24px
}

.notification-message {
    align-items: center;
    border: 1.44737px solid #ccc;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 38px
}

.notification-message-hide {
    display: none
}

.columnContainer {
    color: #20315c
}

    .columnContainer h1 {
        color: inherit;
        margin-top: 2rem
    }

.has-lookup:after {
    background-image: url(/images/arrow-right-24px-blue.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 24px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: all .2s ease-out;
    width: 24px
}

.has-lookup.show:after {
    transform: translateY(-50%) rotate(270deg)
}

.lookup-behavior {
    cursor: pointer
}

.dropdown_dropdown-menu {
    overflow: hidden
}

.dropdown_dropdown-item {
    background: transparent !important;
    border: none !important;
    color: #20315c !important;
    font-weight: 400 !important
}

.dropdown_dropdown-item-button {
    background-color: transparent !important;
    border: none !important;
    border-radius: calc-rem(2) !important;
    display: block !important;
    font-size: inherit !important;
    line-height: inherit !important;
    padding: 14px 8px !important;
    text-align: left !important;
    transition: all .2s ease-out !important;
    width: 100% !important
}

    .dropdown_dropdown-item-button:hover {
        background-color: var(--dropdown-item-hover-bg) !important
    }

.phoneCountryCode .phoneCountryCodeLabel {
    left: 11px;
    top: 15px
}

.optionSetFormFieldBlock {
    margin-bottom: 24px
}

.select-wrapper:after {
    background-image: url(/images/arrow-right-24px-blue.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 24px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: all .2s ease-out;
    width: 24px
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--input-border-color);
    border-radius: 4px;
    color: var(--input-color)
}

    select option {
        color: inherit
    }

.eventSessionInput input[type=radio], .eventSessionInput input[type=radio] + label {
    cursor: pointer
}

    .eventSessionInput input[type=radio]:disabled, .eventSessionInput input[type=radio]:disabled + label {
        cursor: not-allowed;
        opacity: .663
    }

.sessionWaitlistMessage {
    color: #c75000;
    font-weight: 400;
    margin-top: -1rem
}

.sessionFullMessage {
    color: #d63d3d;
    font-weight: 400;
    margin-top: -1rem
}

.modals_message-wrap {
    background-color: #fff
}

.modals_message-close {
    right: 24px;
    top: 24px;
    z-index: 1
}

.modals_video-close {
    z-index: 1
}

.modals_video-btn {
    color: #fff;
    height: 1.5rem;
    padding-right: 1.6875rem
}

    .modals_video-btn:focus-visible {
        outline-color: #399356;
        outline-offset: 4px;
        outline-style: solid;
        outline-width: 2px
    }

    .modals_video-btn:after {
        background-image: url(../images/close-20px-white.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1rem
    }

.modals_video .modal-content .ratio {
    height: auto;
    max-height: 100%;
    max-width: 100%
}

    .modals_video .modal-content .ratio.--16x9 {
        aspect-ratio: 16/9
    }

.footer {
    background-color: #20315c;
    color: hsla(0,0%,100%,.6)
}

.footer_title {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.footer_contact-list {
    border-top: 1px solid rgba(210,226,238,.1);
    color: inherit
}

.footer_contact-list-item {
    border-bottom: 1px solid rgba(210,226,238,.1)
}

    .footer_contact-list-item:before {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        left: 0;
        position: absolute;
        top: 1.125rem
    }

    .footer_contact-list-item span:first-child {
        color: #fff
    }

.footer_contact-list .--chat:before {
    background-image: url(../images/chat-white.svg);
    height: 1.25rem;
    width: 1.25rem
}

.footer_contact-list .--chat a {
    text-decoration: none
}

    .footer_contact-list .--chat a:hover {
        text-decoration: underline
    }

.footer_contact-list .--phone:before {
    background-image: url(../images/phone-white.svg);
    height: 1.1875rem;
    width: 1.125rem
}

.footer_contact-list .--email:before {
    background-image: url(../images/email-white.svg);
    height: 1.1875rem;
    width: 1.375rem
}

.footer_contact-list a:focus-visible {
    outline-color: #399356;
    outline-width: 2px
}

.footer_quicklinks a, .footer_socials a {
    color: inherit;
    text-decoration: none
}

    .footer_quicklinks a:active, .footer_quicklinks a:focus-visible, .footer_quicklinks a:hover, .footer_socials a:active, .footer_socials a:focus-visible, .footer_socials a:hover {
        text-decoration: underline
    }

    .footer_quicklinks a:focus-visible, .footer_socials a:focus-visible {
        outline-color: #399356;
        outline-width: 2px
    }

    .footer_socials a:before {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 1.5rem;
        left: 0;
        opacity: .6;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1.5rem
    }

    .footer_socials a.--whatsapp:before {
        background-image: url(../images/whatsapp-24px-white.svg)
    }

    .footer_socials a.--instagram:before {
        background-image: url(../images/instagram-24px-white.svg)
    }

    .footer_socials a.--facebook:before {
        background-image: url(../images/facebook-24px-white.svg)
    }

    .footer_socials a.--linkedin:before {
        background-image: url(../images/linkedin-24px-white.svg)
    }

    .footer_socials a.--youtube:before {
        background-image: url(../images/youtube-24px-white.svg)
    }

@media (min-width:576px) {
    .header_info-body-img, .header_newsandpublication-body-img {
        aspect-ratio: 656/500;
        margin-top: -5rem
    }

    .card-list_img {
        aspect-ratio: 320/294;
        flex: 0 0 20rem;
        width: 20rem
    }

    .card-list_intro {
        -webkit-line-clamp: 3
    }

    .banner_content-img, .banner_modal-img {
        aspect-ratio: 320/299
    }

    .ede_cards {
        grid-template-columns: minmax(0,50%) minmax(0,50%);
        margin-bottom: 2.25rem
    }

    .schedule_body-list-item {
        grid-template-columns: minmax(0,33.33333%) minmax(0,66.66667%)
    }

    .list_search-group, .schedule_body-list-item {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .list_search-btn {
        flex: 0 0 12.875rem;
        width: 12.875rem
    }

    .insta_cards:before {
        height: 5.5rem;
        left: 201px;
        width: 14.5rem
    }

    .insta_card {
        flex: 0 0 33.33333%;
        width: 33.33333%
    }

    .insta_card-img {
        aspect-ratio: 320/490
    }
}

@media (min-width:576px) and (max-width:1279.98px) {
    .header_event .--bg-white, .header_favorites .--bg-white, .header_forms .--bg-white, .header_info .--bg-white, .header_list .--bg-white, .header_newsandpublication .--bg-white, .header_training .--bg-white {
        background-image: url(../images/che-gradient-training-m.png)
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .banner_content-img, .banner_modal-img {
        flex: 0 0 18.75rem;
        width: 18.75rem
    }
}

@media (min-width:690px) {
    .tabs_nav {
        max-width: 41rem
    }
}

@media (min-width:768px) {
    .header_index-signup-dropdown {
        width: 23.875rem
    }

    .header_event .breadcrumb, .header_event .breadcrumb a, .header_event .breadcrumb li, .header_favorites .breadcrumb, .header_favorites .breadcrumb a, .header_favorites .breadcrumb li, .header_forms .breadcrumb, .header_forms .breadcrumb a, .header_forms .breadcrumb li, .header_info .breadcrumb, .header_info .breadcrumb a, .header_info .breadcrumb li, .header_list .breadcrumb, .header_list .breadcrumb a, .header_list .breadcrumb li, .header_newsandpublication .breadcrumb, .header_newsandpublication .breadcrumb a, .header_newsandpublication .breadcrumb li, .header_training .breadcrumb, .header_training .breadcrumb a, .header_training .breadcrumb li {
        color: inherit
    }

        .header_event .breadcrumb li:first-child:before, .header_favorites .breadcrumb li:first-child:before, .header_forms .breadcrumb li:first-child:before, .header_info .breadcrumb li:first-child:before, .header_list .breadcrumb li:first-child:before, .header_newsandpublication .breadcrumb li:first-child:before, .header_training .breadcrumb li:first-child:before {
            display: none
        }

        .header_event .breadcrumb li:before, .header_favorites .breadcrumb li:before, .header_forms .breadcrumb li:before, .header_info .breadcrumb li:before, .header_list .breadcrumb li:before, .header_newsandpublication .breadcrumb li:before, .header_training .breadcrumb li:before {
            background-image: url(../images/chevron-right-12px-blue.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 12px 12px;
            content: "";
            height: .75rem;
            margin-right: 6px;
            margin-top: 7px;
            padding-right: 0;
            width: .75rem
        }

        .header_event .breadcrumb a, .header_favorites .breadcrumb a, .header_forms .breadcrumb a, .header_info .breadcrumb a, .header_list .breadcrumb a, .header_newsandpublication .breadcrumb a, .header_training .breadcrumb a {
            text-decoration: none
        }

            .header_event .breadcrumb a:hover, .header_favorites .breadcrumb a:hover, .header_forms .breadcrumb a:hover, .header_info .breadcrumb a:hover, .header_list .breadcrumb a:hover, .header_newsandpublication .breadcrumb a:hover, .header_training .breadcrumb a:hover {
                text-decoration: underline
            }

    .header_event-title, .header_favorites-title, .header_forms-title, .header_info-title, .header_list-title, .header_newsandpublication-title, .header_training-title {
        -webkit-hyphens: none;
        hyphens: none
    }

    .header_event-videos .tns-controls, .header_training-videos .tns-controls {
        justify-content: flex-start
    }

    .header_info-body-img, .header_newsandpublication-body-img {
        margin-top: -8rem
    }

    .header_category:before {
        background: radial-gradient(ellipse at center,rgba(122,193,156,.5) 0,rgba(122,193,156,0) 50%);
        border-radius: 50%;
        content: "";
        height: 50.75rem;
        position: absolute;
        right: -300px;
        top: -199px;
        width: 50.75rem
    }

    .header_category-img {
        aspect-ratio: 656/500
    }

    .main_gradient.--mid {
        bottom: -429px;
        height: 48.875rem;
        width: 102.0625rem
    }

    .card-list-search_intro {
        -webkit-line-clamp: 2
    }

    .badge {
        width: 18.9375rem
    }

        .badge span {
            font-size: 3.75rem;
            line-height: 3.375rem
        }

            .badge span:first-child {
                margin-bottom: 1.5rem
            }

            .badge span:last-child {
                margin-top: 1.5rem
            }

            .badge span:first-child, .badge span:last-child {
                font-size: 1.25rem;
                line-height: 1.5rem
            }

        .badge.--3-lines span {
            font-size: 3rem;
            line-height: 2.75rem
        }

            .badge.--3-lines span:first-child {
                margin-bottom: 1.25rem
            }

            .badge.--3-lines span:last-child {
                margin-top: 1.25rem
            }

            .badge.--3-lines span:first-child, .badge.--3-lines span:last-child {
                font-size: 1.25rem;
                line-height: 1.5rem
            }

        .badge.--small {
            width: 11.8125rem
        }

            .badge.--small span {
                font-size: 1.875rem;
                line-height: 1.75rem
            }

                .badge.--small span:first-child {
                    margin-bottom: .375rem !important
                }

                .badge.--small span:last-child {
                    margin-top: .375rem !important
                }

                .badge.--small span:first-child, .badge.--small span:last-child {
                    font-size: 1rem;
                    line-height: 1.5rem
                }

    .usp_content-cards {
        grid-template-columns: minmax(0,50%) minmax(0,50%)
    }

    .banner_content-img, .banner_modal-img {
        flex: 0 0 20rem;
        width: 20rem
    }

    .banner-download_content, .banner-signup_content {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        grid-template-columns: repeat(12,minmax(0,8.3333333333%))
    }

    .banner-download_content-btn, .banner-signup_content-btn {
        min-width: 14.5rem
    }

    .help_list {
        margin-top: 5.6875rem
    }

    .ede_title {
        font-size: 10rem;
        margin-bottom: 17.375rem
    }

    .text-only_body h3, .text-only_body h4, .text-only_body h5, .text-only_body h6 {
        padding-top: 1.5rem
    }

    .schedule_body-list-item {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }

    .quote_quote:before {
        height: 2.5rem;
        left: -52px;
        width: 2.5rem
    }

    .quote_title:after {
        height: 2.5rem;
        top: .1875rem;
        width: 2.5rem
    }

    .quiz_body {
        background-color: #182954;
        margin-left: .75rem;
        margin-right: .75rem
    }

    .quiz_badge {
        margin-top: -60px;
        max-width: 18.9375rem;
        width: 100%
    }

    .list:before {
        background: radial-gradient(ellipse at center,rgba(122,193,156,.5) 0,rgba(122,193,156,0) 50%);
        border-radius: 50%;
        content: "";
        height: 37.25rem;
        position: absolute;
        right: -298px;
        top: -52px;
        width: 37.25rem
    }

    .list_title {
        padding-top: .4375rem
    }

    .list_search-list {
        row-gap: 3rem
    }

    .filters_title {
        color: #20315c;
        padding-top: .125rem
    }

    .filters_reset-btn {
        margin-top: .125rem
    }

        .filters_reset-btn:after {
            background-image: url(../images/close-20px-blue.svg)
        }

    .filters .accordion-button:after {
        background-image: url(../images/arrow-down-24px-blue.svg)
    }

    .insta_cards {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .modals_message-close {
        right: 40px;
        top: 40px
    }

    .modals_video-close {
        right: 0;
        top: 40px
    }

    .footer_contact-list {
        max-width: 20rem
    }

    .footer_quicklinks, .footer_socials {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

        .footer_socials a {
            padding-left: 1.875rem
        }
}

@media (min-width:768px) and (max-width:1279.98px) {
    .row > * {
        padding-left: var(--bs-gutter-x);
        padding-right: var(--bs-gutter-x)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .footer_quicklinks, .footer_socials {
        grid-template-columns: minmax(0,50%) minmax(0,50%);
        row-gap: 2rem
    }
}

@media (min-width:992px) {
    html {
        scroll-padding-top: 208px
    }

    .navigation_bar {
        height: 7.5rem
    }

    .navigation_top-wrap {
        right: 1.25rem;
        top: .3125rem;
        z-index: 1
    }

    .navigation_top-links {
        background-color: #20315c;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }

    .navigation_bottom {
        margin-top: 2.25rem
    }

    .navigation_menu {
        color: #20315c;
        height: 5rem;
        width: 100%
    }

    .navigation_menu-list {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .navigation_menu-btn, .navigation_menu-link {
        color: #20315c;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .navigation_menu-btn:focus-visible, .navigation_menu-link:focus-visible {
            outline-color: #399356 !important;
            outline-offset: 0 !important;
            outline-style: solid !important;
            outline-width: 2px !important
        }

        .navigation_menu-btn:after, .navigation_menu-link:after {
            bottom: 6px;
            height: .125rem;
            left: 50%;
            transform: translateX(-50%);
            width: 64%
        }

    .navigation_logo {
        flex: 0 0 7.6875rem;
        margin-left: 1.3125rem;
        margin-top: -2.125rem;
        width: 7.6875rem
    }

    .navigation_nav {
        flex: 0 0 calc(100% - 10.5rem);
        margin-left: auto;
        margin-right: 1.125rem;
        width: calc(100% - 10.5rem)
    }

    .navigation_collapse-close {
        color: #20315c
    }

        .navigation_collapse-close:after {
            background-image: url(../images/close-20px-blue.svg)
        }

    .navigation_submenu {
        background-color: #fff;
        display: none;
        height: calc(100vh - 127px);
        left: 0;
        max-height: 43.75rem;
        opacity: 0;
        top: 87px;
        transition: opacity .2s ease-out;
        width: 100%
    }

        .navigation_submenu.is-active {
            opacity: 1
        }

    .navigation_submenu-inner {
        height: 100%
    }

    .navigation_submenu-scroll {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto
    }

    .navigation_submenu-grid {
        grid-template-columns: minmax(0,calc(100% - 320px)) minmax(0,320px)
    }

    .navigation_submenu-cols {
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        overflow-y: hidden
    }

    .navigation_submenu-col {
        flex: 0 0 50%;
        height: 100%;
        max-width: 20rem;
        overflow-y: auto;
        width: 50%
    }

    .navigation_submenu-close {
        color: #20315c;
        right: 1.3125rem
    }

        .navigation_submenu-close:focus-visible {
            outline-color: #399356;
            outline-offset: -1px !important;
            outline-width: 2px !important
        }

        .navigation_submenu-close span {
            padding-right: 2.125rem
        }

            .navigation_submenu-close span:before {
                background-image: url(../images/close-20px-blue.svg);
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: cover;
                content: "";
                height: 1.25rem;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 1.25rem
            }

    .navigation_submenu-title {
        color: #20315c;
        font-size: 1.75rem;
        line-height: 1.5rem;
        padding-bottom: 1.875rem
    }

    .navigation_submenu-list {
        background-color: #fff;
        border-top-color: #e9eaef;
        max-width: 20rem
    }

        .navigation_submenu-list li {
            border-bottom-color: #e9eaef
        }

            .navigation_submenu-list li.is-active > .navigation_submenu-btn, .navigation_submenu-list li.is-active > .navigation_submenu-link {
                background-color: #20315c !important;
                color: #fff
            }

                .navigation_submenu-list li.is-active > .navigation_submenu-btn:focus-visible, .navigation_submenu-list li.is-active > .navigation_submenu-link:focus-visible {
                    outline-color: #399356
                }

                .navigation_submenu-list li.is-active > .navigation_submenu-btn:after {
                    background-image: url(../images/arrow-right-24px-white.svg)
                }

        .navigation_submenu-btn, .navigation_submenu-list a {
            color: #20315c
        }

            .navigation_submenu-btn:after {
                background-image: url(../images/arrow-right-24px-blue.svg);
                right: 1.3125rem
            }

    .navigation_submenu-btn, .navigation_submenu-link {
        color: #20315c;
        padding: .75rem 1.3125rem
    }

        .navigation_submenu-btn:hover, .navigation_submenu-link:hover {
            background-color: #e9eaef !important
        }

        .navigation_submenu-btn:focus-visible, .navigation_submenu-link:focus-visible {
            outline-color: #399356;
            outline-offset: -4px !important;
            outline-width: .125rem !important
        }

    .navigation_subsubmenu {
        opacity: 0;
        transition: opacity .2s ease-out
    }

    .navigation_subsubmenu-title {
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        width: 1px !important;
        clip: rect(0,0,0,0) !important;
        border: 0 !important;
        white-space: nowrap !important
    }

        .navigation_subsubmenu-title:not(caption) {
            position: absolute !important
        }

        .navigation_subsubmenu-title * {
            overflow: hidden !important
        }

    .navigation_subsubmenu-list {
        border-top-color: #e9eaef;
        margin-top: 3.375rem
    }

        .navigation_subsubmenu-list li {
            border-bottom-color: #e9eaef
        }

            .navigation_subsubmenu-list li.is-active > .navigation_submenu-link {
                background-color: #20315c !important;
                color: #fff
            }

                .navigation_subsubmenu-list li.is-active > .navigation_submenu-link:focus-visible {
                    outline-color: #399356
                }

    .navigation_subsubmenu.is-active {
        opacity: 1
    }

    .navigation_nav-list {
        -moz-column-gap: 1.125rem;
        column-gap: 1.125rem
    }

        .navigation_nav-list > li {
            max-height: 2.5rem
        }

    .navigation_indicator {
        right: 1px;
        top: 6px
    }

    .navigation .--heart, .navigation .--searchglass {
        padding-left: .25rem;
        text-decoration: none
    }

        .navigation .--heart:after, .navigation .--searchglass:after {
            transform: translateY(-50%)
        }

    .navigation .--heart {
        padding-right: 2.125rem
    }

    .navigation .--searchglass {
        padding-right: 2rem
    }

    .navigation_card {
        min-height: 34.75rem
    }

    .navigation_card-wrap {
        display: none;
        position: absolute;
        right: 1.3125rem;
        top: 2.5rem;
        width: 20rem
    }

    .navigation_card-title {
        color: #20315c
    }

    .navigation_card-img {
        aspect-ratio: 320/554
    }

    .navigation_search-overlay {
        background-color: rgba(32,49,92,.8)
    }

    .navigation_search-dialog {
        background-color: #fff;
        max-width: 83rem;
        width: 100%
    }

    .navigation_search-content {
        flex: 0 0 50rem;
        width: 50rem
    }

    .navigation_search-header {
        height: 3.3125rem
    }

    .navigation_search-logo {
        left: 1.3125rem;
        position: absolute;
        top: -.5625rem;
        width: 7.1875rem
    }

        .navigation_search-logo:focus-visible {
            outline-color: #399356 !important
        }

    .navigation_search-close {
        right: -3.375rem;
        top: 3.5625rem
    }

        .navigation_search-close span:after {
            background-image: url(../images/close-20px-blue.svg)
        }

    .navigation_search-title {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 1.6875rem
    }

    .navigation_search-input {
        border: .0625rem solid rgba(32,49,92,.6);
        height: 3rem
    }

    .navigation_search-main {
        overflow-x: hidden;
        overflow-y: auto
    }

    .navigation_search-links-title {
        color: #20315c
    }

    .navigation_search-list-title {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 1.5rem
    }

    .navigation_search-list li {
        border-top: .0625rem solid #e9eaef
    }

    .navigation_search-list a {
        color: #20315c
    }

        .navigation_search-list a:has(.position-relative):after {
            background-image: url(../images/arrow-right-24px-blue.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 1.25rem;
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
            width: 1.25rem
        }

    .navigation_search-no-result {
        border-bottom-color: #e9eaef
    }

        .navigation_search-no-result a {
            color: #20315c
        }

    .navigation_search-outline-btn:active.icon-ai-blue:after, .navigation_search-outline-btn:focus-visible.icon-ai-blue:after, .navigation_search-outline-btn:hover.icon-ai-blue:after {
        background-image: url(../images/ai-24px-white.svg)
    }

    .navigation_search-outline-btn:active.icon-whatsapp-blue:after, .navigation_search-outline-btn:focus-visible.icon-whatsapp-blue:after, .navigation_search-outline-btn:hover.icon-whatsapp-blue:after {
        background-image: url(../images/whatsapp-24px-white.svg)
    }

    .navigation_search-outline-btn:focus-visible {
        border-color: #20315c
    }

    .header_index {
        height: 2.25rem;
        top: 118px
    }

    .header_index-bar {
        padding-right: 6.875rem
    }

    .header_index-btn, .header_index-link {
        padding-bottom: .5625rem;
        padding-top: .5625rem
    }

    .header_index-btn {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .header_index-signup-dropdown {
        top: 38px
    }

    .header_index-link {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 6.875rem
    }

    .header_index-dropdown {
        top: 38px
    }

    .header_event-body:before, .header_info-body:before, .header_newsandpublication-body:before, .header_training-body:before {
        background: radial-gradient(ellipse at center,rgba(122,193,156,.5) 0,rgba(122,193,156,0) 65%,rgba(122,193,156,0) 100%);
        border-radius: 50%;
        bottom: 0;
        content: "";
        height: 782px;
        position: absolute;
        right: -391px;
        width: 782px;
        z-index: -1
    }

    .header_event-col, .header_info-col, .header_newsandpublication-col, .header_training-col {
        margin-top: -22.875rem
    }

    .header_info-row, .header_newsandpublication-row {
        padding-bottom: 8rem;
        padding-top: 10.0625rem
    }

    .header_training-row {
        padding-bottom: 6.3125rem;
        padding-top: 12.1875rem
    }

    .header_training-trust {
        min-height: 73px
    }

        .header_training-trust .--students {
            color: #20315c
        }

    .header_training-rating {
        color: #399356;
        margin-right: 1.125rem
    }

        .header_training-rating:before {
            background-image: url(../images/stripes-black.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            bottom: 12px;
            content: "";
            height: .8125rem;
            left: 8px;
            position: absolute;
            width: 9.25rem
        }

        .header_training-rating .--rating {
            font-size: 3.75rem
        }

    .header_newsandpublication-body {
        min-height: 14rem
    }

    .header_event-row {
        padding-bottom: 7.5625rem;
        padding-top: 12.0625rem
    }

    .header_event-videos {
        margin-top: -7.5625rem
    }

    .header_forms-body {
        background-color: #fff
    }

    .main_gradient.--right {
        background-image: url(../images/gradient-main-right.svg);
        bottom: -448px;
        height: 59.1875rem;
        transform: rotate(-170.9deg);
        width: 78.375rem
    }

    .main_gradient.--left {
        background-image: url(../images/gradient-main-left.svg);
        bottom: -382px;
        height: 58rem;
        transform: rotate(-170.9deg);
        width: 60.25rem
    }

    .card {
        padding-bottom: 4.8125rem;
        padding-top: 2.8125rem
    }

    .card_title {
        line-height: 1.6875rem
    }

    .card_intro, .card_title {
        margin-bottom: 2.25rem
    }

    .options_content-cards {
        grid-template-columns: minmax(0,50%) minmax(0,50%)
    }

    .options_content-card {
        margin-top: 1.5rem;
        padding-right: 5.4375rem;
        row-gap: 1rem
    }

    .banner_row:before {
        right: 0
    }

    .banner.--white .banner_content-link {
        margin-right: 1.75rem
    }

    .banner-contact_row:before, .slider_row:before {
        right: 0
    }

    .slider_cta:before {
        background-color: #fff;
        content: "";
        height: 1px;
        left: 50%;
        opacity: .2;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: calc(100% - 24px)
    }

    .slider.--primary .slider_cta:before {
        background-color: #20315c
    }

    .slider.--secondary .slider_cta:before {
        background-color: #aa334d
    }

    .accordions_row:before, .ede_row:before, .quote_row:before, .schedule_row:before, .table-only_row:before, .tabs_row:before, .text-only.--bg-white .text-only_row:before {
        right: 0
    }

    .favorites_form-input {
        border: .0625rem solid rgba(32,49,92,.6);
        height: 3rem
    }

    .insta_row:before {
        right: 0
    }

    .footer_quicklinks, .footer_socials {
        grid-template-columns: repeat(3,minmax(0,33.33333%))
    }
}

@media (min-width:992px) and (max-width:1279.98px) {
    .options_content-card:after {
        right: 1.0625rem;
        top: 7.0625rem
    }
}

@media (min-height:690px),(min-width:992px) {
    .navigation_search-main {
        max-height: 23.9375rem
    }
}

@media (min-width:1280px) {
    .container-fluid {
        max-width: 90rem;
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .header_hero {
        min-height: 47.6875rem
    }

    .header_content {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        font-size: 1.125rem;
        grid-template-columns: minmax(0,50%) minmax(0,50%)
    }

    .header_intro {
        min-height: 3.875rem
    }

    .header_badge {
        margin-top: 15rem
    }

    .header_event .--bg-white, .header_favorites .--bg-white, .header_forms .--bg-white, .header_info .--bg-white, .header_list .--bg-white, .header_newsandpublication .--bg-white, .header_training .--bg-white {
        background-image: url(../images/che-gradient-training-l.png)
    }

    .header_event-videos .tns-outer, .header_training-videos .tns-outer {
        width: 62rem
    }

    .header_event-slider > div:nth-child(3n+1), .header_training-slider > div:nth-child(3n+1) {
        padding-top: 3rem
    }

    .header_event-slider > div:nth-child(3n+2), .header_training-slider > div:nth-child(3n+2) {
        padding-top: 6rem
    }

    .header_event-slider > div:nth-child(3n+3), .header_training-slider > div:nth-child(3n+3) {
        padding-top: 1rem
    }

    .usp_content-cards {
        padding-right: 1rem
    }

    .options_content-card {
        padding-right: 7.9375rem;
        row-gap: 1.5rem
    }

        .options_content-card:after {
            right: 1.6875rem;
            top: 7.5rem
        }

    .banner-download_content-col:first-child, .banner-signup_content-col:first-child {
        grid-column: 2/span 4
    }

    .ede_pic {
        width: 90rem
    }

    .ede_img {
        height: 40.125rem;
        right: 100px
    }

    .ede.--bg-right .ede_img {
        left: -12px;
        right: auto
    }

    .footer_wrap {
        row-gap: 3rem
    }

    .footer_quicklinks, .footer_socials, .footer_wrap {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

@media (min-width:1280px) and (max-width:1439.98px) {
    .banner-download_content-col:nth-child(2), .banner-signup_content-col:nth-child(2) {
        grid-column: 7/span 6
    }
}

@media (min-width:1440px) {
    .banner-download_content-col:nth-child(2), .banner-signup_content-col:nth-child(2) {
        grid-column: 7/span 5
    }

    .favorites .tns-controls button[data-controls=prev] {
        right: 56px
    }

    .favorites .tns-controls button[data-controls=next] {
        right: 0
    }
}

@media (max-width:1279.98px) {
    .container-fluid, .row {
        --bs-gutter-x: 1rem
    }

        .row > * {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

    .help_intro, .help_list, .help_title {
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

@media (max-width:991.98px) {
    html {
        scroll-padding-top: 123px
    }

    .navigation_top-links a {
        font-weight: 600
    }

    .navigation_top-links-mobile {
        border-top: 1px solid hsla(0,0%,100%,.2)
    }

        .navigation_top-links-mobile a {
            color: #a5b1d0;
            padding-bottom: .75rem;
            padding-top: .75rem
        }

    .navigation_menu {
        padding-right: .8125rem
    }

    .navigation_menu-lists {
        height: calc(100vh - 80px);
        overflow-x: hidden;
        overflow-y: auto;
        scroll-behavior: smooth
    }

    .navigation_menu-list {
        row-gap: .5rem
    }

        .navigation_menu-list > li.is-active .navigation_menu-btn, .navigation_menu-list > li.is-active .navigation_menu-link {
            color: #a5b1d0;
            padding-left: 1.5rem
        }

    .navigation_menu-btn, .navigation_menu-link {
        color: #fff;
        font-family: Sohne Breit;
        font-size: 1.5rem;
        line-height: 2rem;
        text-transform: uppercase
    }

        .navigation_menu-btn:after, .navigation_menu-link:after {
            height: 2rem;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: .75rem
        }

    .navigation_menu-btn {
        padding-left: 0;
        padding-right: 0
    }

    .navigation_logo {
        flex: 0 0 7.5625rem;
        margin-left: .8125rem;
        margin-top: -1.125rem;
        width: 7.5625rem
    }

    .navigation_nav {
        flex: 0 0 calc(100% - 8.375rem);
        width: calc(100% - 8.375rem)
    }

    .navigation_collapse {
        background-color: #20315c;
        display: none;
        height: 100vh;
        left: -100%;
        position: fixed;
        top: 0;
        transform: translateX(0);
        transition: transform .3s ease-in-out;
        width: 100%;
        z-index: 1035
    }

        .navigation_collapse.is-active {
            transform: translateX(100%)
        }

    .navigation_collapse-top {
        background-color: #19274c;
        display: flex;
        height: 3rem;
        justify-content: end;
        margin-bottom: .875rem;
        margin-left: -.5rem;
        margin-top: 1.125rem;
        position: relative
    }

        .navigation_collapse-top:before {
            background-image: url(../images/christelijke-hogeschool-ede-logo-white.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 2.8125rem;
            left: .8125rem;
            position: absolute;
            top: -.625rem;
            width: 4.75rem
        }

    .navigation_collapse-close {
        color: #fff
    }

        .navigation_collapse-close:focus-visible {
            outline-color: #399356;
            outline-offset: 4px !important;
            outline-width: 2px !important
        }

        .navigation_collapse-close:after {
            background-image: url(../images/close-20px-white.svg)
        }

    .navigation_submenu, .navigation_submenu-col {
        background-color: #20315c
    }

    .navigation_submenu-col {
        height: calc(100vh - 78px);
        left: -100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        position: fixed;
        top: 78px;
        transform: translateX(0);
        transition: transform .3s ease-in-out;
        width: 100%
    }

        .navigation_submenu-col:first-child {
            z-index: 1
        }

        .navigation_submenu-col:nth-child(2) {
            z-index: 2
        }

        .navigation_submenu-col.is-active {
            transform: translateX(100%)
        }

    .navigation_submenu-back {
        color: #a5b1d0;
        margin-bottom: .6875rem;
        margin-left: -.375rem;
        padding-left: 1.5625rem
    }

        .navigation_submenu-back:before {
            background-image: url(../images/arrow-right-24px-white.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 13px 13px;
            content: "";
            height: 1.5rem;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%) rotate(180deg);
            width: 1.5rem
        }

    .navigation_submenu-title {
        color: #fff;
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: .4375rem;
        text-transform: uppercase
    }

    .navigation_submenu-list {
        border-top-color: hsla(0,0%,100%,.2)
    }

        .navigation_submenu-list li {
            border-bottom-color: hsla(0,0%,100%,.2)
        }

            .navigation_submenu-list li:last-child {
                border-bottom-color: transparent
            }

    .navigation_submenu-btn {
        padding-left: 0
    }

        .navigation_submenu-btn:after {
            background-image: url(../images/arrow-right-24px-white.svg);
            right: 0
        }

    .navigation_submenu-btn, .navigation_submenu-link {
        color: #fff;
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .navigation_subsubmenu-list {
        border-top-color: hsla(0,0%,100%,.2)
    }

        .navigation_subsubmenu-list li {
            border-bottom-color: hsla(0,0%,100%,.2)
        }

            .navigation_subsubmenu-list li:last-child {
                border-bottom-color: transparent
            }

    .navigation_indicator {
        right: 0;
        top: 2px
    }

    .navigation .--heart > span, .navigation .--searchglass > span {
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        width: 1px !important;
        clip: rect(0,0,0,0) !important;
        border: 0 !important;
        white-space: nowrap !important
    }

        .navigation .--heart > span:not(caption), .navigation .--searchglass > span:not(caption) {
            position: absolute !important
        }

        .navigation .--heart > span *, .navigation .--searchglass > span * {
            overflow: hidden !important
        }

    .navigation .--heart:after, .navigation .--searchglass:after {
        left: 50%;
        right: auto;
        transform: translate(-50%,-50%)
    }

    .navigation .--searchglass {
        padding: 0
    }

    .navigation .--heart, .navigation .--searchglass, .navigation_toggle {
        height: 1.875rem;
        width: 1.875rem
    }

        .navigation .--heart:focus-visible, .navigation .--searchglass:focus-visible, .navigation_toggle:focus-visible {
            outline-color: #399356 !important;
            outline-offset: 2px !important;
            outline-style: solid !important;
            outline-width: 2px !important
        }

    .navigation_toggle {
        border-radius: 0
    }

    .navigation_toggle-bars {
        width: 1.1875rem
    }

    .navigation_toggle-bar {
        background-color: #20315c;
        height: .1875rem;
        width: inherit
    }

    .navigation_card {
        background: transparent;
        padding-bottom: 3.5rem;
        padding-top: 2.8125rem
    }

    .navigation_card-wrap {
        margin-top: 7rem
    }

    .navigation_card-title {
        color: #fff;
        margin-bottom: 1rem
    }

    .navigation_card-img {
        aspect-ratio: 320/283
    }

    .navigation_card .btn-outline {
        border-color: #fff;
        color: #fff
    }

    .navigation_search-overlay {
        background-color: #20315c;
        overflow-x: hidden;
        overflow-y: auto
    }

    .navigation_search-dialog {
        background-color: #20315c;
        color: #fff
    }

    .navigation_search-header {
        height: 1rem
    }

    .navigation_search-close {
        right: 1rem;
        top: 1.6875rem
    }

        .navigation_search-close span {
            color: #fff
        }

            .navigation_search-close span:after {
                background-image: url(../images/close-20px-white.svg)
            }

    .navigation_search-title {
        background-color: #19274c;
        font-size: 1.5rem;
        height: 3rem;
        line-height: 2rem;
        margin-bottom: 1.5625rem
    }

    .navigation_search-input {
        border: .0625rem solid hsla(0,0%,100%,.6)
    }

    .navigation_search-list {
        border-bottom: .0625rem solid hsla(0,0%,100%,.2)
    }

        .navigation_search-list li {
            border-top: .0625rem solid hsla(0,0%,100%,.2)
        }

    .navigation_search-footer .btn {
        width: 100%
    }

    .navigation_search-outline-btn {
        border-color: #fff;
        color: #fff
    }

        .navigation_search-outline-btn:focus-visible {
            border-color: #fff
        }

        .navigation_search-outline-btn.icon-ai-blue:after {
            background-image: url(../images/ai-24px-white.svg)
        }

        .navigation_search-outline-btn.icon-whatsapp-blue:after {
            background-image: url(../images/whatsapp-24px-white.svg)
        }

    .header_index {
        height: 2rem;
        top: 66px
    }

    .header_index-bar {
        padding-right: 6.5625rem
    }

    .header_index-btn, .header_index-link {
        padding-bottom: .4375rem;
        padding-top: .4375rem
    }

    .header_index-signup-dropdown {
        top: 34px
    }

    .header_index-link {
        padding-left: .75rem;
        padding-right: .75rem;
        width: 6.5625rem
    }

    .header_index-dropdown {
        top: 32px
    }

    .header_event-videos, .header_training-videos {
        margin-top: -93px
    }

    .header_info-row, .header_newsandpublication-row {
        padding-top: 6.0625rem
    }

    .header_training-row {
        padding-bottom: 6.8125rem;
        padding-top: 7.5625rem
    }

    .header_training-trust {
        margin-top: 1.5625rem
    }

        .header_training-trust .--badge {
            margin-left: .75rem;
            margin-top: -.6875rem
        }

    .header_training-rating .--rating {
        font-size: 3.5rem
    }

    .header_training-rating .--total {
        padding-top: .1875rem
    }

    .header_training-stars {
        margin-left: .4375rem
    }

    .header_event-row {
        padding-bottom: 8.9375rem;
        padding-top: 6.0625rem
    }

    .main_gradient.--mid {
        bottom: -232px;
        height: 19.75rem;
        width: 41.25rem
    }

    .card_title {
        line-height: 1.5rem
    }

    .card-list:before {
        left: 50%;
        transform: translateX(-50%)
    }

    .options_content-card {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

        .options_content-card:after {
            right: .5rem;
            top: 1rem
        }

    .options_content-card-img {
        flex: 0 0 88px;
        margin-left: -1rem;
        width: 88px
    }

    .banner_content:before {
        left: 50%;
        transform: translateX(-50%)
    }

    .slider .tns-controls {
        margin-top: 1.5rem;
        position: relative;
        z-index: 1
    }

        .slider .tns-controls button {
            position: absolute
        }

    .favorites_form-input {
        border: .0625rem solid hsla(0,0%,100%,.6)
    }
}

@media (max-width:767.98px) {
    .card-agenda, .card-news, .card-training {
        flex: 0 0 320px;
        width: 320px
    }

    .card-list-search_intro {
        -webkit-line-clamp: 4
    }

    .usp_content-cards {
        row-gap: 1.5rem
    }

    .compare_slider-card {
        flex: 0 0 320px;
        width: 320px
    }

    .footer_socials a {
        padding-left: 2.5625rem
    }
}

@media (max-width:575.98px) {
    .h1, .h2, h1, h2 {
        font-size: 2rem
    }

    .card-list_img {
        aspect-ratio: 320/159;
        flex: 0 0 100%;
        width: 100%
    }

    .card-list_intro {
        -webkit-line-clamp: 4
    }

    .card-list.--agenda .card_list_img {
        aspect-ratio: 320/200
    }

    .banner_content-img, .banner_modal-img {
        aspect-ratio: 312/299;
        flex: 0 0 100%;
        width: 100%
    }

    .ede_cards, .schedule_body-list-item {
        grid-template-columns: minmax(0,100%)
    }

    .schedule_body-list-item {
        row-gap: 1rem
    }
}