/* css_bl_tema.css (11 Eki 2026): css_U1DW... dosyasi ayni temanin IKI kopyasini art arda iceriyordu (827 KB).
   Ilk kopyanin yalniz ikinci kopyada olmayan/farkli 3 kurali basta tutuldu, ardindan ikinci kopya aynen. Basamaklama sonucu ayni. */
@media (max-width: 768px) {
    .crossbar__overview-item {
        flex: 1 1 48%;
        max-width: 48%;
        margin-bottom: 10px;
    }
}
@media (max-width:992px) {
    .crossbar__overview-item {
        flex: 1 1 100%;
        max-width: 100%;
    }

        .crossbar__overview-item:nth-child(1n+5):not(.crossbar__overview-item--more) {
            display: none
        }

    .crossbar__overview-items--more .crossbar__overview-item:nth-child(1n+5):not(.crossbar__overview-item--more) {
        display: none
    }

    .crossbar__overview-items--length-of-1 .crossbar__overview-item {
        width: 100%
    }

    .crossbar__overview-items--length-of-2 .crossbar__overview-item {
        width: 50%
    }

    .crossbar__overview-items--length-of-3 .crossbar__overview-item {
        width: 33.3333333333%
    }
}
.sticky-toolbar__wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

@media (min--moz-device-pixel-ratio:0) {
    summary {
        display: list-item
    }
}

.action-links {
    margin: 1em 0;
    padding: 0;
    list-style: none
}

[dir=rtl] .action-links {
    margin-right: 0
}

.action-links li {
    display: inline-block;
    margin: 0 .3em
}

    .action-links li:first-child {
        margin-left: 0
    }

[dir=rtl] .action-links li:first-child {
    margin-right: 0;
    margin-left: .3em
}

.button-action {
    display: inline-block;
    padding: .2em .5em .3em;
    text-decoration: none;
    line-height: 160%
}

    .button-action:before {
        margin-left: -.1em;
        padding-right: .2em;
        content: "+";
        font-weight: 900
    }

[dir=rtl] .button-action:before {
    margin-right: -.1em;
    margin-left: 0;
    padding-right: 0;
    padding-left: .2em
}

.button, .image-button {
    margin-right: 1em;
    margin-left: 1em
}

    .button:first-child, .image-button:first-child {
        margin-right: 0;
        margin-left: 0
    }

.collapse-processed > summary {
    padding-right: .5em;
    padding-left: .5em
}

    .collapse-processed > summary:before {
        float: left;
        width: 1em;
        height: 1em;
        content: "";
        background: url(https://www.kanker.nl/core/misc/menu-expanded.png) 0 100% no-repeat
    }

[dir=rtl] .collapse-processed > summary:before {
    float: right;
    background-position: 100% 100%
}

.collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 25% 35%
}

[dir=rtl] .collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: 75% 35%
}

.container-inline label:after, .container-inline .label:after {
    content: ":"
}

.form-type-radios .container-inline label:after, .form-type-checkboxes .container-inline label:after {
    content: ""
}

.form-type-radios .container-inline .form-type-radio, .form-type-checkboxes .container-inline .form-type-checkbox {
    margin: 0 1em
}

.container-inline .form-actions, .container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0
}

details {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ccc
}

    details > .details-wrapper {
        padding: .5em 1.5em
    }

summary {
    padding: .2em .5em;
    cursor: pointer
}

.exposed-filters .filters {
    float: left;
    margin-right: 1em
}

[dir=rtl] .exposed-filters .filters {
    float: right;
    margin-right: 0;
    margin-left: 1em
}

.exposed-filters .form-item {
    margin: 0 0 .1em;
    padding: 0
}

    .exposed-filters .form-item label {
        float: left;
        width: 10em;
        font-weight: 400
    }

[dir=rtl] .exposed-filters .form-item label {
    float: right
}

.exposed-filters .form-select {
    width: 14em
}

.exposed-filters .current-filters {
    margin-bottom: 1em
}

    .exposed-filters .current-filters .placeholder {
        font-weight: 700;
        font-style: normal
    }

.exposed-filters .additional-filters {
    float: left;
    margin-right: 1em
}

[dir=rtl] .exposed-filters .additional-filters {
    float: right;
    margin-right: 0;
    margin-left: 1em
}

.field__label {
    font-weight: 700
}

.field--label-inline .field__label, .field--label-inline .field__items {
    float: left
}

.field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items {
    padding-right: .5em
}

[dir=rtl] .field--label-inline .field__label, [dir=rtl] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: .5em
}

.field--label-inline .field__label:after {
    content: ":"
}

form .field-multiple-table {
    margin: 0
}

    form .field-multiple-table .field-multiple-drag {
        width: 30px;
        padding-right: 0
    }

[dir=rtl] form .field-multiple-table .field-multiple-drag {
    padding-left: 0
}

form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: .5em
}

[dir=rtl] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0;
    padding-left: .5em
}

form .field-add-more-submit {
    margin: .5em 0 0
}

.form-item, .form-actions {
    margin-top: 1em;
    margin-bottom: 1em
}

tr.odd .form-item, tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0
}

.form-composite > .fieldset-wrapper > .description, .form-item .description {
    font-size: .85em
}

label.option {
    display: inline;
    font-weight: 400
}

.form-composite > legend, .label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: 700
}

.form-checkboxes .form-item, .form-radios .form-item {
    margin-top: .4em;
    margin-bottom: .4em
}

.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 2.4em
}

[dir=rtl] .form-type-radio .description, [dir=rtl] .form-type-checkbox .description {
    margin-right: 2.4em;
    margin-left: 0
}

.marker {
    color: #e00
}

.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 .3em;
    content: "";
    vertical-align: super;
    background-image: url(https://www.kanker.nl/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px
}

abbr.tabledrag-changed, abbr.ajax-changed {
    border-bottom: none
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid red
}

.form-item--error-message:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    vertical-align: sub;
    background: url(https://www.kanker.nl/core/misc/icons/e32700/error.svg) no-repeat;
    background-size: contain
}

.form--inline .form-item {
    float: left;
    margin-right: .5em
}

[dir=rtl] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

[dir=rtl] .views-filterable-options-controls .form-item {
    margin-right: 2%
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: .5em
}

[dir=rtl] .form--inline .form-item-separator {
    margin-right: .5em;
    margin-left: 1em
}

.form--inline .form-actions {
    clear: left
}

[dir=rtl] .form--inline .form-actions {
    clear: right
}

.item-list .title {
    font-weight: 700
}

.item-list ul {
    margin: 0 0 .75em;
    padding: 0
}

.item-list li {
    margin: 0 0 .25em 1.5em;
    padding: 0
}

[dir=rtl] .item-list li {
    margin: 0 1.5em .25em 0
}

.item-list--comma-list {
    display: inline
}

    .item-list--comma-list .item-list__comma-list, .item-list__comma-list li, [dir=rtl] .item-list--comma-list .item-list__comma-list, [dir=rtl] .item-list__comma-list li {
        margin: 0
    }

button.link {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    font-size: 1em
}

label button.link {
    font-weight: 700
}

ul.inline, ul.links.inline {
    display: inline;
    padding-left: 0
}

[dir=rtl] ul.inline, [dir=rtl] ul.links.inline {
    padding-right: 0;
    padding-left: 15px
}

ul.inline li {
    display: inline;
    padding: 0 .5em;
    list-style-type: none
}

ul.links a.is-active {
    color: #000
}

ul.menu {
    margin-left: 1em;
    padding: 0;
    list-style: none outside;
    text-align: left
}

[dir=rtl] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(https://www.kanker.nl/core/misc/menu-expanded.png)
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(https://www.kanker.nl/core/misc/menu-collapsed.png)
}

[dir=rtl] .menu-item--collapsed {
    list-style-image: url(https://www.kanker.nl/core/misc/menu-collapsed-rtl.png)
}

.menu-item {
    margin: 0;
    padding-top: .2em
}

ul.menu a.is-active {
    color: #000
}

.more-link {
    display: block;
    text-align: right
}

[dir=rtl] .more-link {
    text-align: left
}

.pager__items {
    clear: both;
    text-align: center
}

.pager__item {
    display: inline;
    padding: .5em
}

    .pager__item.is-active {
        font-weight: 700
    }

tr.drag {
    background-color: ivory
}

tr.drag-previous {
    background-color: #ffd
}

body div.tabledrag-changed-warning {
    margin-bottom: .5em
}

tr.selected td {
    background: #ffc
}

td.checkbox, th.checkbox {
    text-align: center
}

[dir=rtl] td.checkbox, [dir=rtl] th.checkbox {
    text-align: center
}

th.is-active img {
    display: inline
}

td.is-active {
    background-color: #ddd
}

div.tabs {
    margin: 1em 0
}

ul.tabs {
    margin: 0 0 .5em;
    padding: 0;
    list-style: none
}

.tabs > li {
    display: inline-block;
    margin-right: .3em
}

[dir=rtl] .tabs > li {
    margin-right: 0;
    margin-left: .3em
}

.tabs a {
    display: block;
    padding: .2em 1em;
    text-decoration: none
}

    .tabs a.is-active {
        background-color: #eee
    }

    .tabs a:focus, .tabs a:hover {
        background-color: #f5f5f5
    }

.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0
}

.ui-dialog--narrow {
    max-width: 500px
}

@media screen and (max-width:600px) {
    .ui-dialog--narrow {
        min-width: 95%;
        max-width: 95%
    }
}

.node--unpublished {
    background-color: #fff4f4
}

.progress__track {
    border-color: #b3b3b3;
    border-radius: 10em;
    background-color: #f2f1eb;
    background-image: -webkit-linear-gradient(#e7e7df,#f0f0f0);
    background-image: linear-gradient(#e7e7df,#f0f0f0);
    box-shadow: inset 0 1px 3px hsla(0,0%,0%,.16)
}

.progress__bar {
    height: 16px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0 1px;
    -webkit-transition: width .5s ease-out;
    transition: width .5s ease-out;
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
    border: 1px #07629a solid;
    border-radius: 10em;
    background: #057ec9;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15)),-webkit-linear-gradient(left top,#0094f0 0%,#0094f0 25%,#007ecc 25%,#007ecc 50%,#0094f0 50%,#0094f0 75%,#0094f0 100%);
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.15)),linear-gradient(to right bottom,#0094f0 0%,#0094f0 25%,#007ecc 25%,#007ecc 50%,#0094f0 50%,#0094f0 75%,#0094f0 100%);
    background-size: 40px 40px
}

[dir=rtl] .progress__bar {
    margin-right: -1px;
    margin-left: 0;
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress__bar {
        -webkit-transition: none;
        transition: none;
        -webkit-animation: none;
        -moz-animation: none
    }
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0,0 0
    }

    100% {
        background-position: 0 0,-80px 0
    }
}

@-ms-keyframes animate-stripes {
    0% {
        background-position: 0 0,0 0
    }

    100% {
        background-position: 0 0,-80px 0
    }
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0,0 0
    }

    100% {
        background-position: 0 0,-80px 0
    }
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

    .splide__pagination li {
        display: inline-block;
        line-height: 1;
        list-style-type: none;
        margin: 0;
        pointer-events: auto
    }

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

    .splide.is-initialized, .splide.is-rendered {
        visibility: visible
    }

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

    .splide__slide img {
        vertical-align: bottom
    }

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

    .splide__track--fade > .splide__list > .splide__slide.is-active {
        opacity: 1;
        z-index: 1
    }

.splide--rtl {
    direction: rtl
}

.splide__track--ttb > .splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

    .splide__arrow svg {
        fill: #000;
        height: 1.2em;
        width: 1.2em
    }

    .splide__arrow:hover:not(:disabled) {
        opacity: .9
    }

    .splide__arrow:disabled {
        opacity: .3
    }

    .splide__arrow:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide__arrow--prev {
    left: 1em
}

    .splide__arrow--prev svg {
        transform: scaleX(-1)
    }

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

    .splide__pagination__page.is-active {
        background: #fff;
        transform: scale(1.4);
        z-index: 1
    }

    .splide__pagination__page:hover {
        cursor: pointer;
        opacity: .9
    }

    .splide__pagination__page:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .splide__slide:focus {
        outline: 0
    }

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

    .splide__toggle:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

    .splide__track--nav > .splide__list > .splide__slide.is-active {
        border: 3px solid #000
    }

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

    .splide__arrows--rtl .splide__arrow--prev svg {
        transform: scaleX(1)
    }

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

    .splide__arrows--rtl .splide__arrow--next svg {
        transform: scaleX(-1)
    }

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

    .splide__arrows--ttb .splide__arrow--prev svg {
        transform: rotate(-90deg)
    }

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

    .splide__arrows--ttb .splide__arrow--next svg {
        transform: rotate(90deg)
    }

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

    .mfp-container:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

    .mfp-preloader a {
        color: #ccc
    }

        .mfp-preloader a:hover {
            color: #fff
        }

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1
    }

    .mfp-close:active {
        top: 1px
    }

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1
    }

    .mfp-arrow:before, .mfp-arrow:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after {
        border-right: 17px solid #fff;
        margin-left: 31px
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after {
        border-left: 17px solid #fff;
        margin-left: 39px
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3f3f3f
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

    .mfp-figure:after {
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #444
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.video-embed-field-responsive-video {
    position: relative
}

    .video-embed-field-responsive-video:after {
        content: "";
        display: block;
        padding-bottom: 56.25%
    }

    .video-embed-field-responsive-video iframe {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0
    }

.video-embed-field-responsive-modal {
    max-width: 100%
}

.video-embed-field-lazy {
    cursor: pointer;
    position: relative
}

    .video-embed-field-lazy img {
        width: 100%
    }

.video-embed-field-lazy-play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("../../../../themes/custom/kreeft_theme/dist/styles/icons/play.html") no-repeat;
    cursor: pointer;
    background-size: 72px 72px
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Light/KWFFedraSans-Light.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Light/KWFFedraSans-Lightd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Light/KWFFedraSans-Light.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Light/KWFFedraSans-Light.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Light/KWFFedraSans-Light.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightItalic/KWFFedraSans-LightItalic.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightItalic/KWFFedraSans-LightItalicd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightItalic/KWFFedraSans-LightItalic.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightItalic/KWFFedraSans-LightItalic.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightItalic/KWFFedraSans-LightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans-TF;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightTF/KWFFedraSans-LightTF.html");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightTF/KWFFedraSans-LightTFd41d.html?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightTF/KWFFedraSans-LightTF-2.html") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightTF/KWFFedraSans-LightTF-3.html") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/LightTF/KWFFedraSans-LightTF-4.html") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Book/KWFFedraSans-Book.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Book/KWFFedraSans-Bookd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Book/KWFFedraSans-Book.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Book/KWFFedraSans-Book.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Book/KWFFedraSans-Book.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BookItalic/KWFFedraSans-BookItalic.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BookItalic/KWFFedraSans-BookItalicd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BookItalic/KWFFedraSans-BookItalic.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BookItalic/KWFFedraSans-BookItalic.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BookItalic/KWFFedraSans-BookItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Normal/KWFFedraSans-Normal.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Normal/KWFFedraSans-Normald41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Normal/KWFFedraSans-Normal.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Normal/KWFFedraSans-Normal.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Normal/KWFFedraSans-Normal.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans-TF;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/NormalTF/KWFFedraSans-NormalTF.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/NormalTF/KWFFedraSans-NormalTFd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/NormalTF/KWFFedraSans-NormalTF.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/NormalTF/KWFFedraSans-NormalTF.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/NormalTF/KWFFedraSans-NormalTF.ttf") format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Medium/KWFFedraSans-Medium.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Medium/KWFFedraSans-Mediumd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Medium/KWFFedraSans-Medium.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Medium/KWFFedraSans-Medium.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Medium/KWFFedraSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/MediumItalic/KWFFedraSans-MediumItalic.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/MediumItalic/KWFFedraSans-MediumItalicd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/MediumItalic/KWFFedraSans-MediumItalic.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/MediumItalic/KWFFedraSans-MediumItalic.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/MediumItalic/KWFFedraSans-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Bold/KWFFedraSans-Bold.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Bold/KWFFedraSans-Boldd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Bold/KWFFedraSans-Bold.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Bold/KWFFedraSans-Bold.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/Bold/KWFFedraSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldItalic/KWFFedraSans-BoldItalic.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldItalic/KWFFedraSans-BoldItalicd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldItalic/KWFFedraSans-BoldItalic.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldItalic/KWFFedraSans-BoldItalic.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldItalic/KWFFedraSans-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: KWFFedraSans-TF;
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldTF/KWFFedraSans-BoldTF.eot");
    src: url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldTF/KWFFedraSans-BoldTFd41d.eot?#iefix") format("embedded-opentype"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldTF/KWFFedraSans-BoldTF.woff2") format("woff2"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldTF/KWFFedraSans-BoldTF.woff") format("woff"),url("../../../../themes/custom/kreeft_theme/dist/fonts/KWFFedraSans/BoldTF/KWFFedraSans-BoldTF.ttf") format("truetype");
    font-weight: 700;
    font-display: swap
}

.font--light {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 200;
    font-style: normal
}

.font--light-italic {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 200;
    font-style: italic
}

.font--light-tf {
    font-family: KWFFedraSans-TF,Helvetica,sans-serif;
    font-weight: 200;
    font-style: normal
}

.font--book {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 300;
    font-style: normal
}

.font--book-italic {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 300;
    font-style: italic
}

.font--normal {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 400
}

.font--normal-tf {
    font-family: KWFFedraSans-TF,Helvetica,sans-serif;
    font-weight: 400
}

.font--medium {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 500;
    font-style: normal
}

.font--medium-italic {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 500;
    font-style: italic
}

.font--bold {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 700;
    font-style: normal
}

.font--bold-italic {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 700;
    font-style: italic
}

.font--bold-tf {
    font-family: KWFFedraSans-TF,Helvetica,sans-serif;
    font-weight: 700
}

.font--alternative {
    font-family: Helvetica,sans-serif;
    font-weight: 400
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

body {
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #474747;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5882352941;
    margin: 0;
    overflow-x: hidden
}

.page-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh
}

.theme-color-blue .page-container {
    background-color: #eaf0f7
}

.theme-color-grey .page-container {
    background-color: #f9f9f9
}

.theme-color-yellow .page-container {
    background-color: #fdf6eb
}

.theme-color-pink .page-container {
    background-color: #ede9f3
}

article {
    flex: 1;
    min-width: 0
}

address {
    font-style: normal
}

p {
    margin: 0 0 27px
}

b, strong {
    font-weight: 700
}

button {
    background: 0 0;
    border: none;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 300;
    line-height: 1.5882352941;
    padding: 0
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.js-object-fit {
    background-position: 50% 50%;
    background-size: cover
}

    .js-object-fit img {
        display: none
    }

[data-contextual-id]:empty, .ajax-progress-throbber {
    display: none !important
}

*:focus {
    outline: 1px dotted #2d2d2d
}

.cke_editable {
    outline: none
}

.float-left {
    float: left
}

@media (prefers-reduced-motion:reduce) {
    *, *:before, *:after {
        animation: none !important;
        transition: none !important;
        transition-property: none !important
    }
}

.layout--onecol .block-inline-blockelement {
    width: 100%
}

@media (min-width:768px) {
    .layout--onecol .block-inline-blockelement {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
}

.page-node-type-overview-page .layout--onecol .block-inline-blockelement {
    margin-top: 46px
}

blockquote {
    border-bottom-right-radius: 15px;
    border-color: #d1d1d1;
    border-style: solid;
    border-width: 0 1px 1px 0;
    font-size: 25px;
    line-height: 1.48;
    margin: 27px 0 34px;
    padding: 3px 28px 19px
}

    blockquote p:last-child {
        margin-bottom: 0
    }

.caption {
    font-size: 14px;
    line-height: 1.64
}

.conversation-header .field, .conversation .field, .private-message__content .field, .blog-header .field, .blog-post-teaser .field, .blog-post-content__title .field, .blog-post-content__content .field, .comment__content .field {
    position: relative;
    overflow: hidden;
    display: block
}

h1 {
    color: #2d2d2d;
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    margin: 30px 0 24px
}

@media (min-width:768px) {
    h1 {
        font-size: 40px;
        line-height: 46px
    }
}

h2 {
    color: #2d2d2d;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    margin: 17px 0 4px
}

@media (min-width:768px) {
    h2 {
        font-size: 23px;
        line-height: 30px
    }
}

h3 {
    color: #2d2d2d;
    font-size: 17px;
    font-weight: 400;
    margin: 0
}

a {
    color: #285992
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: currentColor
}

a:focus, a:hover {
    text-decoration: none
}

.text-formatted a:not(.button) {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out;
    color: #285992
}

    .text-formatted a:not(.button):hover, .text-formatted a:not(.button):focus {
        padding-bottom: 2px
    }

.cke_editable a:not(.button) {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out;
    color: #285992
}

    .cke_editable a:not(.button):hover, .cke_editable a:not(.button):focus {
        padding-bottom: 2px
    }

.list, .text-formatted ul, .cke_editable ul {
    list-style: none;
    margin: 0 0 27px;
    padding-left: 0
}

p + .list, p + .text-formatted ul, p + .cke_editable ul {
    margin-top: -24px
}

.list li, .text-formatted ul li, .cke_editable ul li {
    padding-left: 26px;
    position: relative
}

    .list li:before, .text-formatted ul li:before, .cke_editable ul li:before {
        background: #2c406f;
        border-radius: 0 0 2px;
        color: #3370b7;
        content: "";
        height: 4px;
        left: 2px;
        position: absolute;
        top: 12px;
        width: 4px
    }

.text-formatted p + ul, .cke_editable p + ul {
    margin-top: -24px
}

.pill {
    display: inline-block;
    padding: 3px 10px 1px;
    border-radius: 12px;
    background-color: #c2e6f9;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5
}

.progress-bar {
    display: flex;
    align-items: center
}

.progress-bar__shape {
    position: relative;
    flex-grow: 1;
    height: 24px;
    overflow: hidden
}

@media (min-width:372px) {
    .progress-bar__shape {
        height: 40px
    }
}

@media (min-width:768px) {
    .progress-bar__shape {
        height: 48px
    }
}

.progress-bar__shape-fill {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.progress-bar__shape-icon, .progress-bar__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.progress-bar__shape-icon {
    fill: #d1d1d1
}

.progress-bar--orange .progress-bar__shape-icon {
    fill: #eeac3f
}

.progress-bar--blue-light .progress-bar__shape-icon {
    fill: #3370b7
}

.progress-bar--purple .progress-bar__shape-icon {
    fill: #8c63a6
}

.progress-bar--blue .progress-bar__shape-icon {
    fill: #223259
}

.progress-bar__backdrop {
    fill: #f1f1f1
}

.progress-bar--orange .progress-bar__backdrop {
    fill: rgba(238,172,63,.2)
}

.progress-bar--blue-light .progress-bar__backdrop {
    fill: rgba(51,112,183,.2)
}

.progress-bar--purple .progress-bar__backdrop {
    fill: rgba(140,99,166,.2)
}

.progress-bar--blue .progress-bar__backdrop {
    fill: rgba(34,50,89,.2)
}

.progress-bar__percentage {
    flex-shrink: 0;
    font-weight: 700;
    min-width: 2.5em;
    font-size: 15px
}

@media (min-width:372px) {
    .progress-bar__percentage {
        font-size: 17px
    }
}

.progress-bar__percentage:first-child {
    margin-right: 12px;
    text-align: left
}

.progress-bar__percentage:last-child {
    margin-left: 12px;
    text-align: right
}

.unread-badge {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d60024
}

@media (min-width:992px) {
    .unread-badge {
        width: 12px;
        height: 12px
    }
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.shape-indicator {
    position: relative;
    width: 48px
}

    .shape-indicator:after {
        display: block;
        content: " ";
        padding-top: 100%
    }

.shape-indicator--full {
    width: 100%
}

.shape-indicator__figure {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    min-width: 3px;
    min-height: 3px
}

    .shape-indicator__figure:before {
        display: block;
        content: " ";
        padding-top: 100%
    }

.shape-indicator__figure-icon {
    fill: #d1d1d1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.shape-indicator--blue-light .shape-indicator__figure-icon {
    fill: #3370b7
}

.shape-indicator--blue .shape-indicator__figure-icon {
    fill: #223259
}

.shape-indicator--purple .shape-indicator__figure-icon {
    fill: #8c63a6
}

.shape-indicator--orange .shape-indicator__figure-icon {
    fill: #eeac3f
}

.splide__arrow {
    width: 40px;
    height: 40px;
    background-color: #f1f1f1;
    opacity: 1
}

.text-formatted--has-max-width {
    max-width: 40em
}

.divider-section .text-formatted {
    max-width: 40em
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.timestamp {
    display: block;
    color: #747474;
    font-size: 16px;
    font-weight: 700;
    margin: 30px 0 10px
}

    .timestamp:first-child {
        margin-top: 0
    }

    .timestamp:last-child {
        margin-top: 0
    }

[type=submit], .button {
    background: #2c406f;
    border: none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 7px 14px 5px;
    text-decoration: none;
    transition: background .2s ease;
    user-select: none;
    white-space: nowrap
}

    [type=submit]:not([disabled]):hover, .button:not([disabled]):hover {
        background: #223259
    }

    .button svg {
        fill: currentColor;
        height: 14px;
        margin-right: 4px;
        vertical-align: -2px;
        width: 14px
    }

        .button svg.icon-print {
            height: 15px;
            vertical-align: -3px;
            width: 14px
        }

.button--oncostore {
    background: #3370b7;
    color: #fff;
    text-decoration: none
}

.button--primary, .blog-post-modal .modal__panel-form .form-submit, .blog-modal .modal__panel-form .form-submit {
    background-color: #3370b7
}

    .button--primary:not([disabled]):hover, .blog-post-modal .modal__panel-form .form-submit:not([disabled]):hover, .blog-modal .modal__panel-form .form-submit:not([disabled]):hover {
        background-color: #2c406f
    }

.button--secondary {
    background: #eeac3f
}

    .button--secondary:not([disabled]):hover {
        background: #e0a13b
    }

.button--mobile-full-width {
    width: 100%;
    text-align: center
}

@media (min-width:576px) {
    .button--mobile-full-width {
        width: auto
    }
}

.button--action {
    background: #3370b7;
    font-weight: 700
}

    .button--action:not([disabled]):hover {
        background: #2c406f
    }

.button--active {
    background: #3370b7;
    font-weight: 700;
    font-weight: 400
}

    .button--active:not([disabled]):hover {
        background: #2c406f
    }

    .button--active a {
        color: #fff;
        text-decoration: none
    }

    .button--active svg {
        width: 12px;
        margin-right: 0;
        margin-left: 10px
    }

.button--light {
    background: #f9f9f9;
    border: solid 1px #d1d1d1;
    color: #474747;
    line-height: 26px
}

    .button--light:hover {
        background: #f1f1f1
    }

        .button--light:hover svg {
            fill: currentColor
        }

    .button--light svg {
        fill: #747474;
        transition: fill .2s ease
    }

.button--open {
    background: #fff;
    border: solid 1px #d1d1d1;
    color: #474747;
    line-height: 26px;
    transition-property: background,border-color,box-shadow,color
}

    .button--open:not([disabled]):hover {
        background: #2c406f;
        border-color: #2c406f;
        color: #fff
    }

.button--plain {
    background: 0 0;
    box-shadow: none;
    color: currentColor
}

    .button--plain:not([disabled]):hover {
        background: rgba(255,255,255,.4);
        box-shadow: none;
        color: #2d2d2d
    }

    .button--plain.button--primary, .blog-post-modal .modal__panel-form .button--plain.form-submit, .blog-modal .modal__panel-form .button--plain.form-submit {
        color: #3370b7
    }

    .button--plain svg {
        margin-right: 1rem
    }

.button--danger {
    background: #d60024
}

    .button--danger:hover {
        background: #d0021b
    }

    .button--danger.button--open {
        background: 0 0;
        border-color: #d60024;
        color: #d60024
    }

        .button--danger.button--open:not([disabled]):hover {
            background: #d60024;
            border-color: #d60024;
            color: #fff
        }

.button--disabled {
    color: rgba(255,255,255,.5);
    cursor: default
}

    .button--disabled:not([disabled]):hover {
        background: #2c406f;
        box-shadow: none
    }

.button--small {
    line-height: 23px
}

    .button--small.button--light {
        line-height: 21px
    }

    .button--small svg {
        height: 12px;
        vertical-align: -1px;
        width: 12px
    }

        .button--small svg.icon-print {
            height: 14px;
            width: 13px
        }

.button--counter {
    padding-right: 11px
}

    .button--counter [class^=icon-heart] {
        height: 19px;
        width: 22px;
        vertical-align: -5px
    }

    .button--counter [class$="--filled"] {
        fill: #eeac3f
    }

.button .counter {
    margin-left: 2px;
    vertical-align: -1px
}

.buttons:not(:empty), .form-actions:not(:empty) {
    margin-bottom: -7px
}

.buttons .button, .form-actions .button {
    margin-right: 7px;
    margin-bottom: 7px
}

    .buttons .button .buttons, .form-actions--aligns-to-right .buttons .button, .form-actions .button .buttons, .form-actions--aligns-to-right .form-actions .button {
        margin-right: 0;
        margin-left: 7px
    }

    .buttons .button:only-child, .form-actions .button:only-child {
        margin-bottom: 0
    }

.buttons > div, .form-actions > div {
    display: inline-block
}

.article-tools .buttons, .article-tools .form-actions {
    display: flex;
    align-items: flex-start
}

@media (max-width:576px) {
    .article-tools .buttons .button svg, .article-tools .form-actions .button svg {
        margin: 0
    }

        .article-tools .buttons .button svg + span, .article-tools .form-actions .button svg + span {
            position: absolute !important;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px,1px,1px,1px);
            overflow: hidden;
            height: 1px;
            width: 1px
        }
}

.buttons--aligns-to-right, .form-actions--aligns-to-right {
    display: flex;
    flex-direction: row-reverse
}

fieldset {
    min-width: 0
}

    fieldset.fieldset--collapsible {
        background: #fff;
        border: solid 1px rgba(209,209,209,.6);
        border-bottom-color: #d1d1d1;
        border-radius: 8px;
        padding: 0 20px
    }

@media (min-width:768px) {
    fieldset.fieldset--collapsible {
        padding-left: 28px;
        padding-right: 28px
    }
}

form fieldset.fieldset--collapsible.form-item {
    margin: 0 0 10px
}

fieldset.fieldset--collapsible > legend {
    float: left;
    width: 100%
}

    fieldset.fieldset--collapsible > legend .fieldset-legend {
        font-size: 23px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 0;
        padding: 23px 0 19px;
        text-align: left
    }

    fieldset.fieldset--collapsible > legend:after {
        display: none
    }

    fieldset.fieldset--collapsible > legend + * {
        clear: both
    }

fieldset.fieldset--collapsible .fieldset__toggle {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%
}

    fieldset.fieldset--collapsible .fieldset__toggle svg {
        fill: #747474;
        height: 14px;
        margin: 27px 0 0 20px;
        transform: rotate(180deg);
        transition: transform .2s ease;
        width: 12px
    }

fieldset.fieldset--collapsible.js-collapsed .fieldset__toggle svg {
    transform: rotate(0deg)
}

fieldset.fieldset--collapsible > .fieldset-wrapper {
    border-top: solid 1px rgba(209,209,209,.6);
    padding: 21px 0 30px
}

.js-tmp fieldset.fieldset--collapsible:not(:first-child) .fieldset-wrapper, fieldset.fieldset--collapsible.js-collapsed .fieldset-wrapper {
    display: none
}

.form, .node-form {
    width: 100%
}

    .form.confirmation, .node-form.confirmation {
        margin-top: 40px
    }

@media (min-width:768px) {
    .form.confirmation, .node-form.confirmation {
        margin-top: 80px
    }
}

.block-page-title-block + .form.confirmation, .block-page-title-block + .node-form.confirmation {
    margin-top: 0
}

.block > .form:first-child, .block > .node-form:first-child {
    margin-top: 60px
}

main:not(.container) .block > .form, main:not(.container) .block > .node-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 1090px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

@media (min-width:1200px) {
    main:not(.container) .block > .form, main:not(.container) .block > .node-form {
        max-width: 1130px;
        padding-left: 40px;
        padding-right: 40px
    }
}

.form .form-item, .form .form-wrapper, .node-form .form-item, .node-form .form-wrapper {
    margin-bottom: 21px;
    margin-top: 0
}

    .form .form-item:last-child, .form .form-wrapper:last-child, .node-form .form-item:last-child, .node-form .form-wrapper:last-child {
        margin-bottom: 0
    }

    .form .form-item[id*=edit-extra-field-kankernl-blog-notices], .form .form-wrapper[id*=edit-extra-field-kankernl-blog-notices], .node-form .form-item[id*=edit-extra-field-kankernl-blog-notices], .node-form .form-wrapper[id*=edit-extra-field-kankernl-blog-notices] {
        margin-top: -15px;
        margin-bottom: 20px
    }

        .form .form-item[id*=edit-extra-field-kankernl-blog-notices]:after, .form .form-wrapper[id*=edit-extra-field-kankernl-blog-notices]:after, .node-form .form-item[id*=edit-extra-field-kankernl-blog-notices]:after, .node-form .form-wrapper[id*=edit-extra-field-kankernl-blog-notices]:after {
            display: table;
            content: " ";
            clear: both
        }

.form label, .form h4.label, .form .fieldset-legend, .node-form label, .node-form h4.label, .node-form .fieldset-legend {
    color: #2d2d2d;
    display: block;
    font-size: 17px;
    font-weight: 300;
    line-height: inherit;
    margin-bottom: 4px
}

    .form label a, .form h4.label a, .form .fieldset-legend a, .node-form label a, .node-form h4.label a, .node-form .fieldset-legend a {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out
    }

        .form label a:hover, .form label a:focus, .form h4.label a:hover, .form h4.label a:focus, .form .fieldset-legend a:hover, .form .fieldset-legend a:focus, .node-form label a:hover, .node-form label a:focus, .node-form h4.label a:hover, .node-form h4.label a:focus, .node-form .fieldset-legend a:hover, .node-form .fieldset-legend a:focus {
            padding-bottom: 2px
        }

.form input[type=date], .form input[type=email], .form input[type=number], .form input[type=password], .form input[type=tel], .form input[type=text], .form textarea, .node-form input[type=date], .node-form input[type=email], .node-form input[type=number], .node-form input[type=password], .node-form input[type=tel], .node-form input[type=text], .node-form textarea {
    background: #fff;
    border: solid 1px rgba(209,209,209,.6);
    border-bottom-color: #d1d1d1;
    border-radius: 4px;
    color: #474747;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: 300;
    max-width: 100%;
    padding: 16px 16px 15px
}

    .form input[type=date]:focus, .form input[type=email]:focus, .form input[type=number]:focus, .form input[type=password]:focus, .form input[type=tel]:focus, .form input[type=text]:focus, .form textarea:focus, .node-form input[type=date]:focus, .node-form input[type=email]:focus, .node-form input[type=number]:focus, .node-form input[type=password]:focus, .node-form input[type=tel]:focus, .node-form input[type=text]:focus, .node-form textarea:focus {
        border-color: #d1d1d1
    }

    .form input[type=date].error, .form input[type=email].error, .form input[type=number].error, .form input[type=password].error, .form input[type=tel].error, .form input[type=text].error, .form textarea.error, .node-form input[type=date].error, .node-form input[type=email].error, .node-form input[type=number].error, .node-form input[type=password].error, .node-form input[type=tel].error, .node-form input[type=text].error, .node-form textarea.error {
        border-color: #e0081a
    }

    .form input[type=date]:focus, .form input[type=email]:focus, .form input[type=number]:focus, .form input[type=password]:focus, .form input[type=tel]:focus, .form input[type=text]:focus, .form textarea:focus, .node-form input[type=date]:focus, .node-form input[type=email]:focus, .node-form input[type=number]:focus, .node-form input[type=password]:focus, .node-form input[type=tel]:focus, .node-form input[type=text]:focus, .node-form textarea:focus {
        outline: none
    }

    .form input[type=date]::placeholder, .form input[type=email]::placeholder, .form input[type=number]::placeholder, .form input[type=password]::placeholder, .form input[type=tel]::placeholder, .form input[type=text]::placeholder, .form textarea::placeholder, .node-form input[type=date]::placeholder, .node-form input[type=email]::placeholder, .node-form input[type=number]::placeholder, .node-form input[type=password]::placeholder, .node-form input[type=tel]::placeholder, .node-form input[type=text]::placeholder, .node-form textarea::placeholder {
        color: #747474;
        opacity: 1
    }

.form textarea, .node-form textarea {
    resize: vertical
}

.form .fieldgroup, .node-form .fieldgroup {
    border: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.form .form-required:after, .node-form .form-required:after {
    background: 0 0;
    color: #d60024;
    content: "*";
    margin: 0 6px;
    vertical-align: top
}

.form .form-disabled, .node-form .form-disabled {
    opacity: .7
}

.form .form-type-checkbox, .form .form-type-radio, .form .pseudo-input, .node-form .form-type-checkbox, .node-form .form-type-radio, .node-form .pseudo-input {
    padding-left: 31px;
    position: relative
}

    .form .form-type-checkbox .pseudo-input, .form .form-type-radio .pseudo-input, .form .pseudo-input .pseudo-input, .node-form .form-type-checkbox .pseudo-input, .node-form .form-type-radio .pseudo-input, .node-form .pseudo-input .pseudo-input {
        padding: 0;
        position: static
    }

.form .form-type-checkbox, .form .form-type-radio, .node-form .form-type-checkbox, .node-form .form-type-radio {
    margin: 6px 0 0
}

    .form .form-type-checkbox + .form-type-checkbox, .form .form-type-radio + .form-type-checkbox, .node-form .form-type-checkbox + .form-type-checkbox, .node-form .form-type-radio + .form-type-checkbox {
        margin-top: 9px
    }

    .form .form-type-checkbox .description, .form .form-type-radio .description, .node-form .form-type-checkbox .description, .node-form .form-type-radio .description {
        margin-left: 0
    }

.form .pseudo-input, .node-form .pseudo-input {
    margin: 0
}

    .form .pseudo-input:before, .node-form .pseudo-input:before {
        background: #fff;
        border: solid 1px rgba(209,209,209,.6);
        border-bottom-color: #d1d1d1;
        content: "";
        display: block;
        height: 20px;
        position: absolute;
        top: 1px;
        left: 0;
        transition: all .2s ease;
        width: 20px
    }

    .form .pseudo-input:after, .node-form .pseudo-input:after {
        content: "";
        display: block;
        margin: 0;
        opacity: 0;
        position: absolute
    }

.form input[type=checkbox], .form input[type=radio], .node-form input[type=checkbox], .node-form input[type=radio] {
    opacity: 0;
    position: absolute
}

    .form input[type=checkbox] ~ label, .form input[type=radio] ~ label, .node-form input[type=checkbox] ~ label, .node-form input[type=radio] ~ label {
        color: #474747;
        font-size: 16px;
        font-weight: 400
    }

        .form input[type=checkbox] ~ label a, .form input[type=radio] ~ label a, .node-form input[type=checkbox] ~ label a, .node-form input[type=radio] ~ label a {
            color: #285992
        }

    .form input[type=checkbox]:focus ~ .pseudo-input:before, .form input[type=radio]:focus ~ .pseudo-input:before, .node-form input[type=checkbox]:focus ~ .pseudo-input:before, .node-form input[type=radio]:focus ~ .pseudo-input:before {
        outline: 1px dotted #2d2d2d
    }

    .form input[type=checkbox]:not(:checked).error ~ .pseudo-input:before, .form input[type=radio]:not(:checked).error ~ .pseudo-input:before, .node-form input[type=checkbox]:not(:checked).error ~ .pseudo-input:before, .node-form input[type=radio]:not(:checked).error ~ .pseudo-input:before {
        border-color: #e0081a
    }

    .form input[type=checkbox]:checked ~ .pseudo-input:before, .form input[type=radio]:checked ~ .pseudo-input:before, .form .pseudo-input.active:before, .node-form input[type=checkbox]:checked ~ .pseudo-input:before, .node-form input[type=radio]:checked ~ .pseudo-input:before, .node-form .pseudo-input.active:before {
        background: #2c406f;
        border-color: #2c406f
    }

    .form input[type=checkbox]:checked ~ .pseudo-input:after, .form input[type=radio]:checked ~ .pseudo-input:after, .form .pseudo-input.active:after, .node-form input[type=checkbox]:checked ~ .pseudo-input:after, .node-form input[type=radio]:checked ~ .pseudo-input:after, .node-form .pseudo-input.active:after {
        opacity: 1
    }

    .form input[type=checkbox] ~ .pseudo-input:before, .form .pseudo-input--is-checkbox:before, .node-form input[type=checkbox] ~ .pseudo-input:before, .node-form .pseudo-input--is-checkbox:before {
        border-radius: 4px
    }

    .form input[type=checkbox] ~ .pseudo-input:after, .form .pseudo-input--is-checkbox:after, .node-form input[type=checkbox] ~ .pseudo-input:after, .node-form .pseudo-input--is-checkbox:after {
        border: solid #fff;
        border-width: 0 2px 2px 0;
        height: 12px;
        left: 7px;
        top: 4px;
        transform: rotate(45deg);
        transition: opacity .2s ease;
        width: 6px
    }

    .form input[type=radio] ~ .pseudo-input:before, .form .pseudo-input--is-radio:before, .node-form input[type=radio] ~ .pseudo-input:before, .node-form .pseudo-input--is-radio:before {
        border-radius: 50%
    }

    .form input[type=radio] ~ .pseudo-input:after, .form .pseudo-input--is-radio:after, .node-form input[type=radio] ~ .pseudo-input:after, .node-form .pseudo-input--is-radio:after {
        background: #fff;
        border-radius: 50%;
        height: 4px;
        left: 8px;
        position: absolute;
        top: 9px;
        transition: opacity .2s ease;
        width: 4px
    }

@media (min-width:768px) {
    .form .field--columns .form-checkboxes, .form .field--columns .form-radiobuttons, .node-form .field--columns .form-checkboxes, .node-form .field--columns .form-radiobuttons {
        column-count: 2
    }

        .form .field--columns .form-checkboxes > .form-item, .form .field--columns .form-radiobuttons > .form-item, .node-form .field--columns .form-checkboxes > .form-item, .node-form .field--columns .form-radiobuttons > .form-item {
            display: inline-block;
            width: 100%
        }

            .form .field--columns .form-checkboxes > .form-item label, .form .field--columns .form-radiobuttons > .form-item label, .node-form .field--columns .form-checkboxes > .form-item label, .node-form .field--columns .form-radiobuttons > .form-item label {
                margin-bottom: 0
            }
}

.form .container-inline div, .node-form .container-inline div {
    display: block
}

.form details, .node-form details {
    border: none;
    margin: 0 0 21px
}

    .form details .details-wrapper, .node-form details .details-wrapper {
        padding: 0
    }

.form summary, .node-form summary {
    color: #2d2d2d;
    display: block;
    font-size: 17px;
    font-weight: 300;
    line-height: inherit;
    margin-bottom: 4px;
    cursor: default;
    padding: 0
}

    .form summary a, .node-form summary a {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out
    }

        .form summary a:hover, .form summary a:focus, .node-form summary a:hover, .node-form summary a:focus {
            padding-bottom: 2px
        }

    .form summary::-webkit-details-marker, .node-form summary::-webkit-details-marker {
        display: none
    }

    .form summary:focus, .node-form summary:focus {
        outline: none
    }

.form .description:first-child, .form .warning-text:first-child, .node-form .description:first-child, .node-form .warning-text:first-child {
    margin-bottom: 8px
}

.form .description:last-child, .form .warning-text:last-child, .node-form .description:last-child, .node-form .warning-text:last-child {
    margin-top: 8px
}

.form .description, .node-form .description {
    color: #747474;
    transition: color .2s ease
}

    .form .description:hover, .node-form .description:hover {
        color: inherit
    }

    .form .description a, .node-form .description a {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out;
        color: #285992
    }

        .form .description a:hover, .form .description a:focus, .node-form .description a:hover, .node-form .description a:focus {
            padding-bottom: 2px
        }

.form .filter-wrapper, .node-form .filter-wrapper {
    border: none;
    padding: .5em 0 0
}

.form .filter-help, .node-form .filter-help {
    float: none;
    text-align: right
}

.form .form-textarea-wrapper, .node-form .form-textarea-wrapper {
    clear: both
}

.form .cke, .node-form .cke {
    background: #fff;
    border: solid 1px rgba(209,209,209,.6);
    border-bottom-color: #d1d1d1;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

    .form .cke:focus, .node-form .cke:focus {
        border-color: #d1d1d1
    }

    .form .cke.error, .node-form .cke.error {
        border-color: #e0081a
    }

.form .cke_top, .node-form .cke_top {
    border: none;
    padding: 12px 9px 8px
}

.form .cke_bottom, .node-form .cke_bottom {
    border: none;
    padding: 8px 9px 4px
}

.form .text-format-wrapper .form-item, .node-form .text-format-wrapper .form-item {
    margin-bottom: 0
}

.form .text-format-wrapper .filter-wrapper, .node-form .text-format-wrapper .filter-wrapper {
    background: #f9f9f9;
    border: 1px solid rgba(209,209,209,.6);
    border-radius: 4px;
    margin-top: -6px;
    padding: 16px 10px 10px
}

html.js .form .field--type-video-embed-field .tabledrag-toggle-weight-wrapper, html.js .form .field--type-video-embed-field .tableresponsive-toggle-columns, html.js .node-form .field--type-video-embed-field .tabledrag-toggle-weight-wrapper, html.js .node-form .field--type-video-embed-field .tableresponsive-toggle-columns {
    display: none
}

.form .field--type-video-embed-field .field-label, .node-form .field--type-video-embed-field .field-label {
    border: none;
    padding: 0
}

.form .field--type-video-embed-field .label, .node-form .field--type-video-embed-field .label {
    color: #2d2d2d;
    display: block;
    font-size: 17px;
    font-weight: 300;
    line-height: inherit;
    margin-bottom: 4px;
    display: inline-block;
    margin-bottom: 0
}

    .form .field--type-video-embed-field .label a, .node-form .field--type-video-embed-field .label a {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out
    }

        .form .field--type-video-embed-field .label a:hover, .form .field--type-video-embed-field .label a:focus, .node-form .field--type-video-embed-field .label a:hover, .node-form .field--type-video-embed-field .label a:focus {
            padding-bottom: 2px
        }

.form .field--type-video-embed-field tbody tr:nth-child(n), .node-form .field--type-video-embed-field tbody tr:nth-child(n) {
    background: 0 0
}

.form .field--type-video-embed-field tbody td, .node-form .field--type-video-embed-field tbody td {
    border: none;
    padding: 6px 0
}

.form .field--type-video-embed-field .field-multiple-drag, .node-form .field--type-video-embed-field .field-multiple-drag {
    padding: 0;
    position: relative;
    width: 0
}

    .form .field--type-video-embed-field .field-multiple-drag .tabledrag-handle, .node-form .field--type-video-embed-field .field-multiple-drag .tabledrag-handle {
        align-items: center;
        display: flex;
        float: none;
        height: 100%;
        justify-content: center;
        left: -1px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        width: 41px;
        z-index: 1
    }

        .form .field--type-video-embed-field .field-multiple-drag .tabledrag-handle .handle, .node-form .field--type-video-embed-field .field-multiple-drag .tabledrag-handle .handle {
            background-position: 0 0;
            height: 15px;
            margin: 0;
            padding: 0;
            width: 15px
        }

    .form .field--type-video-embed-field .field-multiple-drag .warning, .node-form .field--type-video-embed-field .field-multiple-drag .warning {
        background: #eeac3f;
        bottom: 6px;
        left: 41px;
        position: absolute;
        text-indent: -9999px;
        text-decoration: none;
        top: 6px;
        width: 4px
    }

.form .field--type-video-embed-field input[type=text], .node-form .field--type-video-embed-field input[type=text] {
    border-left: solid 41px rgba(0,0,0,.1);
    max-width: 690px;
    width: 100%
}

.form .field--type-video-embed-field .button--small, .node-form .field--type-video-embed-field .button--small {
    font-family: KWFFedraSans,Helvetica,sans-serif;
    line-height: inherit
}

html.js .form .image-widget [type=file], html.js .node-form .image-widget [type=file] {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.form .image-widget .image-preview, .node-form .image-widget .image-preview {
    background: #fff;
    border: solid 1px rgba(209,209,209,.6);
    border-bottom-color: #d1d1d1;
    border-radius: 4px;
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 97px;
    justify-content: center;
    margin-bottom: 8px;
    margin-right: 16px;
    overflow: hidden;
    width: 167px
}

    .form .image-widget .image-preview:focus, .node-form .image-widget .image-preview:focus {
        border-color: #d1d1d1
    }

    .form .image-widget .image-preview.error, .node-form .image-widget .image-preview.error {
        border-color: #e0081a
    }

@media (min-width:576px) {
    .form .image-widget .image-preview, .node-form .image-widget .image-preview {
        float: left
    }
}

.form .image-widget .image-preview img, .node-form .image-widget .image-preview img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.form .image-widget .image-preview svg, .node-form .image-widget .image-preview svg {
    fill: #2c406f;
    height: 30px;
    margin-top: -4px;
    width: 34px
}

html:not(.js) .form .image-widget .image-widget-data .custom-file-button, html:not(.js) .node-form .image-widget .image-widget-data .custom-file-button {
    display: none
}

.form .image-widget .image-widget-data .button, .node-form .image-widget .image-widget-data .button {
    float: left;
    margin-bottom: 8px
}

.form .image-widget .image-widget-data .form-item, .node-form .image-widget .image-widget-data .form-item {
    clear: both;
    float: left;
    width: 100%
}

.form .image-widget .image-widget-data .image-data + .button, .node-form .image-widget .image-widget-data .image-data + .button {
    margin-top: 8px;
    margin-bottom: 8px
}

    .form .image-widget .image-widget-data .image-data + .button + .form-item, .node-form .image-widget .image-widget-data .image-data + .button + .form-item {
        margin-top: 12px
    }

.form .image-widget .image-widget-data .file--image, .node-form .image-widget .image-widget-data .file--image {
    background: 0 0;
    display: inline;
    margin-right: 6px;
    max-width: calc(100% - 193px);
    padding: 0;
    word-break: break-all
}

.form .image-widget .image-widget-data .file-size, .node-form .image-widget .image-widget-data .file-size {
    color: #747474
}

.form .image-widget + .description, .node-form .image-widget + .description {
    margin-top: 4px
}

.form [class*=profile-picture] .image-widget .image-preview, .node-form [class*=profile-picture] .image-widget .image-preview {
    border-radius: 50%;
    width: 97px
}

.form .field--widget-fine-image .fiu-wrapper ul, .node-form .field--widget-fine-image .fiu-wrapper ul {
    float: left;
    margin: 0 0 -8px -20px;
    width: 100%
}

.form .field--widget-fine-image .fiu-wrapper li, .node-form .field--widget-fine-image .fiu-wrapper li {
    height: auto;
    margin: 0 0 20px 20px;
    width: auto
}

.form .field--widget-fine-image .fiu-wrapper .fine-image-widget, .node-form .field--widget-fine-image .fiu-wrapper .fine-image-widget {
    background: #fff;
    border: solid 1px rgba(209,209,209,.6);
    border-bottom-color: #d1d1d1;
    border-radius: 4px;
    overflow: hidden
}

    .form .field--widget-fine-image .fiu-wrapper .fine-image-widget:focus, .node-form .field--widget-fine-image .fiu-wrapper .fine-image-widget:focus {
        border-color: #d1d1d1
    }

    .form .field--widget-fine-image .fiu-wrapper .fine-image-widget.error, .node-form .field--widget-fine-image .fiu-wrapper .fine-image-widget.error {
        border-color: #e0081a
    }

    .form .field--widget-fine-image .fiu-wrapper .fine-image-widget:hover .fine-image-data, .node-form .field--widget-fine-image .fiu-wrapper .fine-image-widget:hover .fine-image-data {
        opacity: 1
    }

.form .field--widget-fine-image .fiu-wrapper .fine-image-preview, .node-form .field--widget-fine-image .fiu-wrapper .fine-image-preview {
    height: 100px;
    overflow: hidden;
    width: 167px
}

.form .field--widget-fine-image .fiu-wrapper .fine-image-data, .node-form .field--widget-fine-image .fiu-wrapper .fine-image-data {
    align-items: center;
    background: rgba(255,255,255,.85);
    bottom: 0;
    justify-content: center;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    transition: opacity .2s ease;
    width: auto
}

    .form .field--widget-fine-image .fiu-wrapper .fine-image-data .button, .node-form .field--widget-fine-image .fiu-wrapper .fine-image-data .button {
        padding-left: 10px;
        padding-right: 10px
    }

        .form .field--widget-fine-image .fiu-wrapper .fine-image-data .button ~ .button, .node-form .field--widget-fine-image .fiu-wrapper .fine-image-data .button ~ .button {
            margin-left: 7px
        }

.form .field--widget-fine-image .fiu-wrapper .fiu-image-details, .node-form .field--widget-fine-image .fiu-wrapper .fiu-image-details {
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: visible;
    text-indent: 0;
    width: auto
}

    .form .field--widget-fine-image .fiu-wrapper .fiu-image-details span, .node-form .field--widget-fine-image .fiu-wrapper .fiu-image-details span {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

    .form .field--widget-fine-image .fiu-wrapper .fiu-image-details svg, .node-form .field--widget-fine-image .fiu-wrapper .fiu-image-details svg {
        fill: #474747;
        height: 16px;
        margin: 0;
        vertical-align: -3px;
        width: 16px
    }

    .form .field--widget-fine-image .fiu-wrapper .fiu-image-details:hover svg, .node-form .field--widget-fine-image .fiu-wrapper .fiu-image-details:hover svg {
        fill: #fff
    }

.form .field--widget-fine-image .fiu-wrapper .fiu-add-element, .node-form .field--widget-fine-image .fiu-wrapper .fiu-add-element {
    float: left;
    height: auto;
    padding: 0;
    width: auto
}

    .form .field--widget-fine-image .fiu-wrapper .fiu-add-element .form-item, .node-form .field--widget-fine-image .fiu-wrapper .fiu-add-element .form-item {
        margin: 0
    }

    .form .field--widget-fine-image .fiu-wrapper .fiu-add-element label, .node-form .field--widget-fine-image .fiu-wrapper .fiu-add-element label {
        color: inherit;
        display: block;
        font-size: inherit;
        float: left;
        height: auto;
        line-height: inherit;
        margin-bottom: 0;
        padding: 7px 14px 5px;
        position: relative;
        width: auto
    }

        .form .field--widget-fine-image .fiu-wrapper .fiu-add-element label + .fine-image-widget, .node-form .field--widget-fine-image .fiu-wrapper .fiu-add-element label + .fine-image-widget {
            float: right
        }

    .form .field--widget-fine-image .fiu-wrapper .fiu-add-element .description, .node-form .field--widget-fine-image .fiu-wrapper .fiu-add-element .description {
        white-space: normal
    }

.form .field--widget-fine-image .fiu-wrapper .fiu-progress-wrapper, .node-form .field--widget-fine-image .fiu-wrapper .fiu-progress-wrapper {
    background: 0 0;
    height: auto;
    margin: 0 8px -4px 0;
    position: static;
    transform: scale(.55);
    width: auto
}

    .form .field--widget-fine-image .fiu-wrapper .fiu-progress-wrapper .sp, .node-form .field--widget-fine-image .fiu-wrapper .fiu-progress-wrapper .sp {
        margin: 0
    }

.form .vertical-tabs__menu, .node-form .vertical-tabs__menu {
    display: none
}

.form .form-actions, .node-form .form-actions {
    margin-top: 50px
}

.form .form-actions__description, .node-form .form-actions__description {
    color: #747474;
    display: block;
    font-size: 14px;
    margin-top: 2px
}

    .form .form-actions__description :last-child, .node-form .form-actions__description :last-child {
        margin-bottom: 0
    }

.form .field--name-treatments, .node-form .field--name-treatments {
    margin-top: -21px
}

    .form .field--name-treatments fieldset, .node-form .field--name-treatments fieldset {
        border: none;
        padding: 0
    }

        .form .field--name-treatments fieldset legend, .node-form .field--name-treatments fieldset legend {
            position: absolute !important;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px,1px,1px,1px);
            overflow: hidden;
            height: 1px;
            width: 1px
        }

html.js .form .field--name-treatments .tabledrag-toggle-weight-wrapper, html.js .form .field--name-treatments .tableresponsive-toggle-columns, html.js .node-form .field--name-treatments .tabledrag-toggle-weight-wrapper, html.js .node-form .field--name-treatments .tableresponsive-toggle-columns {
    display: none
}

.form .field--name-treatments .messages, .node-form .field--name-treatments .messages {
    border-bottom: solid 1px rgba(209,209,209,.6);
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 20px
}

.form .field--name-treatments table, .node-form .field--name-treatments table {
    margin: 0;
    overflow: initial
}

.form .field--name-treatments thead, .node-form .field--name-treatments thead {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

@media (max-width:576px) {
    .form .field--name-treatments tbody, .node-form .field--name-treatments tbody {
        display: block
    }
}

.form .field--name-treatments tbody tr:nth-child(n), .node-form .field--name-treatments tbody tr:nth-child(n) {
    background: 0 0
}

@media (max-width:576px) {
    .form .field--name-treatments tr, .node-form .field--name-treatments tr {
        border-bottom: solid 1px rgba(209,209,209,.6);
        display: block;
        position: relative
    }
}

.form .field--name-treatments th, .form .field--name-treatments td, .node-form .field--name-treatments th, .node-form .field--name-treatments td {
    border: none;
    padding-top: 17px;
    padding-bottom: 17px;
    vertical-align: top
}

@media (max-width:576px) {
    .form .field--name-treatments th, .form .field--name-treatments td, .node-form .field--name-treatments th, .node-form .field--name-treatments td {
        display: block;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:576px) {
    .form .field--name-treatments th, .form .field--name-treatments td, .node-form .field--name-treatments th, .node-form .field--name-treatments td {
        border-bottom: solid 1px rgba(209,209,209,.6)
    }
}

.form .field--name-treatments th:first-child, .form .field--name-treatments td:first-child, .node-form .field--name-treatments th:first-child, .node-form .field--name-treatments td:first-child {
    padding-left: 0
}

@media (max-width:576px) {
    .form .field--name-treatments th:last-child, .form .field--name-treatments td:last-child, .node-form .field--name-treatments th:last-child, .node-form .field--name-treatments td:last-child {
        padding-top: 0
    }
}

@media (min-width:576px) {
    .form .field--name-treatments th:last-child, .form .field--name-treatments td:last-child, .node-form .field--name-treatments th:last-child, .node-form .field--name-treatments td:last-child {
        padding-right: 0;
        width: 1%
    }
}

.form .field--name-treatments .ief-entity-operations, .node-form .field--name-treatments .ief-entity-operations {
    white-space: nowrap
}

@media (max-width:576px) {
    .form .field--name-treatments .ief-entity-operations, .node-form .field--name-treatments .ief-entity-operations {
        margin-left: -11px
    }
}

.form .field--name-treatments .ief-entity-operations .button, .node-form .field--name-treatments .ief-entity-operations .button {
    margin-left: 11px
}

.form .field--name-treatments .ief-row-form td, .node-form .field--name-treatments .ief-row-form td {
    padding: 0 0 10px
}

.form .field--name-treatments .ief-row-entity-form td, .node-form .field--name-treatments .ief-row-entity-form td {
    border-bottom: none;
    padding-bottom: 0
}

@media (min-width:768px) and (max-width:992px) {
    .form .field--name-treatments .definitions__item-title, .node-form .field--name-treatments .definitions__item-title {
        width: 41%
    }
}

@media (min-width:768px) and (max-width:992px) {
    .form .field--name-treatments .definitions__item-content, .node-form .field--name-treatments .definitions__item-content {
        width: 59%
    }
}

.form .field--name-treatments .ief-form-row, .node-form .field--name-treatments .ief-form-row {
    margin: 40px 0 20px
}

.form .field--name-treatments .ief-form-bottom, .node-form .field--name-treatments .ief-form-bottom {
    margin-top: 40px
}

    .form .field--name-treatments .ief-form-bottom:first-child, .node-form .field--name-treatments .ief-form-bottom:first-child {
        margin-top: 21px
    }

.form .field--name-treatments .form-wrapper[id*=edit-treatments-actions], .node-form .field--name-treatments .form-wrapper[id*=edit-treatments-actions] {
    margin-top: 20px
}

.form .field--name-treatments .form-wrapper[id*=edit-treatments-form-entities][id*=form-message], .node-form .field--name-treatments .form-wrapper[id*=edit-treatments-form-entities][id*=form-message] {
    font-weight: 700;
    margin: 30px 0 16px
}

.form .field--name-treatments .form-wrapper[id*=edit-treatments-form-entities][id*=form-actions], .node-form .field--name-treatments .form-wrapper[id*=edit-treatments-form-entities][id*=form-actions] {
    margin-bottom: 20px
}

.form .field--name-treatments .form-wrapper[data-drupal-selector*=edit-treatments-form-inline-entity-form-actions], .form .field--name-treatments .form-wrapper[data-drupal-selector*=edit-treatments-form-inline-entity-form-entities][data-drupal-selector*=form-actions], .node-form .field--name-treatments .form-wrapper[data-drupal-selector*=edit-treatments-form-inline-entity-form-actions], .node-form .field--name-treatments .form-wrapper[data-drupal-selector*=edit-treatments-form-inline-entity-form-entities][data-drupal-selector*=form-actions] {
    margin-top: 40px
}

.form .field--name-treatments .form-wrapper[data-drupal-selector*=edit-treatments-form-inline-entity-form] .button, .form .field--name-treatments .form-wrapper[id*=edit-treatments-form-entities][id*=form-actions] .button, .node-form .field--name-treatments .form-wrapper[data-drupal-selector*=edit-treatments-form-inline-entity-form] .button, .node-form .field--name-treatments .form-wrapper[id*=edit-treatments-form-entities][id*=form-actions] .button {
    margin-right: 11px
}

    .form .field--name-treatments .form-wrapper[data-drupal-selector*=edit-treatments-form-inline-entity-form] .button + .ajax-progress, .form .field--name-treatments .form-wrapper[id*=edit-treatments-form-entities][id*=form-actions] .button + .ajax-progress, .node-form .field--name-treatments .form-wrapper[data-drupal-selector*=edit-treatments-form-inline-entity-form] .button + .ajax-progress, .node-form .field--name-treatments .form-wrapper[id*=edit-treatments-form-entities][id*=form-actions] .button + .ajax-progress {
        margin-left: -3px;
        margin-right: 11px
    }

.form .field--name-treatments .button + .ajax-progress, .node-form .field--name-treatments .button + .ajax-progress {
    display: inline-block !important;
    height: 24px;
    margin-left: 8px;
    padding: 0;
    vertical-align: middle;
    width: 24px
}

    .form .field--name-treatments .button + .ajax-progress .throbber, .node-form .field--name-treatments .button + .ajax-progress .throbber {
        background: 0 0;
        display: inline-block;
        padding: 0;
        position: relative
    }

        .form .field--name-treatments .button + .ajax-progress .throbber:after, .node-form .field--name-treatments .button + .ajax-progress .throbber:after {
            content: "";
            position: absolute;
            border-width: 3px;
            border-style: solid;
            border-color: transparent #2c406f #2c406f;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            top: 0;
            left: 0;
            animation: 1s linear infinite rotate;
            filter: drop-shadow(0 0 2 rgba(0,0,0,.33))
        }

    .form .field--name-treatments .button + .ajax-progress .message, .node-form .field--name-treatments .button + .ajax-progress .message {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

    .form .field--name-treatments .button + .ajax-progress:not(:last-child), .node-form .field--name-treatments .button + .ajax-progress:not(:last-child) {
        margin-right: -3px
    }

.form .form-switch, .node-form .form-switch {
    font-size: 14px
}

@media (min-width:768px) {
    .form .form-switch, .node-form .form-switch {
        align-items: center;
        display: flex;
        justify-content: flex-end
    }
}

.form .form-switch__on-off, .node-form .form-switch__on-off {
    font-size: inherit;
    margin: 0 0 10px
}

@media (min-width:768px) {
    .form .form-switch__on-off, .node-form .form-switch__on-off {
        margin-bottom: 0;
        margin-right: 16px
    }
}

html.js .form .form-switch__on-off, html.js .node-form .form-switch__on-off {
    padding-left: 31px;
    position: relative
}

    html.js .form .form-switch__on-off:before, html.js .node-form .form-switch__on-off:before {
        background: #fff;
        border: solid 1px rgba(209,209,209,.6);
        border-bottom-color: #d1d1d1;
        border-radius: 4px;
        content: "";
        display: block;
        height: 20px;
        position: absolute;
        top: 1px;
        left: 0;
        transition: all .2s ease;
        width: 20px
    }

    html.js .form .form-switch__on-off:after, html.js .node-form .form-switch__on-off:after {
        border: solid #fff;
        border-width: 0 2px 2px 0;
        content: "";
        display: block;
        height: 12px;
        left: 7px;
        margin: 0;
        opacity: 0;
        position: absolute;
        top: 4px;
        transform: rotate(45deg);
        transition: opacity .2s ease;
        width: 6px
    }

    html.js .form .form-switch__on-off.js-checked:before, html.js .node-form .form-switch__on-off.js-checked:before {
        background: #2c406f;
        border-color: #2c406f
    }

    html.js .form .form-switch__on-off.js-checked:after, html.js .node-form .form-switch__on-off.js-checked:after {
        opacity: 1
    }

.form .form-switch__options, .node-form .form-switch__options {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.09);
    color: #474747;
    display: inline-flex
}

.form .form-type-switch, .node-form .form-type-switch {
    margin: 0;
    padding: 0
}

    .form .form-type-switch:not([hidden]) + .form-type-switch, .node-form .form-type-switch:not([hidden]) + .form-type-switch {
        margin-left: -8px
    }

.js-tmp .form .form-type-switch--off, .js-tmp .node-form .form-type-switch--off {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.form .form-type-switch input + label, .form .form-type-switch input.form-radio.js-visually-checked + label, .node-form .form-type-switch input + label, .node-form .form-type-switch input.form-radio.js-visually-checked + label {
    background: #2c406f;
    border: none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 7px 14px 5px;
    text-decoration: none;
    transition: background .2s ease;
    user-select: none;
    white-space: nowrap;
    font-size: inherit;
    line-height: 23px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 2
}

    .form .form-type-switch input + label:not([disabled]):hover, .form .form-type-switch input.form-radio.js-visually-checked + label:not([disabled]):hover, .node-form .form-type-switch input + label:not([disabled]):hover, .node-form .form-type-switch input.form-radio.js-visually-checked + label:not([disabled]):hover {
        background: #223259
    }

.form .form-type-switch input:not(:checked) + label, .node-form .form-type-switch input:not(:checked) + label {
    background: 0 0;
    box-shadow: none;
    color: currentColor;
    z-index: 1
}

    .form .form-type-switch input:not(:checked) + label:not([disabled]):hover, .node-form .form-type-switch input:not(:checked) + label:not([disabled]):hover {
        background: rgba(255,255,255,.4);
        box-shadow: none;
        color: #2d2d2d
    }

    .form .form-type-switch input:not(:checked) + label.button--primary, .form .form-type-switch .blog-post-modal .modal__panel-form input:not(:checked) + label.form-submit, .blog-post-modal .modal__panel-form .form .form-type-switch input:not(:checked) + label.form-submit, .form .form-type-switch .blog-modal .modal__panel-form input:not(:checked) + label.form-submit, .blog-modal .modal__panel-form .form .form-type-switch input:not(:checked) + label.form-submit, .node-form .form-type-switch input:not(:checked) + label.button--primary, .node-form .form-type-switch .blog-post-modal .modal__panel-form input:not(:checked) + label.form-submit, .blog-post-modal .modal__panel-form .node-form .form-type-switch input:not(:checked) + label.form-submit, .node-form .form-type-switch .blog-modal .modal__panel-form input:not(:checked) + label.form-submit, .blog-modal .modal__panel-form .node-form .form-type-switch input:not(:checked) + label.form-submit {
        color: #3370b7
    }

    .form .form-type-switch input:not(:checked) + label svg, .node-form .form-type-switch input:not(:checked) + label svg {
        margin-right: 1rem
    }

.form .form-type-switch input:checked + label, .form .form-type-switch input.js-visually-checked + label:hover, .node-form .form-type-switch input:checked + label, .node-form .form-type-switch input.js-visually-checked + label:hover {
    color: #fff
}

.user-register-form {
    margin-bottom: 40px
}

.user-register-form__intro {
    margin-top: -8px;
    margin-bottom: 48px
}

.user-register-form .form-item {
    max-width: 450px
}

.user-register-form .chosen-container {
    width: 100% !important
}

.user-register-form .entity--preferences {
    margin-top: 48px
}

.form--notification-form {
    margin-top: -22px
}

    .form--notification-form .form-wrapper {
        margin-bottom: 17px
    }

    .form--notification-form .form-actions {
        margin: 0
    }

@media (min-width:768px) {
    .form--notification-form .form-actions {
        text-align: right
    }

        .form--notification-form .form-actions input:last-child {
            margin-right: 0
        }
}

.js-tmp .form--notification-form .form-actions, html.js .form--notification-form .form-actions {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.form[aria-busy] {
    opacity: .5;
    position: relative
}

    .form[aria-busy]:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        content: " "
    }

.auto-submit-filter--is-ready .form-actions, .auto-submit-filter--is-ready .form-submit {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.numbers-specific-email {
    display: flex;
    align-items: center
}

    .numbers-specific-email .form-item:first-of-type {
        flex-grow: 1;
        margin: 0
    }

        .numbers-specific-email .form-item:first-of-type label {
            position: absolute !important;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px,1px,1px,1px);
            overflow: hidden;
            height: 1px;
            width: 1px
        }

        .numbers-specific-email .form-item:first-of-type input[size] {
            width: 100%;
            max-width: none
        }

    .numbers-specific-email .button {
        margin-left: 16px;
        flex-shrink: 0
    }

.form-type-select .chosen-single, .form-type-select .chosen-container-multi {
    background: #fff;
    border: solid 1px rgba(209,209,209,.6);
    border-bottom-color: #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    color: #474747;
    font-size: 17px;
    height: auto
}

    .form-type-select .chosen-single:focus, .form-type-select .chosen-container-multi:focus {
        border-color: #d1d1d1
    }

    .form-type-select .chosen-single.error, .form-type-select .chosen-container-multi.error {
        border-color: #e0081a
    }

@media (max-width:576px) {
    .form-type-select .chosen-container {
        max-width: 100%;
        min-width: 100%
    }
}

.form-type-select select {
    min-width: 240px;
    max-width: 100%
}

.form-type-select .chosen-single {
    padding: 15px 16px 14px
}

    .form-type-select .chosen-single:hover {
        background: #2c406f;
        color: #fff
    }

        .form-type-select .chosen-single:hover div svg {
            fill: #fff;
            opacity: .14
        }

    .form-type-select .chosen-single.chosen-default > span {
        color: #747474
    }

    .form-type-select .chosen-single.chosen-default:hover > span {
        color: #fff
    }

    .form-type-select .chosen-single.chosen-single-with-deselect span {
        margin-right: 64px
    }

    .form-type-select .chosen-single div {
        align-items: center;
        display: flex;
        right: 12px
    }

        .form-type-select .chosen-single div b {
            display: none
        }

        .form-type-select .chosen-single div svg {
            fill: #d1d1d1;
            height: 17px;
            width: 11px
        }

.form-type-select .chosen-container-active .chosen-single, .form-type-select .chosen-container-active .chosen-container-multi {
    border-color: #d1d1d1
}

.form-type-select .chosen-container-active .chosen-with-drop .chosen-single, .form-type-select .chosen-container-active .chosen-with-drop .chosen-container-multi {
    background: #fff
}

    .form-type-select .chosen-container-active .chosen-with-drop .chosen-single.chosen-default > span, .form-type-select .chosen-container-active .chosen-with-drop .chosen-container-multi.chosen-default > span {
        color: #747474
    }

    .form-type-select .chosen-container-active .chosen-with-drop .chosen-single:hover {
        color: #474747
    }

        .form-type-select .chosen-container-active .chosen-with-drop .chosen-single:hover div svg {
            fill: #d1d1d1;
            opacity: 1
        }

.form-type-select .chosen-choices {
    background: 0 0;
    border: none;
    padding: 6px
}

    .form-type-select .chosen-choices li.search-choice {
        align-items: center;
        background: #2c406f;
        border: none;
        border-radius: 18px;
        box-shadow: none;
        color: #fff;
        display: flex;
        font-size: 14px;
        justify-content: space-between;
        line-height: inherit;
        margin: 2px;
        overflow: hidden;
        padding: 7px 14px 7px 16px
    }

    .form-type-select .chosen-choices li.search-field input[type=text] {
        font-family: KWFFedraSans,Helvetica,sans-serif;
        font-size: 17px;
        height: auto;
        line-height: inherit;
        padding: 7px 6px 4px;
        width: auto !important
    }

.form-type-select .chosen-container-active .chosen-choices {
    box-shadow: none
}

.form-type-select .chosen-container-multi li.search-choice {
    padding-right: 32px
}

.form-type-select .chosen-single-with-deselect .search-choice-close, .form-type-select .chosen-choices .search-choice-close {
    margin-left: 6px;
    background-image: none !important;
    position: relative;
    right: auto;
    top: auto
}

    .form-type-select .chosen-single-with-deselect .search-choice-close svg, .form-type-select .chosen-choices .search-choice-close svg {
        fill: #fff;
        height: 13px;
        opacity: .2;
        transition: opacity .2s ease;
        width: 12px
    }

    .form-type-select .chosen-single-with-deselect .search-choice-close:hover svg, .form-type-select .chosen-choices .search-choice-close:hover svg {
        opacity: 1
    }

    .form-type-select .chosen-single-with-deselect .search-choice-close:after, .form-type-select .chosen-choices .search-choice-close:after {
        background: 0 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

.form-type-select .chosen-single-with-deselect.search-choice-focus .search-choice-close svg, .form-type-select .chosen-choices.search-choice-focus .search-choice-close svg {
    opacity: 1
}

html .form-type-select .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: transparent none !important;
    width: 14px;
    height: 14px
}

.form-type-select .chosen-container-multi li.search-choice .search-choice-close {
    height: 12px;
    right: 13px;
    top: 11px;
    width: 13px
}

.form-type-select .chosen-single-with-deselect .search-choice-close {
    align-items: center;
    bottom: 0;
    display: flex;
    height: auto;
    justify-content: center;
    margin: 0;
    position: absolute;
    right: 50px;
    top: 0;
    width: 25px
}

    .form-type-select .chosen-single-with-deselect .search-choice-close svg {
        fill: #d1d1d1;
        height: 16px;
        opacity: 1;
        width: 15px
    }

.form-type-select .chosen-single-with-deselect:hover .search-choice-close svg {
    fill: #fff;
    opacity: 1
}

.form-type-select .chosen-with-drop .chosen-single-with-deselect:hover .search-choice-close svg {
    fill: #474747;
    opacity: 1
}

.form-type-select .chosen-search {
    border-bottom: solid 1px #d1d1d1;
    padding: 8px;
    position: relative
}

    .form-type-select .chosen-search svg {
        fill: #d1d1d1;
        height: 18px;
        position: absolute;
        right: 17px;
        top: 19px;
        width: 17px
    }

    .form-type-select .chosen-search input[type=text] {
        background: 0 0 !important;
        border-color: #d1d1d1;
        border-radius: 4px;
        font-size: 17px;
        min-width: 100%;
        padding: 8px 30px 8px 8px
    }

.form-type-select .chosen-drop {
    border-color: #d1d1d1;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
    margin-top: -4px;
    padding-top: 3px;
    overflow: hidden
}

    .form-type-select .chosen-drop:after {
        background: #d1d1d1;
        content: "";
        display: block;
        height: 1px;
        left: -1px;
        position: absolute;
        right: -1px;
        top: 3px
    }

.form-type-select .chosen-container-multi .chosen-drop {
    left: -1px;
    margin-top: -3px;
    right: -1px;
    width: auto
}

.form-type-select .chosen-results {
    margin: 0;
    max-height: 360px;
    padding: 0
}

    .form-type-select .chosen-results li {
        font-size: 17px;
        line-height: inherit;
        padding: 16px 16px 15px
    }

        .form-type-select .chosen-results li.highlighted {
            background: #2c406f;
            color: #fff
        }

        .form-type-select .chosen-results li.result-selected {
            font-weight: 400
        }

.form-item--chosen-autocomplete {
    position: relative
}

    .form-item--chosen-autocomplete select {
        display: none
    }

    .form-item--chosen-autocomplete input[type=text] {
        width: 100%;
        padding-right: 52px
    }

    .form-item--chosen-autocomplete ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .form-item--chosen-autocomplete p:last-child {
        margin-bottom: 0
    }

    .form-item--chosen-autocomplete.form-item--chosen-autocomplete-is-active input {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

.chosen_ajax_field-autocomplete-wrapper {
    position: relative
}

    .chosen_ajax_field-autocomplete-wrapper svg {
        fill: #d1d1d1;
        height: 18px;
        position: absolute;
        right: 17px;
        top: 17px;
        width: 17px
    }

.autocomplete-suggestion {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 15px 16px 14px;
    cursor: pointer
}

    .autocomplete-suggestion:not(.autocomplete-suggestion--is-selected):hover {
        background: #2c406f;
        color: #fff
    }

.autocomplete-suggestion--is-selected {
    font-weight: 700;
    color: #d1d1d1;
    background-color: #f1f1f1;
    cursor: not-allowed
}

.autocomplete-suggestions {
    display: none;
    left: 0;
    border: solid 1px #d1d1d1;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    overflow: auto;
    width: 100%;
    position: absolute;
    max-height: 360px;
    background-color: #fff;
    z-index: 1
}

    .autocomplete-suggestions:empty {
        display: none
    }

    .autocomplete-suggestions:only-child {
        margin: 0
    }

.form-item--chosen-autocomplete-is-active .autocomplete-suggestions {
    display: block
}

.autocomplete-suggestions-message {
    background-color: #f4f4f4;
    color: #777;
    padding: 15px 16px 14px
}

    .autocomplete-suggestions-message span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.autocomplete-selections {
    display: flex;
    padding-top: 10px;
    flex-wrap: wrap
}

.autocomplete-selection {
    display: flex;
    margin: 0 5px 5px 0;
    padding: 7px 14px 6px 16px;
    background-color: #2c406f;
    color: #fff;
    border-radius: 32px;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .autocomplete-selection svg {
        fill: #fff;
        width: 14px;
        height: 14px;
        margin: 0
    }

.autocomplete-selection-remove {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.image-upload {
    background-color: #f2f9fd;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px dashed #d1d1d1;
    border-radius: 4px;
    cursor: pointer
}

.image-upload--light {
    background-color: #fff
}

.image-upload__top {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem
}

.image-upload__icon {
    width: 24.47px;
    height: 19.44px
}

.image-upload__icon-wrapper {
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: #fae3b8;
    display: flex;
    align-items: center;
    justify-content: center
}

.image-upload__text {
    font-size: .82rem
}

    .blog-modal .modal__panel-content .image-upload__text a, .image-upload__text a {
        font-weight: 700;
        color: #3370b7
    }

.image-upload__bottom {
    font-size: .71rem
}

.image-uploaded {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    max-width: 155px
}

.image-uploaded__remove-button-wrapper {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    align-items: center
}

.image-uploaded__remove-button-icon {
    fill: currentColor;
    width: .85rem;
    height: .92rem
}

.image-uploaded__remove-button {
    border: none;
    background: 0 0;
    box-shadow: none;
    text-align: left;
    color: #3370b7;
    font-weight: 700;
    font-size: .82rem;
    padding: 0;
    cursor: pointer;
    border-radius: 0
}

.blog-modal .modal__panel-form .image-uploaded__remove-button {
    background: 0 0
}

    .blog-modal .modal__panel-form .image-uploaded__remove-button:not([disabled]):hover, .image-uploaded__remove-button:not([disabled]):hover {
        background: 0 0;
        text-decoration: underline;
        color: #3370b7
    }

.native-checkbox {
    position: relative
}

.native-select {
    position: relative;
    display: block;
    background: #fff;
    border: solid 1px rgba(209,209,209,.6);
    border-bottom-color: #d1d1d1;
    border-radius: 4px
}

    .native-select:focus {
        border-color: #d1d1d1
    }

    .native-select.error {
        border-color: #e0081a
    }

    .native-select select {
        display: block;
        position: relative;
        width: 100%;
        padding: 19px 32px 15px 16px;
        -webkit-appearance: none;
        appearance: none;
        background: transparent none;
        border: none;
        font-size: 16px;
        color: #474747;
        font-family: KWFFedraSans,Helvetica,sans-serif;
        font-weight: 300
    }

        .native-select select::-ms-expand {
            display: none
        }

@media (min-width:576px) {
    .native-select select {
        font-size: 19px;
        padding-top: 20px;
        padding-bottom: 16px
    }
}

.native-select svg {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    fill: #d1d1d1;
    height: 17px;
    width: 11px
}

.select-autosuggest-wrapper {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0
}

.select-autosuggest__filter {
    display: block;
    padding: .5rem .75rem;
    background-color: #fff;
    border: solid .125rem #b0bec5;
    border-radius: .25rem
}

    .select-autosuggest__filter:not([size]) {
        width: 100%
    }

.select-autosuggest__suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 300;
    border-radius: .5rem
}

.select-autosuggest-wrapper[aria-collapsed=true] .select-autosuggest__suggestions {
    display: none
}

.select-autosuggest__selections {
    margin-bottom: 0
}

    .select-autosuggest__selections:empty {
        display: none
    }

.select-autosuggest__suggestions-list, .select-autosuggest__selections-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-bottom: 0
}

    .select-autosuggest__suggestions-list > .select-autosuggest__suggestion {
        margin-right: 0;
        margin-bottom: 0
    }

    .select-autosuggest__selections-list > .select-autosuggest__selection {
        margin-right: 0;
        margin-bottom: 0
    }

.select-autosuggest__suggestion, .select-autosuggest__selection {
    display: block;
    width: auto;
    background: 0 0;
    border: none
}

.select-autosuggest__selection {
    padding: .5rem .75rem;
    background-color: #b0bec5;
    border-radius: 5rem
}

.select-autosuggest-wrapper {
    display: inline-flex;
    flex-direction: column;
    min-width: 240px
}

.select-autosuggest__filter-wrapper {
    display: block;
    position: relative;
    order: 1
}

@media (min-width:768px) {
    .select-autosuggest__filter-wrapper {
        max-width: 300px
    }
}

.select-autosuggest__filter-wrapper .icon-select {
    position: absolute;
    fill: #d1d1d1;
    top: 18px;
    right: 17px;
    width: 10px;
    height: 16px
}

.select-autosuggest-wrapper:not([aria-collapsed]) .select-autosuggest__filter-wrapper .icon-select {
    fill: #474747
}

.select-autosuggest__filter {
    background: #fff;
    border: solid 1px rgba(209,209,209,.6);
    border-radius: 4px;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: 300;
    max-width: 100%;
    padding: 16px 16px 15px;
    width: 100%
}

    .select-autosuggest__filter.error {
        border-color: #e0081a
    }

    .select-autosuggest__filter:focus {
        border-color: #474747;
        outline: none
    }

.select-autosuggest-wrapper:not([aria-collapsed]) .select-autosuggest__filter {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.select-autosuggest-wrapper--top:not([aria-collapsed]) .select-autosuggest__filter {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.select-autosuggest-wrapper[aria-busy=true] .select-autosuggest__filter {
    opacity: .5
}

.select-autosuggest__suggestions {
    background-color: #f4f4f4;
    max-height: 60vh;
    transition: max-height linear .1s,top linear .1s;
    overflow-y: auto;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: solid 1px rgba(209,209,209,.6);
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
    order: 2
}

.select-autosuggest-wrapper--top .select-autosuggest__suggestions {
    border: solid 1px rgba(209,209,209,.6);
    border-bottom: 0;
    border-radius: .5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select-autosuggest__suggestion {
    margin: 0;
    display: block;
    padding: 12px 16px 11px;
    width: 100%;
    text-align: left;
    background: 0 0;
    font-size: 15px;
    cursor: pointer
}

    .select-autosuggest__suggestion:hover, .select-autosuggest__suggestion:focus {
        color: #fff;
        background: #223259
    }

    .select-autosuggest__suggestion + .select-autosuggest__suggestion {
        border-top: solid 1px rgba(209,209,209,.6)
    }

.select-autosuggest__selections {
    order: 3;
    margin-left: -8px;
    margin-right: -8px;
    padding: 8px 0
}

.select-autosuggest__selection {
    background: #2c406f;
    border: none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 7px 14px 5px;
    text-decoration: none;
    transition: background .2s ease;
    user-select: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    margin: 8px
}

    .select-autosuggest__selection:not([disabled]):hover {
        background: #223259
    }

    .select-autosuggest__selection:hover, .select-autosuggest__selection:focus {
        background: #d60024
    }

    .select-autosuggest__selection .icon-close-sm {
        fill: #fff;
        height: 13px;
        opacity: .4;
        transition: opacity .2s ease;
        width: 12px;
        margin-left: 8px
    }

.companions-modal .select-autosuggest__selection {
    background-color: #3370b7
}

.select-autosuggest__warning-text {
    order: 5
}

.select-autosuggest__error-text {
    order: 6;
    color: #d60024;
    margin: 8px 0
}

.select-autosuggest__no-results {
    order: 7;
    margin: 8px 0;
    font-weight: 700
}

.select-autosuggest__throbber {
    opacity: 0;
    display: inline-block !important;
    height: 24px;
    margin-left: 8px;
    padding: 0;
    vertical-align: middle;
    width: 24px;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-125%);
    pointer-events: none
}

    .select-autosuggest__throbber .throbber {
        background: 0 0;
        display: inline-block;
        padding: 0;
        position: relative
    }

        .select-autosuggest__throbber .throbber:after {
            content: "";
            position: absolute;
            border-width: 3px;
            border-style: solid;
            border-color: transparent #2c406f #2c406f;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            top: 0;
            left: 0;
            animation: 1s linear infinite rotate;
            filter: drop-shadow(0 0 2 rgba(0,0,0,.33))
        }

    .select-autosuggest__throbber .message {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

.select-autosuggest-wrapper[aria-busy=true] .select-autosuggest__throbber {
    opacity: 1
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1090px;
    padding-left: 23px;
    padding-right: 23px;
    width: 100%
}

@media (min-width:1200px) {
    .container {
        max-width: 1150px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.breakout-container {
    margin-left: -23px;
    margin-right: -23px;
    padding-left: 23px;
    padding-right: 23px
}

@media (min-width:1200px) {
    .breakout-container {
        margin-left: -50px;
        margin-right: -50px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.element-group {
    display: flex;
    margin-left: -10px;
    align-items: center;
    flex-wrap: wrap
}

.element-group__item {
    margin-left: 10px;
    margin-bottom: 10px
}

.horizontal-flow {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 25px;
    margin-bottom: 25px
}

    .horizontal-flow:first-child {
        margin-top: 0
    }

    .horizontal-flow:last-child {
        margin-bottom: 0
    }

.horizontal-flow__aside {
    padding-right: 25px
}

.horizontal-flow__main ~ .horizontal-flow__aside {
    padding-left: 25px;
    padding-right: 0
}

.horizontal-flow__main {
    flex-grow: 1;
    min-width: 0
}

.horizontal-flow__aside {
    flex-grow: 0;
    flex-shrink: 0
}

.horizontal-flow--center {
    align-items: center
}

.horizontal-flow--bottom {
    align-items: flex-end
}

@media (max-width:576px) {
    .horizontal-flow--compact-for-sm .horizontal-flow__aside {
        display: none
    }
}

@media (min-width:992px) {
    .horizontal-flow--compact-for-lg-and-up .horizontal-flow__aside {
        display: none
    }
}

table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 27px;
    max-width: 100%;
    width: 100%
}

@media (max-width:768px) {
    table {
        display: block;
        overflow-x: auto
    }
}

h2 + table {
    margin-top: 13px
}

h3 + table {
    margin-top: 17px
}

tbody:first-child tr:nth-child(even), tbody:not(:first-child) tr:nth-child(odd) {
    background: #eaf0f7
}

th, td {
    border: 1px solid #d1d1d1;
    border-bottom: none;
    padding: 6px 8px
}

thead tr:first-child th, thead tr:first-child td {
    border-top: none
}

tbody:first-child tr:first-child th, tbody:first-child tr:first-child td {
    border-top: none
}

th:first-child, td:first-child {
    border-left: none
}

th:last-child, td:last-child {
    border-right: none
}

th *, td * {
    margin: 0
}

th {
    color: #2d2d2d;
    font-weight: 400;
    text-align: left
}

.activity {
    position: relative;
    display: block;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.09);
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .activity {
        padding: 20px;
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.activity[href] {
    text-decoration: none
}

.activity:first-child {
    margin-top: 0
}

.activity:last-child {
    margin-bottom: 0
}

.activity:hover {
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.1)
}

.activity__icon-wrapper {
    display: block;
    width: 32px;
    padding: 8px 0 0;
    text-align: center
}

@media (min-width:576px) {
    .activity__icon-wrapper {
        width: 42px
    }
}

.activity__icon-wrapper svg {
    margin: 0;
    display: inline-block;
    max-width: 100%
}

    .activity__icon-wrapper svg.icon-library {
        width: 22px;
        height: 24px;
        fill: #3370b7
    }

@media (min-width:576px) {
    .activity__icon-wrapper svg.icon-library {
        width: 30px;
        height: 32px
    }
}

.activity__icon-wrapper svg.icon-speechbubble {
    width: 24px;
    height: 23px;
    fill: #eeac3f
}

@media (min-width:576px) {
    .activity__icon-wrapper svg.icon-speechbubble {
        width: 30px;
        height: 29px
    }
}

.activity__icon-wrapper img {
    width: 32px;
    height: 32px
}

@media (max-width:576px) {
    .activity .user__image {
        width: 32px;
        height: 32px
    }
}

@media (max-width:576px) {
    .activity .horizontal-flow__aside {
        padding-right: 15px
    }
}

.activity__status {
    font-size: 12px;
    margin-bottom: 0;
    color: #747474;
    transition: color .2s ease
}

    .activity__status span {
        font-size: 14px;
        color: #474747
    }

@media (min-width:576px) {
    .activity__status span {
        font-size: 16px
    }
}

.activity__timestamp {
    font-size: 12px;
    color: #747474;
    display: block
}

    .activity__timestamp > * {
        font-size: inherit;
        font-weight: inherit
    }

.activity__title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700
}

@media (min-width:576px) {
    .activity__title {
        font-size: 20px
    }
}

.activity__content {
    font-style: italic;
    font-size: 12px;
    color: #747474;
    transition: color .2s ease
}

@media (min-width:576px) {
    .activity__content {
        font-size: 14px
    }
}

.activity__content p:first-child {
    margin-top: 0
}

    .activity__content p:first-child:before {
        display: inline;
        content: "“"
    }

.activity__content p:last-child {
    margin-bottom: 0
}

    .activity__content p:last-child:after {
        display: inline;
        content: "”"
    }

.article-tools {
    display: flex;
    align-items: flex-start;
    margin: 0 0 4px
}

@media (min-width:768px) {
    .article-tools {
        margin-bottom: 16px
    }
}

.article-tools .button--print {
    display: none
}

@media (min-width:768px) {
    .article-tools .button--print {
        display: inline-block
    }
}

@media (max-width:576px) {
    .article-tools .button > span {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

.attributes {
    list-style: none
}

.attributes, .attributes__item {
    display: block;
    margin: 20px 0;
    padding: 0
}

    .attributes:first-child, .attributes__item:first-child {
        margin-top: 0
    }

    .attributes:last-child, .attributes__item:last-child {
        margin-bottom: 0
    }

.attributes__item {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #8c63a6;
    font-size: 14px
}

.attributes__item-icon {
    fill: currentColor;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    margin-right: 10px
}

.autosuggest__items {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 24px 0
}

@media (min-width:768px) {
    .autosuggest__items {
        padding-bottom: 30px
    }
}

.autosuggest__button {
    color: #2c406f;
    cursor: pointer;
    display: block;
    padding: 8px 20px;
    text-align: left;
    width: 100%
}

@media (min-width:992px) {
    .autosuggest__button {
        padding-left: 24px;
        padding-right: 24px
    }
}

.autosuggest__button:hover, .autosuggest__button:focus {
    background: #f9f9f9
}

.autosuggest__button b {
    font-weight: 700
}

.back-link {
    display: inline-block;
    color: #2c406f;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none
}

@media (min-width:768px) {
    .back-link {
        margin-bottom: 10px
    }
}

.back-link:hover {
    text-decoration: underline
}

.back-link svg {
    display: inline-block;
    fill: currentColor;
    height: 11px;
    margin: 4px 8px 0 0;
    transform: rotate(180deg);
    vertical-align: -1px;
    width: 18px
}

.blog-posts-concepts {
    margin-top: 3rem;
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    .blog-posts-concepts {
        margin-top: 0;
        margin-bottom: 3.25rem
    }
}

.blog-posts-concepts h3 {
    font-weight: 700;
    line-height: 23px;
    font-size: 17px;
    margin-bottom: 2rem
}

.blog-posts-concepts .blog-post-concept {
    background-color: #fdf6eb;
    border-radius: 10px;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .blog-posts-concepts .blog-post-concept {
        flex-flow: row nowrap;
        align-items: center
    }
}

.blog-posts-concepts .blog-post-concept__content {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    margin-bottom: 2rem;
    align-items: center
}

@media (min-width:768px) {
    .blog-posts-concepts .blog-post-concept__content {
        margin-bottom: 0;
        margin-right: 1rem
    }
}

.blog-posts-concepts .blog-post-concept__content .icon {
    flex: 0 0 50px;
    height: 50px;
    width: 50px;
    margin-right: 1rem
}

.blog-posts-concepts .blog-post-concept__content .title {
    flex: 1 1 100%;
    font-weight: 600;
    margin: 0
}

.blog-posts-concepts .blog-post-concept .button {
    width: 100%
}

@media (min-width:768px) {
    .blog-posts-concepts .blog-post-concept .button {
        padding: 7px 35px;
        width: initial
    }
}

.blog-posts-concepts .blog-post-concept .button--red {
    text-align: center;
    background-color: #e0081a
}

.blog-post-content {
    margin: 0 auto 40px;
    max-width: 850px;
    position: relative
}

@media (min-width:768px) {
    .blog-post-content {
        margin-bottom: 0
    }
}

.blog-post-content__title {
    margin-top: 35px;
    padding-right: 24px;
    overflow: hidden;
    position: relative
}

.blog-post-content__date {
    font-size: 14px;
    margin: -10px 0 15px
}

    .blog-post-content__date > div {
        display: inline
    }

.blog-post-content .options {
    right: -17px;
    top: 4px
}

@media (min-width:768px) {
    .blog-post-content .options {
        top: 12px
    }
}

.blog-post-content__image img {
    border-radius: 4px
}

.blog-post-content__content {
    margin-top: 27px
}

.blog-post-content__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 0
}

    .blog-post-content__controls:first-child {
        margin-top: 0
    }

    .blog-post-content__controls:last-child {
        margin-bottom: 0
    }

@media (min-width:768px) {
    .blog-post-content__controls {
        flex-direction: row;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.blog-post-content__controls .buttons > *, .blog-post-content__controls .buttons > *:first-child, .blog-post-content__controls .buttons > *:last-child, .blog-post-content__controls > .canonical-item, .blog-post-content__controls > .canonical-item:first-child, .blog-post-content__controls > .canonical-item:last-child {
    margin-top: 5px;
    margin-bottom: 5px
}

.blog-post-teaser {
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 2rem;
    padding: 2rem 1rem 1.5rem;
    position: relative
}

@media (min-width:576px) {
    .blog-post-teaser {
        padding-right: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 1.5rem
    }
}

.blog-post-teaser h2 {
    overflow: hidden;
    position: relative;
    font-size: 1.5rem;
    line-height: 1.17;
    margin: 0 0 1rem
}

@media (min-width:768px) {
    .blog-post-teaser h2 {
        font-size: 1.875rem;
        margin-bottom: .75rem
    }
}

.blog-post-teaser h2 a {
    text-decoration: none
}

.blog-post-teaser__status {
    margin: 5px 0 20px
}

.blog-post-teaser__status--concept {
    color: #d0021b;
    font-weight: 400
}

.blog-post-teaser__date {
    margin: 0 0 1.875rem;
    font-size: .875rem;
    color: #474747
}

@media (min-width:768px) {
    .blog-post-teaser__date {
        margin-bottom: 1rem
    }
}

.blog-post-teaser__image {
    width: 100%;
    margin: 1.875rem 0 2.1875rem
}

@media (min-width:768px) {
    .blog-post-teaser__image {
        margin-top: 1rem;
        margin-bottom: 1.5rem
    }
}

.blog-post-teaser__image img {
    width: 100%;
    border-radius: 4px
}

.blog-post-teaser__content {
    margin-bottom: 2rem;
    line-height: 1.65
}

@media (min-width:768px) {
    .blog-post-teaser__content {
        margin-bottom: 1.25rem
    }
}

.blog-post-teaser__content > div {
    position: relative;
    overflow: hidden
}

.blog-post-teaser__content p:last-child {
    margin-bottom: 0
}

.blog-post-teaser .button {
    display: inline-block;
    margin-bottom: 1.625rem
}

@media (min-width:768px) {
    .blog-post-teaser .button {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .blog-post-teaser__footer {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .blog-post-teaser__footer .meta {
            flex-direction: row-reverse
        }

        .blog-post-teaser__footer .button {
            flex-shrink: 0
        }
}

.blog-teaser {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.09);
    color: currentColor;
    display: flex;
    flex-direction: column;
    min-height: 345px;
    overflow: hidden;
    padding: 18px 18px 12px;
    position: relative;
    transition: box-shadow .2s ease
}

    .blog-teaser:hover, .blog-teaser:focus-within {
        box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.1)
    }

        .blog-teaser:hover .blog-teaser__link:focus, .blog-teaser:focus-within .blog-teaser__link:focus {
            text-decoration: none
        }

.blog-teaser--private > *:not(h2) {
    opacity: .5
}

.blog-teaser h2 {
    font-size: 23px;
    line-height: 30px;
    margin: 16px 0 17px;
    color: currentColor
}

    .blog-teaser h2 .tag {
        margin-right: 8px;
        vertical-align: 4px
    }

.blog-teaser__link {
    text-decoration: none
}

    .blog-teaser__link:focus {
        text-decoration: underline
    }

    .blog-teaser__link:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }

.blog-teaser .meta {
    margin-top: auto
}

.blog-teaser__image {
    background-color: #f1f1f1;
    height: 123px;
    margin: -3px -18px 0;
    order: -1;
    overflow: hidden
}

    .blog-teaser__image img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

.blog-teaser__user {
    min-height: 75px;
    order: -2;
    padding-bottom: 8px;
    position: relative;
    z-index: 2
}

.blog-teaser--private .blog-teaser__user {
    z-index: 0
}

.bookmark {
    background: #fff;
    border: solid 1px #efefef;
    border-bottom-color: #dadada;
    padding: 20px 70px 20px 20px;
    position: relative
}

    .bookmark + .bookmark {
        margin-top: -1px
    }

    .bookmark:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .bookmark:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

.bookmark--split {
    border-radius: 8px
}

    .bookmark--split + .bookmark--split {
        margin-top: 16px
    }

.bookmark--user {
    padding-right: 20px
}

@media (min-width:576px) {
    .bookmark--user {
        display: flex;
        justify-content: space-between
    }
}

.bookmark--user .button {
    margin-top: 20px
}

@media (min-width:576px) {
    .bookmark--user .button {
        align-self: center;
        flex-shrink: 0;
        margin-left: 20px;
        margin-top: 0
    }
}

.bookmark--app {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px
}

    .bookmark--app .form {
        margin: 0
    }

        .bookmark--app .form .form-wrapper, .bookmark--app .form .form-actions {
            margin-top: 0;
            margin-bottom: 0
        }

.bookmark p {
    margin-bottom: 0
}

.bookmark__title a {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out;
    border-bottom-color: transparent
}

    .bookmark__title a:hover, .bookmark__title a:focus {
        padding-bottom: 2px
    }

    .bookmark__title a:hover {
        border-bottom-color: currentColor
    }

.bookmark__subtitle {
    font-size: 14px;
    margin-top: -1px
}

.bookmark__delete {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

    .bookmark__delete .button {
        align-items: center;
        display: flex;
        height: 30px;
        justify-content: center;
        padding: 0;
        width: 30px
    }

        .bookmark__delete .button svg {
            color: #747474;
            height: 14px;
            margin: 0;
            vertical-align: default;
            width: 14px
        }

        .bookmark__delete .button:hover svg {
            color: #fff
        }

        .bookmark__delete .button span {
            position: absolute !important;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px,1px,1px,1px);
            overflow: hidden;
            height: 1px;
            width: 1px
        }

html[class*=js] .bookmark__flag, html[class*=js] .bookmark .action-flag {
    display: none
}

.canonical-item {
    margin: 30px 0
}

    .canonical-item:first-child {
        margin-top: 0
    }

    .canonical-item:last-child {
        margin-bottom: 0
    }

.canonical-item__link {
    display: flex;
    background-color: #3370b7;
    color: #fff;
    padding: 7px 14px 5px;
    line-height: 23px;
    text-decoration: none;
    align-items: center;
    border-radius: 4px;
    transition: background-color .2s ease-in-out
}

    .canonical-item__link:hover {
        background-color: #285992
    }

.canonical-item--full .canonical-item__link {
    padding: 16px;
    line-height: inherit;
    border-radius: 8px
}

.canonical-item__content {
    font-weight: 300;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.canonical-item--full .canonical-item__content {
    font-size: inherit
}

.canonical-item__title {
    font-weight: 700;
    margin-top: 4px
}

.canonical-item__link-icon {
    width: 8px;
    height: 14px;
    flex-shrink: 0;
    margin-left: 8px;
    fill: currentColor;
    transition: transform .2s ease-in-out;
    margin-top: -2px
}

.canonical-item__link:hover .canonical-item__link-icon {
    transform: translateX(3px)
}

.canonical-item--full .canonical-item__link-icon {
    width: 13px;
    height: 17px;
    margin-left: 16px
}

@media (min-width:992px) {
    .cards {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: stretch
    }
}

.card {
    position: relative;
    background-color: #fff;
    border-bottom-right-radius: 30px;
    max-width: 750px;
    margin: 20px auto;
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    .card {
        border-bottom-right-radius: 60px
    }
}

@media (min-width:992px) {
    .cards .card {
        margin: 0;
        width: calc(50% - 25px)
    }

        .cards .card:nth-child(1n+3) {
            margin-top: 50px
        }
}

@media (min-width:768px) {
    .card {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.card:first-child {
    margin-top: 0
}

.card:last-child {
    margin-top: 0
}

.card__title {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 23px
}

@media (min-width:768px) {
    .card__title {
        font-size: 30px
    }
}

.card__header p:last-child {
    margin-bottom: 0
}

.card__main {
    flex-grow: 1
}

.card__main, .card__header, .card__footer {
    padding: 10px 30px
}

    .card__main:first-child, .card__header:first-child, .card__footer:first-child {
        padding-top: 30px
    }

    .card__main:last-child, .card__header:last-child, .card__footer:last-child {
        padding-bottom: 30px
    }

@media (min-width:768px) {
    .card__main, .card__header, .card__footer {
        padding: 15px 50px
    }

        .card__main:first-child, .card__header:first-child, .card__footer:first-child {
            padding-top: 50px
        }

        .card__main:last-child, .card__header:last-child, .card__footer:last-child {
            padding-bottom: 50px
        }
}

.caremap-title {
    color: #2d2d2d;
    font-size: 23px;
    line-height: 30px;
    font-weight: 700;
    margin: 13px 0 10px
}

@media (max-width:768px) {
    .caremap-title {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }
}

@media (min-width:768px) {
    .caremap-title {
        font-size: 40px;
        line-height: 46px;
        margin: 26px 0 0
    }
}

.checklist {
    margin-top: 8px;
    margin-bottom: 24px
}

    .checklist:first-child, .checklist li:first-child {
        margin-top: 0
    }

    .checklist:last-child, .checklist li:last-child {
        margin-bottom: 0
    }

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

    .checklist li {
        position: relative;
        margin: 8px 0;
        padding: 0 0 0 30px
    }

        .checklist li:before {
            display: block;
            content: " ";
            position: absolute;
            top: 4px;
            left: 0;
            width: 14px;
            height: 16px;
            background-image: url("../../../../themes/custom/kreeft_theme/dist/svg/checkmark.svg")
        }

.checklist__title {
    margin-top: 0;
    margin-bottom: 8px
}

.collapsible-summary {
    background-color: #eaf0f7;
    padding: 2rem;
    margin-bottom: 24px;
    border-radius: 8px
}

.collapsible-summary__header {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

.collapsible-summary__title {
    margin: 0;
    font-size: 1.125rem
}

.collapsible-summary__icon {
    transition: transform .2s ease-in-out
}

.collapsible-summary[aria-expanded=true] .collapsible-summary__icon {
    transform: rotate(180deg)
}

.collapsible-summary__toggle {
    width: 1rem;
    height: auto
}

    .collapsible-summary__toggle svg {
        width: 100%;
        height: auto
    }

.collapsible-summary__main {
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 1rem;
    margin-bottom: .75rem
}

.collapsible-summary--is-ready .collapsible-summary__main {
    height: 9.375rem
}

.collapsible-summary[aria-expanded=true] .collapsible-summary__main {
    height: auto
}

    .collapsible-summary[aria-expanded=true] .collapsible-summary__main:after {
        display: none
    }

.collapsible-summary__main:after {
    content: " ";
    display: block;
    position: absolute;
    background: linear-gradient(180deg,rgba(255,255,255,.0001) 20%,#eaf0f7 80%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.collapsible-summary__link {
    font-size: 1rem;
    text-decoration: none;
    color: #3370b7
}

.collapsible-summary[aria-expanded=true] .collapsible-summary__link {
    display: none
}

.colofon {
    border-radius: 8px;
    overflow: hidden;
    background-color: #fdf6eb;
    color: #747474;
    padding: 40px
}

@media (max-width:992px) {
    .container .colofon {
        border-radius: 0;
        padding: 20px 40px;
        margin-left: -20px;
        margin-right: -20px
    }
}

.colofon__title {
    color: currentColor;
    margin: 0 0 4px
}

.colofon__description {
    margin: 0 0 8px
}

.colofon__references-wrapper {
    margin-left: -40px;
    margin-right: -40px;
    padding: 20px 40px;
    overflow: hidden;
    position: relative
}

@media (min-width:992px) {
    .colofon--is-ready .colofon__references-wrapper {
        padding-left: 16.5%;
        padding-right: 16.5%
    }
}

.colofon__references {
    display: flex;
    flex-wrap: nowrap;
    margin-left: -10px;
    margin-right: -10px
}

    .colofon__references.slick-initialized {
        cursor: grab;
        display: block
    }

.colofon--has-interaction .colofon__references {
    cursor: grabbing
}

.colofon__references .slick-list {
    overflow: visible
}

.colofon__references .slick-track {
    display: flex
}

.colofon__references .slick-slide {
    display: flex;
    height: inherit
}

    .colofon__references .slick-slide > * {
        width: 100%
    }

.colofon__reference {
    padding: 0 10px;
    height: 100%;
    display: flex !important;
    max-width: 300px
}

.slick-initialized .colofon__reference {
    max-width: none
}

.colofon__reference > * {
    width: 100%;
    display: flex
}

    .colofon__reference > * > * {
        width: 100%
    }

.colofon__control {
    position: absolute;
    background: 0 0;
    display: none;
    height: 100%;
    width: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

@media (min-width:992px) {
    .colofon--is-ready .colofon__control {
        width: calc(16.5% - 20px)
    }
}

.colofon__control:focus {
    outline: none
}

.colofon--is-ready .colofon__control {
    display: flex !important
}

.colofon__control-wrapper {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background-color: #3370b7;
    transition: background-color .2s ease-in-out;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12)
}

@media (max-width:768px) {
    .colofon__control-wrapper {
        display: none
    }
}

.colofon__control:hover .colofon__control-wrapper, .colofon__control:focus .colofon__control-wrapper, .colofon__control-wrapper:hover {
    background-color: #285992
}

.colofon__control-icon {
    fill: currentColor;
    height: 23px;
    width: 22px
}

.colofon__previous {
    top: 0;
    left: 0
}

.colofon__next {
    top: 0;
    right: 0
}

.colofon__author {
    font-weight: 400;
    font-size: 16px;
    color: currentColor;
    margin-top: 8px
}

.colofon__timestamp {
    font-weight: inherit;
    color: currentColor;
    font-size: 14px
}

.comment {
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.09);
    border-radius: 8px;
    margin-bottom: 11px;
    margin-left: 50px;
    padding: 19px 20px 17px;
    position: relative
}

@media (min-width:576px) {
    .comment {
        padding-left: 24px;
        padding-right: 24px
    }
}

.comments-list article:first-of-type .comment {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.comments-list article:last-of-type .comment {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.comment .options {
    top: 21px
}

.comment__content {
    overflow: hidden
}

    .comment__content > *:last-child {
        margin-bottom: 16px
    }

.comment__footer {
    margin-bottom: 12px;
    padding-right: 18px
}

@media (min-width:992px) {
    .comment__footer {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:576px) {
    .comment__footer .user__name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 320px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .comment__footer .date {
        margin-top: 4px
    }
}

.companions-username-filter .form-submit:disabled, .companions-username-filter .form-submit[disabled] {
    opacity: .7
}

.conversation {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.1);
    margin-bottom: 20px;
    margin-left: 50px;
    padding: 12px 20px 4px;
    position: relative
}

.conversation--private > *:not(h2) {
    opacity: .5
}

.conversation h2 {
    overflow: hidden;
    position: relative;
    margin: 6px 0 11px
}

    .conversation h2 a {
        color: #2d2d2d;
        text-decoration: none
    }

        .conversation h2 a:hover {
            text-decoration: underline
        }

    .conversation h2 .tag {
        margin-right: 8px;
        vertical-align: 4px
    }

.conversation__date, .conversation__subjects {
    color: #747474;
    font-size: 14px
}

@media (min-width:768px) {
    .conversation__date {
        margin-top: 4px
    }
}

.conversation__subjects {
    margin: -11px 0 11px
}

.conversation__nr-comments {
    align-items: center;
    color: #747474;
    display: flex;
    font-size: 15px
}

    .conversation__nr-comments svg {
        fill: #747474;
        height: 18px;
        margin-right: 6px;
        width: 18px
    }

.conversation-header {
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.09);
    display: flex;
    flex-direction: column;
    margin-bottom: 14px;
    padding: 24px 20px 25px;
    position: relative
}

@media (min-width:576px) {
    .conversation-header {
        margin-left: 83px;
        padding-left: 24px;
        padding-right: 24px
    }

    .conversation-header--is-compact {
        margin-left: 50px
    }
}

@media (min-width:768px) {
    .conversation-header__title {
        display: flex;
        justify-content: space-between
    }
}

.conversation-header__title a {
    text-decoration: none
}

.conversation-header h1, .conversation-header h2, .conversation-header h3 {
    overflow: hidden;
    margin-top: 0;
    font-weight: 700;
    position: relative
}

@media (min-width:768px) {
    .conversation-header h1, .conversation-header h2, .conversation-header h3 {
        margin-top: initial
    }
}

.conversation-header h1 {
    font-size: 30px;
    line-height: 36px;
    margin: 27px 0 14px
}

.conversation-header h3 {
    font-size: 23px;
    margin-bottom: 9px
}

.conversation-header__flag--follow {
    margin-bottom: 27px
}

@media (min-width:768px) {
    .conversation-header__flag--follow {
        flex-shrink: 0;
        margin: 26px 0 0 20px
    }
}

.conversation-header__footer {
    order: -1;
    padding-right: 18px;
    display: flex;
    flex-direction: column
}

@media (max-width:768px) {
    .conversation-header__footer > * {
        width: 100%
    }
}

@media (min-width:768px) {
    .conversation-header__footer {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.conversation-header__footer .user {
    margin-right: auto
}

@media (max-width:576px) {
    .conversation-header__footer .user__image {
        position: static;
        margin-right: 14px
    }
}

.conversation-header--is-compact .conversation-header__footer .user__image {
    left: -62px
}

@media (min-width:768px) {
    .conversation-header__footer .user__info {
        margin-right: 14px
    }
}

.conversation-header__footer .user__moderator {
    margin-top: 4px
}

.conversation-header__footer .date {
    margin-top: 24px
}

@media (min-width:768px) {
    .conversation-header__footer .date {
        margin-top: -2px;
        margin-bottom: 0
    }
}

.conversation-header__notices {
    order: 1;
    align-self: center;
    margin-top: 10px
}

@media (min-width:768px) {
    .conversation-header__notices {
        margin-top: 10px;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }

        .conversation-header__notices .inline-notices {
            margin-right: 0
        }
}

.conversation-header__notices:after {
    clear: both;
    display: table;
    content: " "
}

.conversation-header__actions {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:576px) {
    .conversation-header__actions {
        align-items: flex-end
    }
}

.conversation-header__actions .button {
    margin: 0 9px 9px 0
}

.date {
    color: #747474;
    font-size: 14px
}

.counter {
    background-color: #eeac3f;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-family: KWFFedraSans-TF,Helvetica,sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 17px;
    min-width: 22px;
    padding: 3px 7px 1px 6px;
    text-align: center
}

.crossbar {
    position: relative
}

@media (max-width:992px) {
    .crossbar:before {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        opacity: 0;
        visibility: hidden;
        content: " ";
        background-color: rgba(0,0,0,.8);
        z-index: 21
    }

    .crossbar.crossbar--is-ready:before {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease-in-out 0ms,visibility 0ms linear .2s
    }

    .crossbar.crossbar--is-ready.crossbar--is-expanded:before {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: opacity .2s ease-in-out 0ms,visibility 0ms linear 0ms
    }
}

@media (min-width:992px) {
    .crossbar {
        background-color: #3370b7
    }
}

.crossbar__overview {
    color: #fff;
    padding: 0;
    z-index: 19
}

@media (min-width:992px) {
    .crossbar__overview {
        display: flex;
        align-items: center;
        padding: 0 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: none
    }
}

.crossbar--is-ready .crossbar__overview {
    transition: transform .2s ease-in-out
}

@media (max-width:992px) {
    .crossbar__overview {
        background-color: #3370b7
    }

    .crossbar--is-ready.crossbar--is-expanded .crossbar__overview {
        transform: translateY(100%)
    }
}

.crossbar__overview-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-grow: 1;
    max-width: 100%
}

@media (min-width:992px) {
    .crossbar__overview-items {
        justify-content: flex-start
    }
}

.crossbar__overview-item {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px
}

.crossbar__overview-item--more {
    margin-left: auto;
    font-size: 12px
}

@media (min-width:992px) {
    .crossbar__overview-item--more {
        display: none
    }
}

@media (max-width:992px) {
    .crossbar__overview-item {
        width: 20%
    }

        .crossbar__overview-item:nth-child(1n+5):not(.crossbar__overview-item--more) {
            display: none
        }

    .crossbar__overview-items--more .crossbar__overview-item:nth-child(1n+5):not(.crossbar__overview-item--more) {
        display: none
    }

    .crossbar__overview-items--length-of-1 .crossbar__overview-item {
        width: 100%
    }

    .crossbar__overview-items--length-of-2 .crossbar__overview-item {
        width: 50%
    }

    .crossbar__overview-items--length-of-3 .crossbar__overview-item {
        width: 33.3333333333%
    }
}

@media (min-width:992px) {
    .crossbar__overview-item {
        font-size: 14px;
        flex-basis: 100%
    }
}

@media (min-width:992px) {
    .crossbar__overview-item + .crossbar__overview-item:not(.crossbar__overview-item--more):after {
        position: absolute;
        display: block;
        content: " ";
        top: 50%;
        height: 100%;
        max-height: 60px;
        transform: translateY(-50%);
        left: 0;
        width: 1px;
        background-color: #285992
    }

    .crossbar__overview-item:not(.crossbar__overview-item--more):hover + .crossbar__overview-item:after {
        display: none
    }
}

@media (min-width:1200px) {
    .crossbar__overview-item {
        font-size: 17px
    }
}

.crossbar__overview-item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: currentColor;
    text-decoration: none;
    padding: 8px;
    height: 100%
}

    .crossbar__overview-item-link:hover {
        background-color: #285992
    }

@media (max-width:992px) {
    .crossbar__overview-item-link {
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width:992px) {
    .crossbar__overview-item-link {
        justify-content: flex-start;
        padding: 24px 12px;
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .crossbar__overview-item-link {
        padding: 30px 20px
    }
}

.crossbar__subject-title {
    margin-top: auto
}

.crossbar__overview-item .crossbar__subject-title--descriptive {
    display: none
}

@media (min-width:992px) {
    .crossbar__subject-title {
        margin-top: 0;
        margin-left: 12px
    }

    .crossbar__overview-item .crossbar__subject-title {
        display: none
    }

    .crossbar__overview-item .crossbar__subject-title--descriptive {
        display: inline
    }
}

@media (min-width:1200px) {
    .crossbar__subject-title {
        margin-left: 24px
    }
}

.crossbar__list-item .crossbar__subject-title {
    display: block;
    text-overflow: ellipsis;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden
}

.crossbar__icon {
    width: 20px;
    height: 20px;
    margin: 4px;
    flex-shrink: 0
}

@media (min-width:992px) {
    .crossbar__icon {
        margin: 0
    }
}

@media (min-width:1200px) {
    .crossbar__icon {
        width: 20px;
        height: 28px
    }
}

.crossbar__icon.icon-ellipsis {
    width: 18px;
    height: 4px;
    margin: auto;
    fill: currentColor
}

@media (min-width:992px) {
    .crossbar__icon.icon-ellipsis {
        margin: 4px auto
    }
}

.crossbar__icon.icon-close-md {
    width: 12px;
    height: 12px;
    margin: 0;
    fill: currentColor
}

.crossbar__list-items .crossbar__icon {
    width: 22px;
    height: 22px;
    margin: 0 16px 0 0
}

    .crossbar__list-items .crossbar__icon.arrow-right-sm {
        width: 12px;
        height: 15px;
        margin: 0;
        fill: currentColor
    }

.crossbar__dropdown-toggle {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    background: 0 0;
    font: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: currentColor;
    flex-shrink: 0;
    padding: 8px
}

    .crossbar__dropdown-toggle:hover {
        background-color: #285992
    }

.crossbar__overview .crossbar__dropdown-toggle {
    width: 100%;
    height: 100%
}

.crossbar__dropdown .crossbar__dropdown-toggle {
    width: 32px;
    height: 32px;
    background-color: #eeac3f;
    border-radius: 50%
}

    .crossbar__dropdown .crossbar__dropdown-toggle:hover {
        text-decoration: none
    }

.crossbar__dropdown {
    position: fixed;
    display: none;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 240px;
    max-height: 75vh;
    transform: translateY(100%);
    flex-direction: column;
    z-index: 21
}

@media (max-width:992px) {
    .crossbar--is-ready .crossbar__dropdown {
        display: flex;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease-in-out 0ms,transform .2s ease-in-out 0ms,visibility 0ms linear .2s
    }

    .crossbar--is-ready.crossbar--is-expanded .crossbar__dropdown {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: opacity .2s ease-in-out 0ms,transform .2s ease-in-out 0ms,visibility 0ms linear 0ms
    }
}

.crossbar__dropdown-header {
    display: flex;
    background-color: #3370b7;
    color: #fff;
    padding: 16px 12px;
    align-items: center;
    flex-shrink: 0
}

.crossbar__dropdown-body {
    flex-grow: 1;
    overflow: auto;
    padding: 10px 20px;
    background-color: #f4f5f9
}

.crossbar__title {
    margin: 0 8px 0 0;
    font-weight: 700;
    display: none;
    font-size: inherit;
    color: currentColor
}

@media (min-width:992px) {
    .crossbar__title {
        display: block
    }
}

@media (min-width:1200px) {
    .crossbar__title {
        font-size: 18px
    }
}

.crossbar__dropdown .crossbar__title {
    display: block;
    font-weight: 300;
    flex-grow: 1;
    font-size: 14px
}

.crossbar__title > span {
    display: block;
    font-weight: 700
}

.crossbar__dropdown .crossbar__title > span {
    font-size: 17px
}

.crossbar__list-items {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column
}

.crossbar__list-item {
    color: #3370b7
}

.crossbar__list-item-link {
    color: currentColor;
    text-decoration: none;
    display: flex;
    padding: 12px 0;
    align-items: center
}

    .crossbar__list-item-link > * {
        transition: transform .2s ease-in-out
    }

    .crossbar__list-item-link:focus > *, .crossbar__list-item-link:hover > * {
        transform: translateX(5px)
    }

.current-credit {
    display: flex;
    align-items: center
}

.current-credit__icon {
    position: relative;
    top: -2px;
    width: 18px;
    height: 18px;
    margin-right: 1rem
}

.dashboard-block {
    margin: 30px 0
}

.dashboard-block__title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 23px;
    line-height: 30px;
    font-weight: 700
}

@media (min-width:768px) {
    .dashboard-block__title {
        margin-bottom: 25px
    }
}

.dashboard-block__title .counter {
    vertical-align: super
}

.dashboard-block:first-child {
    margin-top: 0
}

.dashboard-block:last-child {
    margin-bottom: 0
}

.block-moderator-dashboard-group-selector {
    margin: 20px 0;
    padding-bottom: 30px;
    border-bottom: solid 1px #d1d1d1
}

    .block-moderator-dashboard-group-selector .subtext {
        margin-bottom: 20px
    }

@media (min-width:992px) {
    .block-moderator-dashboard-group-selector {
        margin: 30px 0;
        padding-bottom: 50px
    }
}

.block-moderator-dashboard-group-selector a:not([class]) {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out
}

    .block-moderator-dashboard-group-selector a:not([class]):hover, .block-moderator-dashboard-group-selector a:not([class]):focus {
        padding-bottom: 2px
    }

.definitions {
    margin-top: 10px;
    margin-bottom: 10px
}

    .definitions:first-child {
        margin-top: 0
    }

    .definitions:last-child {
        margin-bottom: 0
    }

.definitions__items, .definitions__item-title, .definitions__item-content {
    margin: 0;
    padding: 0
}

.definitions__item-subcontent {
    padding-top: .25em
}

.definitions__item-title {
    font-weight: 700;
    margin-top: 20px;
    color: #2d2d2d
}

    .definitions__item-title:first-child {
        margin-top: 0
    }

@media (min-width:768px) {
    .definitions--horizontal-order .definitions__items {
        display: flex;
        flex-wrap: wrap
    }

    .definitions--horizontal-order .definitions__item-title, .definitions--horizontal-order .definitions__item-content {
        margin-bottom: 10px
    }

        .definitions--horizontal-order .definitions__item-title:nth-last-child(-n+2), .definitions--horizontal-order .definitions__item-content:nth-last-child(-n+2) {
            margin-bottom: 0
        }

    .definitions--horizontal-order .definitions__item-title {
        margin-top: 0;
        padding-right: 8px;
        width: 33%
    }

    .definitions--horizontal-order .definitions__item-content {
        width: 67%
    }
}

.definitions--simplified-layout .definitions__item-title {
    font-weight: inherit;
    color: #747474
}

.definitions--simplified-layout .definitions__item-content {
    line-height: 1.64
}

.definitions--small {
    font-size: 14px;
    line-height: 23px
}

    .definitions--small .definitions__item-title {
        font-weight: 400;
        margin-top: 8px
    }

        .definitions--small .definitions__item-title:first-child {
            margin-top: 0
        }

@media (min-width:768px) {
    .definitions--small .definitions__item-title {
        margin-top: 0
    }
}

@media (min-width:992px) {
    .definitions--small .definitions__item-title {
        width: 25%
    }
}

@media (min-width:992px) {
    .definitions--small .definitions__item-content {
        width: 75%
    }
}

.definitions__item-title, .definitions__item-content {
    margin-bottom: 0
}

.definitions a {
    color: #285992;
    text-decoration: none
}

    .definitions a:not([class]) {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out;
        color: #285992
    }

        .definitions a:not([class]):hover, .definitions a:not([class]):focus {
            padding-bottom: 2px
        }

.definitions--small .definitions__item-title, .definitions--small .definitions__item-content {
    margin-bottom: 0
}

.dictionary {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1.25rem 0 2.25rem
}

.dictionary__navigation {
    display: flex;
    align-items: center;
    background-color: #eaf0f7;
    order: -1;
    padding: .75rem 1rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.dictionary__header {
    order: -2;
    margin-bottom: 1rem;
    font-weight: 700
}

    .dictionary__header p:first-child {
        margin-top: 0
    }

    .dictionary__header p:last-child {
        margin-bottom: 0
    }

.dictionary__navigation-wrapper {
    position: relative;
    overflow: hidden;
    height: 2rem;
    margin-right: auto
}

    .dictionary__navigation-wrapper:before, .dictionary__navigation-wrapper:after {
        pointer-events: none;
        position: absolute;
        content: " ";
        display: none;
        top: 0;
        bottom: 0;
        width: 20%;
        background-color: #eaf0f7;
        box-shadow: 0 0 .925rem .925rem #eaf0f7;
        z-index: 1
    }

@media (min-width:768px) {
    .dictionary__navigation-wrapper:before, .dictionary__navigation-wrapper:after {
        box-shadow: 0 0 3rem 3rem #eaf0f7
    }
}

.dictionary__navigation-wrapper:before {
    right: 98%
}

.dictionary__navigation-wrapper:after {
    left: 98%
}

.dictionary__navigation-wrapper--has-before-mask:before {
    display: block
}

.dictionary__navigation-wrapper--has-after-mask:after {
    display: block
}

.dictionary__navigation-scroll {
    position: relative;
    flex-grow: 1;
    display: flex;
    overflow-x: auto;
    height: 200%
}

.dictionary__navigation-previous svg {
    transform: rotate(180deg);
    margin-right: 2px;
    margin-top: -2px
}

.dictionary__navigation-previous, .dictionary__navigation-next {
    visibility: hidden;
    flex-shrink: 0;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    appearance: none;
    border-radius: 50%;
    border: solid 1px #d1d1d1;
    cursor: pointer;
    color: #2c406f;
    background-color: #fff
}

.dictionary--is-compact .dictionary__navigation-previous[aria-hidden=true], .dictionary--is-compact .dictionary__navigation-next[aria-hidden=true] {
    opacity: .1
}

.dictionary--is-compact .dictionary__navigation-previous, .dictionary--is-compact .dictionary__navigation-next {
    visibility: visible
}

.dictionary__navigation-previous:first-child, .dictionary__navigation-next:first-child {
    margin-right: .75rem
}

.dictionary__navigation-previous:last-child, .dictionary__navigation-next:last-child {
    margin-left: .75rem
}

.dictionary__navigation-previous svg, .dictionary__navigation-next svg {
    fill: currentColor;
    width: 9px;
    height: 11px
}

.dictionary__navigation-previous:not([aria-hidden=true]):hover, .dictionary__navigation-previous:not([aria-hidden=true]):focus-visible, .dictionary__navigation-next:not([aria-hidden=true]):hover, .dictionary__navigation-next:not([aria-hidden=true]):focus-visible {
    border: solid 1px #d1d1d1;
    background-color: #f1f1f1;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
    color: #474747
}

.dictionary__navigation-link {
    display: flex;
    color: currentColor;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 50%;
    font-size: .925rem;
    text-decoration: none;
    flex-shrink: 0
}

    .dictionary__navigation-link:hover, .dictionary__navigation-link:focus-visible {
        background-color: #fff
    }

    .dictionary__navigation-link[aria-current=true] {
        color: #3370b7;
        font-weight: 700
    }

.dictionary__items {
    padding-top: 2rem
}

.dictionary__item {
    color: #474747;
    padding-top: 1rem
}

@media (max-width:768px) {
    .dictionary__item {
        padding: 1rem 0;
        border-bottom: solid 1px rgba(209,209,209,.6)
    }
}

.dictionary__item:first-child {
    padding-top: 0
}

.dictionary__item[data-letter]:before {
    content: attr(data-letter);
    font-size: 1.275rem;
    margin-bottom: -.25rem;
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

.dictionary__item[id] {
    padding-top: 2rem
}

    .dictionary__item[id]:first-child {
        padding-top: 0
    }

.dictionary__item-header {
    padding-top: 1rem;
    display: flex;
    align-items: center
}

@media (max-width:768px) {
    .dictionary__item[aria-expanded] .dictionary__item-header {
        cursor: pointer
    }

    .dictionary__item[aria-expanded=true] .dictionary__item-header {
        margin-bottom: 1rem
    }
}

@media (min-width:768px) {
    .dictionary__item-header {
        margin: 0 0 1rem
    }
}

.dictionary__item-icon {
    order: -1;
    width: 1rem;
    height: .625rem;
    margin-right: 1rem;
    fill: currentColor;
    transition: transform ease-in-out .2s
}

@media (min-width:768px) {
    .dictionary__item-icon {
        display: none
    }
}

.dictionary--is-ready .dictionary__item[aria-expanded=true] .dictionary__item-icon {
    transform: rotate(-180deg)
}

.dictionary__item-title {
    margin: 0
}

.dictionary__item-content p:first-child, .dictionary__item-content ol:first-child, .dictionary__item-content ul:first-child, .dictionary__item-content li:first-child {
    margin-top: 0
}

.dictionary__item-content p:last-child, .dictionary__item-content ol:last-child, .dictionary__item-content ul:last-child, .dictionary__item-content li:last-child {
    margin-bottom: 0
}

@media (max-width:768px) {
    .dictionary--is-ready .dictionary__item:not([aria-expanded=true]) .dictionary__item-content {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

.dictionary__item-synonyms {
    margin-top: 1.5625rem
}

@media (min-width:768px) {
    .dictionary__helper {
        display: none
    }
}

.questions {
    margin: 24px 0
}

    .questions:first-child {
        margin-top: 0
    }

    .questions:last-child {
        margin-bottom: 0
    }

.questions__title {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700
}

.questions__items {
    counter-reset: questions-item;
    list-style: none;
    margin: 0;
    padding: 0
}

.questions__item {
    padding: 0;
    margin: 0 0 24px;
    counter-increment: questions-item
}

    .questions__item:last-child {
        margin-bottom: 0
    }

.questions__item-question:before {
    font-weight: 700;
    content: counter(questions-item) ".";
    margin-right: 8px
}

.questions__item-question, .questions__item-answer {
    display: block
}

.questions__item-answer {
    margin-top: 4px
}

    .questions__item-answer:before {
        content: attr(data-prefix) ":";
        margin-right: 8px;
        font-weight: 700
    }

.divider-section {
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    padding: 30px 0;
    margin: 30px 0
}

    .divider-section:first-child {
        margin-top: 0
    }

    .divider-section:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

    .divider-section + .divider-section {
        border-top: 0;
        padding-top: 0
    }

@media (min-width:768px) {
    .divider-section {
        margin: 50px 0;
        padding: 50px 0
    }
}

.divider-section--subsection {
    border: 0;
    padding: 0
}

.divider-section--no-top {
    border-top: none;
    padding-top: 0
}

.divider-section__title {
    margin-top: 0;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .divider-section__title {
        margin-bottom: 25px
    }
}

.divider-section p:last-child {
    margin-bottom: 0
}

@media (max-width:768px) {
    body.filter--is-active {
        overflow-y: hidden
    }
}

.filter {
    position: relative
}

@media (min-width:768px) {
    .filter:before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
        content: "";
        opacity: 0;
        background-color: #fff;
        visibility: hidden;
        transition: opacity .2s ease,visibility 0s linear .2s;
        z-index: 1
    }

    .filter--submit-in-progress {
        cursor: progress;
        user-select: none
    }

        .filter--submit-in-progress:before {
            opacity: .8;
            visibility: visible;
            transition: opacity .2s ease,visibility 0s linear 0s
        }
}

@media (max-width:768px) {
    .filter {
        display: none
    }

        .filter.filter--is-ready {
            display: block
        }

        .filter.filter--is-active {
            top: 0;
            margin-top: 0;
            bottom: 0
        }

    .search-overlay--is-active .filter {
        display: none
    }
}

@media (max-width:768px) {
    .filter__wrapper {
        z-index: 23;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translateX(-100%);
        overflow: hidden;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        transition: transform .2s ease
    }

    .filter--is-active .filter__wrapper {
        transform: none
    }
}

.filter__header {
    margin-bottom: 20px
}

@media (max-width:768px) {
    .filter__header {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        flex-shrink: 0;
        position: relative;
        margin: 0;
        padding: 15px;
        box-shadow: 0 2px 3px 0 rgba(198,198,198,.5)
    }

        .filter__header:last-child {
            padding-bottom: 20px
        }
}

@media (max-width:768px) {
    .filter__main {
        flex-grow: 1;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 20px
    }
}

.filter__options {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

@media (min-width:768px) {
    .filter__options {
        margin-top: 10px
    }

    .filter--is-ready .filter__options {
        display: none
    }
}

@media (min-width:768px) {
    .filter__open {
        display: none
    }
}

@media (min-width:768px) {
    .filter__close {
        display: none
    }
}

.filter__close--compact {
    border-radius: 32px;
    padding: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center
}

    .filter__close--compact svg {
        display: inline-block;
        color: currentColor;
        height: 14px;
        margin: 0;
        width: 14px
    }

@media (max-width:768px) {
    .filter__submit {
        border-radius: 0;
        padding: 14px 14px 12px
    }
}

.filter__title {
    font-weight: 700;
    font-size: 14px;
    margin: 0
}

@media (max-width:768px) {
    .filter__title {
        flex-grow: 1;
        text-align: center;
        padding-left: 30px
    }
}

@media (min-width:768px) {
    .filter__title {
        font-size: 20px;
        margin-bottom: 0
    }
}

.filter__amount-indicator {
    position: relative;
    display: inline-block;
    left: 3px;
    margin-left: 6px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    background-color: #eeac3f;
    color: #fff
}

.filter__section {
    margin: 40px 0
}

    .filter__section:first-child {
        margin-top: 0
    }

    .filter__section:last-child {
        margin-bottom: 0
    }

@media (min-width:768px) {
    .filter__section {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.filter__form form fieldset.form-item {
    margin: 0
}

.filter__form .form-actions {
    display: none
}

.filter label.filter__section-label, .filter__section-title, .filter__section .fieldset-legend {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

    .filter__section-title label {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        margin: 0
    }

.filter__list {
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    padding: 15px 0
}

.filter__list--no-collapse {
    border: 0;
    padding: 0;
    margin: 15px 0
}

.filter__list-toggle {
    display: none;
    position: relative;
    text-align: left;
    width: 100%;
    color: #2c406f;
    font-size: 14px;
    padding-right: 14px;
    cursor: pointer
}

.filter__list-toggle--is-ready {
    display: block
}

.filter__list--no-collapse .filter__list-toggle {
    display: none
}

.filter__list-toggle svg {
    position: absolute;
    fill: #747474;
    transition: transform .2s ease;
    right: 0;
    top: 50%;
    margin-top: -5px;
    height: 11px;
    width: 9px
}

.filter__list--is-expanded .filter__list-toggle svg {
    transform: rotate(90deg)
}

.filter__section--has-mutated .filter__list-initial-filter {
    display: none
}

.filter__list-initial-filter, .filter__section--has-mutated .filter__list--is-expanded .filter__list-initial-filter {
    display: inline
}

.filter__section--has-mutated .filter__list-defined-filter {
    display: inline
}

.filter__list-defined-filter, .filter__section--has-mutated .filter__list--is-expanded .filter__list-defined-filter {
    display: none
}

.filter__list-items {
    list-style: none;
    margin: 0;
    padding: 0
}

.filter__section--is-ready .filter__list-items {
    margin: 10px 0
}

    .filter__section--is-ready .filter__list-items:first-child {
        margin-top: 0
    }

    .filter__section--is-ready .filter__list-items:last-child {
        margin-bottom: 0
    }

.filter--is-ready .filter__list:not(.filter__list--no-collapse) .filter__list-items {
    display: none
}

.filter--is-ready .filter__list--is-expanded:not(.filter__list--no-collapse) .filter__list-items {
    display: block
}

.filter__list-items .form-item label {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.filter__list-items .form-item input[type=checkbox] ~ label {
    font-weight: 300
}

.filter__input {
    margin-bottom: 18px;
    position: relative
}

    .filter__input:last-child {
        margin-bottom: 0
    }

    .filter__input input[type=text] {
        padding: 14px 14px 12px;
        width: 100%
    }

.js-tmp .filter__input button {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.filter__input button {
    background: #fff;
    border-radius: 4px;
    bottom: 1px;
    color: #2c406f;
    font-size: inherit;
    font-weight: 400;
    position: absolute;
    top: 1px;
    transition: all .2s ease;
    right: 1px
}

    .filter__input button:hover {
        background: #fff;
        color: #2c406f;
        padding-top: 3px
    }

html.js .filter__input button {
    opacity: 0;
    padding-right: 12px;
    pointer-events: none
}

    html.js .filter__input button.js-show {
        opacity: 1;
        padding-right: 14px;
        pointer-events: auto
    }

.filter__list-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 8px 0
}

    .filter__list-item:first-child {
        margin-top: 0
    }

    .filter__list-item:last-child {
        margin-bottom: 0
    }

.filter__list-item-field {
    flex-grow: 1
}

    .filter__list-item-field a {
        display: flex;
        padding: 3px 0;
        text-decoration: none;
        transition: transform .2s ease-in-out;
        flex-wrap: nowrap;
        align-items: center
    }

.filter__list-item-count {
    color: #747474;
    font-size: 14px;
    font-weight: 300;
    flex-shrink: 0
}

.filter__helper {
    display: none
}

@media (min-width:768px) {
    .filter__helper {
        display: block
    }
}

.filter__progress-indicator {
    display: none;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out,visibility 0s linear .2s;
    z-index: 2
}

@media (min-width:768px) {
    .filter__progress-indicator {
        display: flex;
        align-items: center;
        flex-direction: column
    }
}

.filter--submit-in-progress .filter__progress-indicator {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease-in-out,visibility 0s linear
}

.filter__progress-indicator:before {
    display: block;
    content: " ";
    width: 32px;
    height: 32px;
    border: solid 6px #2c406f;
    border-top-color: transparent;
    animation: 1s linear infinite rotate;
    border-radius: 50%;
    margin-bottom: 15px
}

.filter__progress-indicator-label {
    display: block;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    text-align: center
}

.filter .active-filters {
    display: block;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .filter .active-filters {
        display: none
    }
}

.gender-statistics {
    position: relative;
    margin: 18px auto;
    max-width: 750px;
    width: 100%
}

@media (min-width:768px) {
    .gender-statistics {
        margin: 36px auto
    }
}

.gender-statistics__items {
    display: flex;
    align-items: center
}

.gender-statistics__item {
    text-align: center;
    font-size: 14px;
    min-width: 48px
}

@media (min-width:576px) {
    .gender-statistics__item {
        font-size: 17px
    }
}

.gender-statistics__item:nth-child(odd) {
    order: 1;
    margin-right: 16px
}

@media (min-width:576px) {
    .gender-statistics__item:nth-child(odd) {
        margin-right: 32px
    }
}

.gender-statistics__item:nth-child(even) {
    order: 3;
    margin-left: 16px
}

@media (min-width:576px) {
    .gender-statistics__item:nth-child(even) {
        margin-left: 32px
    }
}

.gender-statistics__item-value {
    font-weight: 700
}

.gender-statistics__item-label {
    display: block
}

.gender-statistics__bars {
    order: 2;
    display: none;
    flex-grow: 1;
    justify-content: space-between;
    flex-wrap: nowrap
}

.gender-statistics--is-ready .gender-statistics__bars {
    display: flex
}

.gender-statistics__bar-template {
    display: none
}

.gender-statistics__bar {
    margin: auto 8px;
    width: 16px;
    position: relative
}

@media (min-width:576px) {
    .gender-statistics__bar {
        width: 24px
    }
}

.gender-statistics__bar:first-child {
    margin-left: 0
}

.gender-statistics__bar:last-child {
    margin-right: 0
}

.gender-statistics__bar:before {
    content: " ";
    display: block;
    padding-top: 360.869565217%
}

.gender-statistics__bar-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    fill: #d1d1d1
}

.gender-statistics__bar-wrapper--orange {
    fill: #eeac3f
}

.gender-statistics__bar-wrapper--blue {
    fill: #3370b7
}

.gender-statistics__bar-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: inherit
}

.generation-statistics {
    position: relative;
    margin: 12px 0
}

@media (min-width:768px) {
    .generation-statistics {
        margin: 24px 0
    }
}

.generation-statistics__items-wrapper {
    overflow: hidden
}

@media (max-width:768px) {
    .container .generation-statistics__items-wrapper {
        padding-left: 20px;
        margin-left: -20px;
        padding-right: 20px;
        margin-right: -20px
    }
}

.generation-statistics__items {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

    .generation-statistics__items.slick-initialized {
        display: block
    }

    .generation-statistics__items .slick-list {
        overflow: visible
    }

.generation-statistics__item-wrapper {
    flex-shrink: 0
}

.generation-statistics__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 12px
}

.slick-slider .generation-statistics__item {
    opacity: .6;
    transition: opacity .2s ease-in-out
}

.slick-active .generation-statistics__item {
    opacity: 1
}

.generation-statistics__item-value {
    font-weight: 700;
    margin-bottom: 8px
}

.generation-statistics__item-label, .generation-statistics__item-value {
    text-align: center;
    width: 100%
}

.generation-statistics .generation-statistics__chart {
    margin: 12px auto;
    width: 100%;
    max-width: 48px;
    opacity: .6
}

@media (min-width:768px) {
    .generation-statistics .generation-statistics__chart {
        max-width: 72px
    }
}

.generation-statistics__controls {
    display: flex;
    padding: 15px 15px 0
}

.generation-statistics__button {
    display: none;
    padding: 8px 16px;
    background-color: #f1f1f1;
    border-radius: 3px;
    cursor: pointer
}

    .generation-statistics__button.slick-disabled {
        cursor: not-allowed;
        background-color: transparent
    }

    .generation-statistics__button.slick-arrow:not(.slick-hidden) {
        display: block
    }

.generation-statistics__button--prev {
    margin-right: auto
}

.generation-statistics__button--next {
    margin-left: auto
}

.generation-statistics__button-icon {
    display: block;
    fill: #474747;
    width: 9px;
    height: 11px
}

.generation-statistics__button--prev .generation-statistics__button-icon {
    transform: rotate(180deg)
}

.slick-disabled .generation-statistics__button-icon {
    fill: #d1d1d1
}

.group-recommendations {
    position: relative;
    background: #fdf6eb;
    padding: 20px;
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #2d2d2d;
    font-size: 13px
}

@media (min-width:576px) {
    .group-recommendations {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.group-recommendations:first-child {
    margin-top: 0
}

.group-recommendations:last-child {
    margin-bottom: 0
}

.group-recommendations__title {
    margin-bottom: 10px;
    font-size: 14px
}

.group-recommendations__introduction {
    color: #747474
}

    .group-recommendations__introduction a {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out;
        color: #285992
    }

        .group-recommendations__introduction a:hover, .group-recommendations__introduction a:focus {
            padding-bottom: 2px
        }

.group-recommendations__section, .group-recommendations__item {
    padding: 0;
    margin: 15px 0
}

    .group-recommendations__section:first-child, .group-recommendations__item:first-child {
        margin-top: 0
    }

    .group-recommendations__section:last-child, .group-recommendations__item:last-child {
        margin-bottom: 0
    }

.group-recommendations__label {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 14px
}

.group-recommendations__items {
    list-style: none;
    margin: 0;
    padding: 0
}

.group-recommendations__item {
    display: flex;
    align-items: baseline
}

    .group-recommendations__item + .group-recommendations__item {
        padding-top: 15px;
        border-top: solid 1px #d1d1d1
    }

.group-recommendations__item-content {
    margin-right: auto
}

.group-recommendations__item-link {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out
}

    .group-recommendations__item-link:hover, .group-recommendations__item-link:focus {
        padding-bottom: 2px
    }

.group-recommendations__item-button {
    margin-left: 15px;
    flex-shrink: 0
}

.group-recommendations__more-information {
    margin-top: 25px;
    color: #747474
}

    .group-recommendations__more-information a {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out;
        color: #285992
    }

        .group-recommendations__more-information a:hover, .group-recommendations__more-information a:focus {
            padding-bottom: 2px
        }

    .group-recommendations__more-information p:last-child {
        margin-bottom: 0
    }

.hamburger {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin-right: 5px;
    position: relative;
    width: 22px
}

@media (max-width:768px) {
    .hamburger {
        margin-right: 0
    }
}

.hamburger__inner {
    background-color: #fff;
    border-bottom-right-radius: 4px;
    height: 2px;
    position: absolute;
    width: 22px;
    display: block;
    margin-top: -2px;
    top: 50%;
    transition-property: transform;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger__inner:before {
        background-color: #fff;
        border-bottom-right-radius: 4px;
        height: 2px;
        position: absolute;
        width: 22px;
        content: "";
        display: block;
        top: -7px;
        transition: top .1s .12s ease,opacity .1s ease
    }

    .hamburger__inner:after {
        background-color: #fff;
        border-bottom-right-radius: 4px;
        height: 2px;
        position: absolute;
        width: 22px;
        content: "";
        display: block;
        bottom: -7px;
        transition: bottom .1s .15s ease,transform .1s cubic-bezier(.55,.055,.675,.19)
    }

.js-active .hamburger__inner {
    border-top-left-radius: 4px;
    transform: rotate(45deg);
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .js-active .hamburger__inner:before {
        top: 0;
        opacity: 0;
        transition: top .1s ease,opacity .1s .15s ease
    }

    .js-active .hamburger__inner:after {
        border-top-left-radius: 4px;
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom .1s ease,transform .1s .15s cubic-bezier(.215,.61,.355,1)
    }

@media (min-width:768px) {
    .heading-with-button {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 17px 0 4px
    }
}

@media (min-width:768px) {
    .heading-with-button__title {
        margin: 0 16px 0 0
    }
}

.heading-with-button__button {
    flex-shrink: 0
}

.hyperlink-card {
    position: relative;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.09);
    user-select: none;
    padding: 13px 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-grow: 1
}

    .hyperlink-card[href]:hover {
        box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.1)
    }

.hyperlink-card__main {
    flex-grow: 1
}

.hyperlink-card__arrow {
    flex-shrink: 0;
    fill: #747474;
    height: 11px;
    margin-top: 2px;
    margin-left: 10px;
    transition: fill .2s ease;
    width: 10px
}

.hyperlink-card h3 {
    font-weight: 700;
    margin: 0 0 0 1px
}

.hyperlink-card p {
    color: #747474;
    font-size: 14px;
    margin: 0
}

.image-block {
    margin-bottom: 46px
}

    .image-block .image {
        border-radius: 4px;
        border: solid 1px #d1d1d1;
        margin: 8px 0 11px;
        overflow: hidden
    }

        .image-block .image img {
            display: block;
            margin: 0 auto
        }

.impressum {
    display: flex;
    flex-direction: column;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.12);
    background-color: #fff;
    text-align: center;
    justify-content: center;
    flex-shrink: 0
}

.impressum__icon {
    width: 100%;
    height: 100%
}

.impressum__image-wrapper {
    width: 80px;
    height: 80px;
    margin: 20px auto;
    border-radius: 50%;
    overflow: hidden
}

    .impressum__image-wrapper:first-child {
        margin-top: 0
    }

    .impressum__image-wrapper:last-child {
        margin-bottom: 0
    }

    .impressum__image-wrapper img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover
    }

.impressum__description p {
    font-size: 14px;
    margin: 15px 0 0
}

.initiators {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 32px
}

@media (min-width:576px) {
    .initiators {
        margin-top: 16px
    }
}

@media (min-width:992px) {
    .initiators {
        margin-top: 0
    }
}

.initiators h2 {
    color: inherit;
    text-align: center;
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: inherit
}

@media (min-width:576px) {
    .initiators h2 {
        text-align: inherit;
        width: auto;
        margin: 0 13px 0 0
    }
}

.initiators ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center
}

.initiators li {
    margin: 16px 9px 21px
}

    .initiators li:last-child {
        margin-right: 0
    }

.initiators svg {
    display: block
}

.initiators .logo-kwf-samenmet {
    width: 113px;
    height: 60px
}

.initiators span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.inline-dropdown {
    position: relative;
    font-weight: 300
}

.inline-dropdown--is-fluid {
    display: inline-block
}

    .inline-dropdown--is-fluid a {
        font-weight: 700;
        text-decoration: underline
    }

@media (max-width:576px) {
    .inline-dropdown--mobile-optimized:before {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        opacity: 0;
        visibility: hidden;
        content: " ";
        background-color: rgba(0,0,0,.8);
        z-index: 751
    }

    .inline-dropdown--mobile-optimized.inline-dropdown--is-ready:before {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease-in-out 0ms,visibility 0ms linear .2s
    }

    .inline-dropdown--mobile-optimized.inline-dropdown--is-ready.inline-dropdown--is-expanded:before {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: opacity .2s ease-in-out 0ms,visibility 0ms linear 0ms
    }
}

.inline-dropdown__toggle-wrapper {
    display: none
}

.inline-dropdown--is-ready .inline-dropdown__toggle-wrapper {
    display: block
}

.inline-dropdown__panel-wrapper {
    display: none;
    z-index: 751
}

.inline-dropdown--is-ready .inline-dropdown__panel-wrapper {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    transition: opacity .2s ease-in-out 0ms,transform .2s ease-in-out 0ms,visibility 0ms linear .2s
}

@media (min-width:576px) {
    .inline-dropdown--is-ready .inline-dropdown__panel-wrapper {
        max-width: 270px
    }
}

@media (min-width:768px) {
    .inline-dropdown--is-ready.inline-dropdown--is-fluid .inline-dropdown__panel-wrapper {
        max-width: 300px
    }
}

.inline-dropdown--is-ready.inline-dropdown--is-fluid .inline-dropdown__panel-wrapper {
    width: auto
}

@media (max-width:576px) {
    .inline-dropdown--is-ready.inline-dropdown--mobile-optimized .inline-dropdown__panel-wrapper {
        position: fixed;
        top: auto;
        bottom: 0;
        transform: translateY(20px)
    }
}

.inline-dropdown--aligns-from-right .inline-dropdown__panel-wrapper {
    right: 0;
    left: auto
}

.inline-dropdown--is-ready.inline-dropdown--is-expanded .inline-dropdown__panel-wrapper {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity .2s ease-in-out 0ms,transform .2s ease-in-out 0ms,visibility 0ms linear 0ms
}

.inline-dropdown__panel-wrapper-tip {
    position: absolute;
    bottom: 100%;
    margin-bottom: -1px;
    display: none;
    left: 0;
    width: 12px;
    height: 8px;
    overflow: hidden
}

    .inline-dropdown__panel-wrapper-tip:before {
        position: absolute;
        display: block;
        content: " ";
        width: 10px;
        height: 10px;
        top: 50%;
        left: 50%;
        transform: rotate(45deg);
        background-color: #fdf6eb;
        border: 1px solid rgba(0,0,0,.05);
        margin-left: -5px
    }

.inline-dropdown--is-fluid .inline-dropdown__panel-wrapper-tip {
    display: block
}

.inline-dropdown__panel-wrapper-tip[style*=left] {
    transform: translateX(-50%)
}

.inline-dropdown__close {
    cursor: pointer;
    color: #474747
}

    .inline-dropdown__close .icon--close-sm {
        fill: currentColor;
        width: 16px;
        height: 16px
    }

@media (min-width:768px) {
    .inline-dropdown--is-disabled-for-desktop .inline-dropdown__helper {
        display: none
    }
}

.inline-notices {
    display: flex;
    margin-right: 10px
}

.inline-notice {
    padding: 5px 6px 4px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 10px;
    color: #2c406f;
    background: #d5e2f0;
    user-select: none;
    white-space: nowrap;
    margin: 0 10px 10px 0;
    position: relative;
    top: -.2em;
    letter-spacing: .5px
}

    .inline-notice:only-child {
        margin: 0
    }

.knl-charts {
    box-sizing: border-box;
    max-width: 800px;
    margin: 32px 0
}

.knl-charts__title {
    font-size: 120%;
    margin: 0 0 16px
}

.knl-disclaimer {
    color: #2d2d2d;
    margin-bottom: 0;
    margin-top: 16px;
    text-align: right;
    font-size: 80%
}

.knl-disclaimer__image {
    width: 50px;
    display: inline-block;
    margin-bottom: 8px
}

.landing-page-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 42px
}

.landing-page-header__title {
    margin-bottom: 10px;
    text-align: center
}

@media (min-width:768px) {
    .landing-page-header__title {
        margin-top: 75px
    }
}

.is-front .landing-page-header__title {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.landing-page-header__subtitle {
    margin: 0 auto;
    max-width: 750px;
    text-align: center
}

@media (min-width:768px) {
    .landing-page-header__subtitle {
        font-size: 19px;
        line-height: 30px
    }

    .is-front .landing-page-header__subtitle {
        margin-top: 75px
    }
}

.landing-page-header__hero {
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 30px;
    order: -1;
    background-color: #f1f1f1
}

.landing-page-header--bibliotheek .landing-page-header__hero {
    background-color: #eaf0f7
}

.landing-page-header--ervaringen-van-anderen .landing-page-header__hero {
    background-color: #fdf6eb
}

.landing-page-header--hulp-en-ondersteuning .landing-page-header__hero {
    background-color: #ede9f3
}

@media (min-width:768px) {
    .landing-page-header__hero {
        border-bottom-right-radius: 60px
    }
}

.landing-page-header__hero img {
    border-bottom-right-radius: inherit;
    position: absolute;
    top: 0;
    order: -1;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    user-select: none
}

@media (max-width:768px) {
    .landing-page-header--has-searchform .landing-page-header__hero img {
        display: none
    }
}

.landing-page-header__hero-wrapper {
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 200%;
    flex-direction: row-reverse
}

@media (max-width:768px) {
    .landing-page-header--has-searchform .landing-page-header__hero-wrapper {
        width: 100%
    }
}

.landing-page-header__hero-push {
    display: block;
    position: relative;
    overflow: hidden;
    max-height: 420px;
    width: 50%
}

    .landing-page-header__hero-push:before {
        display: block;
        padding-top: 30%;
        content: " "
    }

@media (max-width:768px) {
    .landing-page-header--has-searchform .landing-page-header__hero-push {
        display: none
    }
}

.landing-page-header__hero-content {
    position: relative;
    width: 50%;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width:768px) {
    .landing-page-header--has-searchform .landing-page-header__hero-content {
        width: 100%
    }
}

.landing-page-header > .container {
    background: #fff
}

.link-block {
    margin: 30px 0
}

    .link-block > div:not([class]), .link-block > a, .link-block > button {
        width: 100%;
        color: #474747;
        background-color: #f4f5f9;
        border-radius: 8px;
        display: flex;
        height: 100%;
        padding: 35px 30px;
        position: relative;
        text-decoration: none;
        text-align: inherit;
        flex-direction: column
    }

@media (min-width:576px) {
    .link-block > div:not([class]), .link-block > a, .link-block > button {
        flex-direction: row
    }
}

.link-block > div:not([class]) *:last-child, .link-block > a *:last-child, .link-block > button *:last-child {
    margin-bottom: 0
}

.link-block > button {
    appearance: none;
    border: none
}

.link-block.link-block--has-custom-image > a {
    padding: 30px 20px
}

.link-block__main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    color: #223259;
    width: 100%
}

.link-block__main-header {
    display: flex;
    margin-bottom: 15px
}

.link-block__aside {
    flex-shrink: 0;
    padding-top: 0;
    padding-bottom: 20px
}

@media (min-width:576px) {
    .link-block__aside {
        padding-bottom: 0;
        padding-right: 30px
    }
}

.link-block__icon {
    display: block;
    height: 29px;
    width: 28px;
    margin-right: 20px;
    fill: #2c406f
}

.link-block__image {
    position: relative;
    width: 100px;
    border-radius: 50%;
    overflow: hidden
}

    .link-block__image:before {
        padding-top: 100%;
        content: " ";
        display: block
    }

    .link-block__image img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.link-block .user__image {
    position: relative;
    top: auto;
    left: auto;
    width: 28px;
    height: 28px;
    margin-right: 20px
}

.link-block__title {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: currentColor
}

.link-block__tag {
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-left: 2px;
    padding: 5px 4px 2px;
    text-transform: uppercase;
    vertical-align: 2px
}

.link-block__description {
    margin-bottom: 15px
}

.link-block--download .link-block__icon {
    fill: #d60024
}

.link-block--download .link-block__tag {
    box-shadow: none;
    background: #d60024
}

.link-block--hyperlink .link-block__icon {
    fill: #3370b7
}

.link-block__more {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-top: 10px;
    margin-left: auto;
    color: #3370b7;
    font-weight: 700
}

    .link-block__more svg {
        flex-shrink: 0;
        margin-left: 8px;
        height: 11px;
        fill: currentColor;
        width: 18px
    }

@media (min-width:992px) {
    .link-block-wrapper {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap
    }
}

.link-block-wrapper .link-block {
    margin: 0 0 30px
}

@media (max-width:992px) {
    .link-block-wrapper .link-block {
        width: 100%
    }

        .link-block-wrapper .link-block:first-child:not(:last-child) {
            margin-bottom: 17px
        }
}

@media (min-width:992px) {
    .link-block-wrapper .link-block {
        flex: 1 1 calc(50% - 15px);
        max-width: calc(50% - 15px)
    }

        .link-block-wrapper .link-block:first-child:last-child {
            max-width: 50%
        }
}

.search-results__tips .link-block-wrapper .link-block {
    flex-grow: 1
}

@media (min-width:992px) {
    .link-block-wrapper .link-block:nth-child(even) {
        margin-left: 30px
    }
}

.link-block-wrapper .link-block__description {
    font-size: 14px;
    margin: -2px 0 0
}

.linked-image {
    display: block
}

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

.links-block {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    font-size: .875rem;
    line-height: 2
}

.links-block__title {
    margin-bottom: .5rem;
    font-weight: 400
}

.links-block__items {
    margin: 0;
    padding: 1.5rem 1.125rem;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    box-shadow: 0 0 6px 0 #d1d1d1;
    background-color: #fff;
    list-style: none
}

.links-block__item:not(:last-child) {
    margin-bottom: .75rem
}

.links-block__link {
    display: inline-flex;
    align-items: center;
    text-decoration: none
}

    .links-block__link:hover {
        text-decoration: none
    }

        .links-block__link:hover .links-block__item-label {
            text-decoration: underline
        }

.links-block__icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 39px;
    height: 39px;
    margin-right: .75rem;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 50%
}

    .links-block__icon svg {
        max-width: 21px;
        max-height: 21px;
        fill: #2c406f
    }

    .links-block__icon .user__image {
        width: 100%;
        height: 100%;
        margin: 0
    }

.links-block__item-label svg {
    position: relative;
    top: 4px;
    width: 21px;
    height: 16px;
    margin-left: 1rem;
    fill: #285992
}

.messages {
    display: flex;
    width: 100%;
    max-width: 1050px;
    margin: 2rem auto;
    padding: 1rem;
    border-radius: 8px;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5
}

@media (max-width:576px) {
    .messages {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }
}

.layout-builder__message--overrides .messages {
    background-image: none
}

.messages--info {
    background-color: #eaf0f7
}

.messages--status {
    background: rgba(28,125,31,.08)
}

.messages--warning {
    background-color: #fdf6eb
}

.messages--error {
    background-color: #feeeef
}

.messages .panel {
    padding: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent
}

.messages__icon {
    flex-shrink: 0;
    align-self: center;
    margin-right: 1rem
}

    .messages__icon .icon-check {
        width: 18px;
        height: 16px
    }

    .messages__icon .icon-information--filled {
        width: 26px;
        height: 26px;
        fill: #3370b7
    }

        .messages__icon .icon-information--filled.warning {
            fill: #eeac3f;
            transform: rotate(180deg)
        }

    .messages__icon .crossbar__icon.icon-close-md {
        width: 25px;
        height: 25px;
        fill: #d60024
    }

.messages__content {
    flex-grow: 1;
    overflow: auto
}

    .messages__content a {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out
    }

        .messages__content a:hover, .messages__content a:focus {
            padding-bottom: 2px
        }

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

.messages__item {
    margin-top: 1rem;
    padding-left: 35px;
    position: relative
}

    .messages__item svg {
        position: absolute;
        top: 1px;
        left: 0;
        width: 25px;
        height: 16px;
        fill: #2c406f
    }

.messages--error .messages__item svg {
    fill: #e0081a
}

.messages__close {
    flex-shrink: 0;
    margin-left: .5rem
}

    .messages__close .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 1px solid #d1d1d1;
        border-radius: 50%;
        background-color: #fff
    }

    .messages__close .crossbar__icon.icon-close-md {
        width: 14px;
        height: 14px
    }

.meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: .75rem;
    column-gap: 2.5rem;
    font-size: .875rem
}

.meta--bullets {
    margin-left: -20px
}

.page-header > h1 + .meta {
    margin-top: -12px
}

.specialist-block .meta {
    margin-bottom: -11px
}

.meta__item {
    align-items: flex-start;
    display: flex;
    margin: 0
}

.meta--bullets .meta__item {
    margin-bottom: 8px;
    margin-left: 20px;
    padding-left: 14px;
    position: relative;
    z-index: 0
}

    .meta--bullets .meta__item:before {
        background: #d1d1d1;
        border-radius: 0 0 3px;
        content: "";
        height: 6px;
        left: 0;
        position: absolute;
        top: 8px;
        transition: background .2s ease;
        width: 6px
    }

.meta__item > div {
    display: inline
}

.meta__icon {
    flex-shrink: 0;
    height: 17px;
    margin-right: 12px;
    margin-top: 3px;
    width: 18px
}

.meta .icon--heart {
    height: 16px
}

html[class*=-js--modal--is-visible] body {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    z-index: 750
}

    .modal:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,.9);
        content: " ";
        display: none;
        will-change: visibility,opacity
    }

.modal--is-ready {
    display: flex;
    transform: none;
    transition: transform 0ms linear 0ms
}

    .modal--is-ready:before {
        display: block;
        opacity: 1;
        visibility: visible;
        transition: opacity .2s ease-in-out 0ms,visibility 0ms linear 0ms
    }

    .modal--is-ready[aria-hidden=true] {
        transform: translateY(-100%);
        transition: transform 0ms linear .2s
    }

        .modal--is-ready[aria-hidden=true]:before {
            opacity: 0;
            visibility: hidden;
            transition: opacity .2s ease-in-out 0ms,visibility 0ms linear .2s
        }

.modal__wrapper {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0;
    display: flex;
    will-change: visibility,opacity
}

@media (min-width:768px) {
    .modal__wrapper {
        padding: 20px 40px
    }
}

.modal--is-ready[aria-hidden=true] .modal__wrapper {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out 0ms,visibility 0ms linear .2s
}

.modal--is-ready .modal__wrapper {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease-in-out 0ms,visibility 0ms linear 0ms
}

.modal__panel {
    max-width: 750px;
    display: flex;
    flex-direction: column;
    margin: auto;
    background-color: #fff;
    transition: .2s ease-in-out 50ms;
    transition-property: box-shadow,transform;
    will-change: transform,box-shadow;
    width: 100%;
    min-height: 100vh;
    min-height: calc(100vh - env(safe-area-inset-bottom));
    min-height: -webkit-fill-available
}

.modal--will-shake .modal__panel {
    animation: modal-shake .6s linear
}

.modal--is-ready .modal__panel {
    transform: none;
    box-shadow: 0 16px 24px 0 rgba(0,0,0,.4);
    transition-delay: 0s
}

.modal--is-ready[aria-hidden=true] .modal__panel {
    box-shadow: none;
    transform: translateY(-5vh)
}

@media (min-width:768px) {
    .modal__panel {
        min-height: 45vh
    }
}

.companions-modal .modal__panel, .blog-modal .modal__panel, .blog-post-modal .modal__panel {
    overflow-y: auto;
    min-height: auto;
    max-height: 100svh
}

@media (min-width:768px) {
    .companions-modal .modal__panel, .blog-modal .modal__panel, .blog-post-modal .modal__panel {
        max-height: calc(100svh - 20px - 20px)
    }
}

.popup-modal .modal__panel {
    max-width: 700px;
    box-shadow: 0 4px 40px 0 rgba(96,96,96,.1607843137);
    background-color: #eaf0f7;
    color: #2c406f;
    text-align: center
}

@media (min-width:768px) {
    .popup-modal .modal__panel {
        text-align: left
    }
}

.modal__panel-header {
    padding: 12px 24px 10px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    border-bottom: solid 1px #f1f1f1;
    position: sticky;
    top: 0;
    background-color: rgba(255,255,255,.95);
    z-index: 751
}

@media (min-width:768px) {
    .modal__panel-header {
        top: -20px
    }
}

.companions-modal .modal__panel-header {
    top: 0;
    box-shadow: 0 0 4px rgba(0,0,0,.1)
}

.blog-modal .modal__panel-header, .blog-post-modal .modal__panel-header {
    top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d1d1d1
}

.popup-modal .modal__panel-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 0;
    background-color: transparent
}

.modal__panel-header-before, .modal__panel-header-after {
    flex-shrink: 0;
    display: flex
}

.modal__panel-header-title {
    margin: 0 auto;
    user-select: none;
    padding: 0 8px;
    font-weight: 700;
    font-size: .75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

@media (min-width:372px) {
    .modal__panel-header-title {
        font-size: .875rem
    }
}

.blog-modal .modal__panel-header-title, .blog-post-modal .modal__panel-header-title {
    font-size: .875rem
}

@media (min-width:768px) {
    .blog-modal .modal__panel-header-title, .blog-post-modal .modal__panel-header-title {
        font-size: 1.0625rem
    }
}

.modal__toggle {
    padding: 8px 12px;
    border: none;
    border: solid 1px #d1d1d1;
    appearance: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #2c406f;
    cursor: pointer;
    border-radius: 4px;
    background-color: #fff
}

    .modal__toggle:hover, .modal__toggle:focus {
        background-color: #f1f1f1;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
        color: #474747
    }

    .modal__toggle.modal__back {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        padding: 0
    }

.blog-modal .modal__toggle.modal__back {
    width: 2rem;
    height: 2rem
}

.modal__toggle.modal__back svg {
    width: 7px
}

.modal__toggle.modal__close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0
}

    .modal__toggle.modal__close:after, .modal__toggle.modal__close:before {
        display: block;
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 54.5454545%;
        height: 2px;
        margin-left: -27.27272725%;
        margin-top: -1px;
        background-color: currentColor
    }

    .modal__toggle.modal__close:before {
        transform: rotate(-45deg)
    }

    .modal__toggle.modal__close:after {
        transform: rotate(45deg)
    }

.blog-modal .modal__toggle.modal__close, .blog-post-modal .modal__toggle.modal__close, .popup-modal .modal__toggle.modal__close {
    width: 2rem;
    height: 2rem
}

    .blog-modal .modal__toggle.modal__close:after, .blog-modal .modal__toggle.modal__close:before, .blog-post-modal .modal__toggle.modal__close:after, .blog-post-modal .modal__toggle.modal__close:before, .popup-modal .modal__toggle.modal__close:after, .popup-modal .modal__toggle.modal__close:before {
        height: 1px
    }

.modal__toggle-label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.modal__panel-content {
    position: relative;
    padding: 12px 16px 0;
    flex-grow: 1;
    will-change: visibility,opacity
}

.modal--is-ready .modal__panel-content {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease-in-out 0ms,visibility 0ms linear 0ms
}

.modal--is-ready[aria-busy=true] .modal__panel-content {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out 0ms,visibility 0ms linear .2s
}

.modal__panel-content--left {
    flex-shrink: 0
}

@media (min-width:768px) {
    .modal__panel-content--right {
        padding-right: .5rem
    }
}

.companions-modal .modal__panel-content, .blog-modal .modal__panel-content {
    overflow-x: hidden;
    overflow-y: auto
}

.companions-modal .modal__panel-content {
    padding-top: 2rem;
    background-color: #fdf6eb;
    font-size: .875rem;
    line-height: 1.75rem
}

.blog-modal .modal__panel-content {
    padding: 2rem;
    background-color: #fdf6eb
}

.blog-post-modal .modal__panel-content, .blog-edit-modal .modal__panel-content {
    padding: 2rem;
    background-color: #eaf0f7
}

.popup-modal .modal__panel-content {
    padding-top: 0;
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .popup-modal .modal__panel-content {
        padding: 2rem
    }
}

.blog-modal .modal__panel-content a {
    color: #474747;
    font-weight: 700
}

@media (min-width:768px) {
    .modal__panel-inner {
        display: flex;
        align-items: center
    }
}

@media (min-width:768px) {
    .modal__panel-content-inner {
        display: flex;
        column-gap: 2.5rem;
        margin-top: 3.75rem
    }
}

.blog-edit-modal .modal__panel-content-inner {
    margin-top: 0
}

@media (min-width:768px) {
    .modal__panel-content-left {
        flex-shrink: 0;
        width: 240px;
        box-sizing: border-box
    }
}

@media (min-width:768px) {
    .modal__panel-content-right {
        flex-grow: 1;
        box-sizing: border-box
    }
}

.modal__panel-content-right input[type=text] {
    width: 100%
}

.modal__panel-content-right input[data-drupal-selector=edit-prev] {
    display: none
}

.modal__panel-title {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.875rem
}

.blog-modal .modal__panel-title {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center
}

.modal__panel-notice {
    margin-top: -.25rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1rem .75rem;
    border-radius: 4px;
    background-color: #ffedd0;
    font-size: 1.0625rem
}

.blog-modal .modal__panel-image {
    margin-bottom: 1.5rem;
    text-align: center
}

.popup-modal .modal__panel-image {
    margin-bottom: 2.5rem
}

@media (min-width:768px) {
    .popup-modal .modal__panel-image {
        margin-right: 2.5rem;
        margin-bottom: 0
    }
}

.blog-post-modal .modal__panel-image {
    flex-shrink: 0;
    margin-bottom: 0
}

.modal__panel-image img {
    border-radius: 50%
}

.blog-modal .modal__panel-image img {
    width: 224px;
    height: auto
}

.blog-post-modal .modal__panel-image img {
    width: 70px;
    height: auto;
    margin-right: 1.5rem
}

.popup-modal .modal__panel-image img {
    width: 154px;
    height: auto
}

@media (min-width:768px) {
    .popup-modal .modal__panel-image img {
        width: 240px
    }
}

.modal__panel-intro-title {
    margin-bottom: 1.5rem;
    font-weight: 700
}

.blog-modal .modal__panel-intro-title {
    font-size: 1.4375rem;
    line-height: 1.75rem
}

.blog-post-modal .modal__panel-intro-title {
    margin-bottom: .5rem;
    font-size: 1.0625rem;
    line-height: 1.35
}

@media (min-width:768px) {
    .blog-post-modal .modal__panel-intro-title {
        font-size: 1.4375rem;
        line-height: 1.22
    }
}

.blog-post-modal .modal__panel-intro-text {
    font-size: 1.0625rem;
    line-height: 1.65
}

.modal__panel-intro {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 26px;
    font-size: 1.0625rem
}

.blog-modal .modal__panel-intro {
    margin-bottom: 1.5rem;
    padding-bottom: 0;
    line-height: 1.71
}

.blog-post-modal .modal__panel-intro {
    display: flex;
    padding-bottom: 0
}

@media (min-width:768px) {
    .blog-post-modal .modal__panel-intro {
        margin-bottom: 2.5rem
    }
}

.modal__panel-intro:after {
    position: absolute;
    bottom: 0;
    left: 35px;
    display: block;
    width: calc(100% - 35px - 35px);
    height: 1px;
    background-color: #d1d1d1;
    content: ""
}

.blog-modal .modal__panel-intro:after, .blog-post-modal .modal__panel-intro:after {
    display: none
}

.blog-modal .modal__panel-intro {
    margin-bottom: 1.5rem;
    padding-bottom: 0
}

.popup-modal .modal__panel-intro {
    margin-bottom: 0;
    padding-bottom: 0
}

    .popup-modal .modal__panel-intro:after {
        display: none
    }

.modal__panel-subtitle {
    margin-bottom: .75rem;
    font-weight: 400
}

.modal__panel-sub-intro {
    margin-top: .5rem;
    font-size: .875rem;
    line-height: 1.75rem
}

.blog-modal .modal__panel-sub-intro {
    margin-top: 1.5rem;
    line-height: 1.5rem
}

.modal__panel-form .form label, .modal__panel-form .form .label, .modal__panel-form .form .fieldset-legend {
    margin-bottom: .5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.75rem
}

.blog-post-modal .modal__panel-form .form label, .blog-post-modal .modal__panel-form .form .label, .blog-post-modal .modal__panel-form .form .fieldset-legend {
    font-weight: 700;
    line-height: 1.5rem
}

.modal__panel-form .form .field--name-publish label, .modal__panel-form .form .field--name-keep-blog label {
    font-weight: 300
}

.modal__panel-form .form input:not(.blog-post-modal .modal__panel-form .form input) {
    border-radius: 4px
}

.modal__panel-form .form .form-submit:hover {
    background-color: #2c406f
}

.modal__panel-form .form .form-submit:disabled {
    background-color: #474747;
    cursor: auto
}

.modal__panel-form .form .form-submit:not(.blog-modal .modal__panel-form .form .form-submit):not(.blog-post-modal .modal__panel-form .form .form-submit) {
    position: sticky;
    bottom: 0;
    left: 0;
    margin-right: -16px;
    margin-left: -16px;
    width: calc(100% + 16px + 16px);
    height: 60px;
    background: #3370b7;
    border-radius: 0;
    font-weight: 700
}

@media (min-width:768px) {
    .blog-post-modal .modal__panel-form .form-wrapper {
        margin-bottom: 2.5rem
    }
}

.modal__panel-form .form-wrapper.field--name-publish {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.modal__panel-form fieldset {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    border: 0
}

    .modal__panel-form fieldset.checkboxes .fieldset-legend {
        margin-bottom: 0
    }

@media (max-width:768px) {
    .blog-modal .modal__panel-form fieldset:first-child {
        padding-top: 1.5rem;
        border-top: 1px solid #d1d1d1
    }
}

@media (min-width:768px) {
    .blog-modal .modal__panel-form .form-actions, .blog-post-modal .modal__panel-form .form-actions {
        width: 100%;
        text-align: right
    }
}

.blog-post-modal .modal__panel-form .form-actions {
    margin-bottom: 0
}

    .blog-modal .modal__panel-form .form-actions .button, .blog-post-modal .modal__panel-form .form-actions .button {
        margin: 0 0 0 .5rem
    }

@media (max-width:768px) {
    .blog-modal-concept .modal__panel-form .form-actions .button {
        margin-left: 0
    }
}

@media (max-width:768px) {
    .modal__panel-form .form-actions .button + .button, .modal__panel-form .form-actions .button + a {
        margin-top: 1rem
    }
}

@media (max-width:768px) {
    .blog-modal-concept .modal__panel-form .form-actions a {
        width: 100%;
        text-align: center
    }
}

@media (max-width:768px) {
    .blog-modal .modal__panel-form .form-submit {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        border-radius: 0
    }
}

@media (max-width:768px) {
    .blog-modal-concept .modal__panel-form .form-submit {
        position: relative
    }
}

.blog-post-modal .modal__panel-form .form-submit {
    color: #fff
}

.modal__panel-actions {
    margin-top: 1.5rem
}

@media (min-width:768px) {
    .modal__panel-actions {
        margin-top: 4rem;
        text-align: right
    }
}

.modal__throbber {
    display: none;
    display: inline-block !important;
    height: 24px;
    margin-left: 8px;
    padding: 0;
    vertical-align: middle;
    width: 24px;
    position: fixed;
    user-select: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .1s ease-in-out 0ms,visibility 0ms linear .1s
}

    .modal__throbber .throbber {
        background: 0 0;
        display: inline-block;
        padding: 0;
        position: relative
    }

        .modal__throbber .throbber:after {
            content: "";
            position: absolute;
            border-width: 3px;
            border-style: solid;
            border-color: transparent #2c406f #2c406f;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            top: 0;
            left: 0;
            animation: 1s linear infinite rotate;
            filter: drop-shadow(0 0 2 rgba(0,0,0,.33))
        }

    .modal__throbber .message {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

.modal--is-ready .modal__throbber {
    display: block
}

.modal--is-ready[aria-busy=true] .modal__throbber {
    opacity: 1;
    visibility: visible;
    transition: opacity .1s ease-in-out 0ms,visibility 0ms linear 0ms
}

@keyframes modal-shake {
    8%,41% {
        transform: translateX(-1em)
    }

    25%,58% {
        transform: translateX(1em)
    }

    75% {
        transform: translateX(-.5em)
    }

    92% {
        transform: translateX(.5em)
    }

    0%,100% {
        transform: translateX(0)
    }
}

.moderators {
    flex: 1;
    position: relative
}

    .moderators.js-dropdown-open .moderators__dropdown {
        display: block
    }

    .moderators.js-dropdown-open .moderators__header {
        border-radius: 8px 8px 0 0;
        box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.1)
    }

        .moderators.js-dropdown-open .moderators__header .arrow {
            transform: rotate(270deg)
        }

.moderators__header {
    align-items: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.09);
    border-radius: 8px;
    display: flex;
    padding: 13px 20px;
    transition: box-shadow .2s ease;
    user-select: none
}

.js-dropdown .moderators__header {
    cursor: pointer
}

    .js-dropdown .moderators__header:hover {
        box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.1)
    }

.moderators__header .arrow {
    fill: #747474;
    height: 11px;
    margin-top: 2px;
    transform: rotate(90deg);
    transition: fill .2s ease;
    width: 10px
}

.moderators__header div {
    flex: 1
}

.moderators__header h3 {
    font-weight: 700;
    margin: 0 0 0 1px
}

.moderators__header p {
    color: #747474;
    font-size: 14px;
    margin: 0
}

.moderators__dropdown {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.1);
    display: none;
    padding-top: 5px;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .moderators__dropdown:before {
        background: #fff;
        content: "";
        display: block;
        height: 1px;
        margin-top: -1px;
        position: absolute;
        top: 0;
        width: 100%
    }

.moderators__row {
    align-items: center;
    display: flex;
    padding: 7px 20px 8px
}

    .moderators__row .user__image--default {
        background: #3370b7
    }

.moderators__link {
    padding: 16px 20px 24px
}

.moderators__organisations {
    border-top: 1px solid #d1d1d1;
    font-size: 14px;
    margin: 0 20px 20px;
    padding-top: 22px
}

.moderators__row + .moderators__organisations {
    margin-top: 17px
}

.moderators__organisations p {
    margin-bottom: 10px
}

.moderators__organisations div {
    color: #3370b7;
    font-weight: 700
}

.moderators__organisation {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.my-blog-section {
    border-top: solid 1px #d1d1d1;
    margin-top: 24px;
    padding: 18px 0 11px
}

.my-blog-section__title {
    margin-bottom: 25px
}

.notification {
    background: #d60024;
    border-radius: 4px;
    color: rgba(255,255,255,.8);
    font-size: 16px;
    margin: 20px auto;
    max-width: 100%;
    padding: 22px 20px 20px;
    text-align: center;
    width: 850px;
    font-weight: 400
}

.notification__title {
    font-weight: 700;
    margin: 0;
    color: #fff
}

.options {
    align-self: flex-start;
    display: flex;
    justify-content: flex-end;
    margin: -3px 11px 0 0;
    position: absolute;
    right: 0;
    top: 24px
}

html:not(.js) .options {
    margin-top: 12px;
    position: static;
    width: 100%
}

@media (max-width:768px) {
    html:not(.js) .options {
        justify-content: flex-start
    }
}

.options__handle {
    cursor: pointer;
    height: 27px;
    width: 27px
}

html:not(.js) .options__handle {
    margin-left: -6px
}

.options__handle svg {
    fill: #747474;
    height: 11px;
    margin-top: 2px;
    transform: rotate(90deg);
    width: 10px
}

.js-show .options__handle svg {
    transform: rotate(270deg)
}

html:not(.js) .options__handle svg {
    transform: none;
    vertical-align: -1px
}

.options__handle span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.options__dropdown {
    background: #fff;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 3px 2px -2px rgba(0,0,0,.07);
    padding: 12px 18px 13px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 215px;
    z-index: 1
}

    html.js-tmp .options__dropdown, .options__dropdown[hidden] {
        display: none
    }

html:not(.js) .options__dropdown {
    background: 0 0;
    border: none;
    box-shadow: none;
    display: inline;
    margin-right: -16px;
    padding: 0;
    position: static;
    width: auto
}

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

html:not(.js) .options__dropdown ul {
    display: inline
}

    html:not(.js) .options__dropdown ul li {
        display: inline-block;
        margin-right: 16px
    }

.options__dropdown a {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out;
    border-bottom-color: transparent;
    color: #2c406f;
    font-size: 14px
}

    .options__dropdown a:hover, .options__dropdown a:focus {
        padding-bottom: 2px
    }

    .options__dropdown a:hover {
        border-bottom-color: currentColor
    }

.overview-filter {
    display: flex;
    justify-content: space-between;
    padding: 35px 0 16px
}

    .overview-filter .form-item {
        margin: 0
    }

    .overview-filter label {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

    .overview-filter .chosen-container {
        min-width: 100%
    }

.overview-group {
    list-style: none;
    margin: 0;
    padding: 0
}

    .overview-group:first-child {
        margin-top: 0
    }

@media (min-width:576px) {
    .overview-group:not(.overview-group--compact) {
        column-count: 2;
        column-gap: 56px
    }

    .overview-group--wide:not(.overview-group--compact) {
        column-count: 3
    }

    .overview-group li {
        display: inline-block;
        width: 100%
    }
}

.divider-section__title + .overview-group {
    margin-top: -11px
}

.overview-group a {
    color: #2c406f;
    display: block;
    padding: 11px 0;
    text-decoration: none
}

.overview-header {
    margin-top: 1.5rem
}

    .overview-header h1 {
        margin-top: 0;
        margin-bottom: 1rem
    }

@media (min-width:768px) {
    .overview-header h1 {
        margin-bottom: .75rem
    }
}

.overview-header .intro-text {
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    .overview-header .intro-text {
        margin-bottom: 1.75rem
    }
}

.overview-header__actions {
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #d1d1d1
}

@media (min-width:768px) {
    .overview-header__actions {
        flex-direction: row;
        column-gap: 1.5rem;
        margin-bottom: 2rem;
        padding-bottom: 1.75rem
    }
}

.panel {
    background: #fff;
    position: relative;
    padding: 20px;
    border: 1px solid rgba(0,0,0,.1);
    border-bottom-width: 2px;
    border-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap
}

@media (min-width:992px) {
    .panel {
        flex-direction: row
    }
}

.inline-dropdown--is-fluid .panel {
    margin: 0;
    border-radius: 4px;
    background-color: #fdf6eb;
    border: 1px solid rgba(0,0,0,.05);
    border-bottom-width: 2px;
    font-size: 14px;
    line-height: 21px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12)
}

    .inline-dropdown--is-fluid .panel p {
        margin: 0 0 8px
    }

.panel--is-compact {
    padding: 10px
}

.panel--is-floating {
    padding: 20px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12)
}

@media (max-width:576px) {
    .panel--is-floating {
        background-color: #f4f5f9;
        border: none;
        border-radius: 0
    }
}

@media (min-width:768px) {
    .panel {
        padding: 30px
    }

    .panel--is-compact {
        padding: 15px
    }

    .panel--is-floating {
        padding: 20px
    }
}

.panel--blue {
    background-color: #eaf0f7;
    border: none
}

.panel:first-child {
    margin-top: 0
}

.panel:last-child {
    margin-bottom: 0
}

.panel__title:first-child {
    margin-top: 0
}

.panel--overview .panel__title {
    margin-bottom: 12px
}

@media (min-width:768px) {
    .panel--overview .panel__title {
        font-size: 30px
    }
}

@media (min-width:992px) {
    .panel__main {
        flex-grow: 1
    }
}

.panel__main:only-child {
    width: 100%
}

.panel__main > :last-child {
    margin-bottom: 0
}

.panel__footer {
    display: flex
}

@media (max-width:992px) {
    .panel__footer {
        margin-left: auto;
        margin-top: 20px
    }

    .panel--is-compact .panel__footer {
        margin-top: 10px
    }
}

@media (min-width:992px) {
    .panel__footer {
        flex-shrink: 0
    }
}

.panel__footer .form-actions {
    margin-top: 0
}

.panel .form-actions {
    margin-bottom: 0
}

.pending-response {
    margin: 20px 0;
    display: flex;
    align-items: center
}

    .pending-response:first-child {
        margin-top: 0
    }

    .pending-response:last-child {
        margin-bottom: 0
    }

@media (min-width:576px) {
    .pending-response {
        margin: 30px 0
    }
}

.pending-response__image {
    flex-shrink: 0;
    width: 50px;
    height: 40px;
    margin-right: 20px
}

.pending-response__message {
    font-weight: 700;
    margin: 0
}

.private-message {
    position: relative;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.09)
}

@media (min-width:576px) {
    .private-message-thread-inbox:hover .private-message {
        box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.1)
    }
}

.private-message__divide {
    color: #d60024;
    border: 0;
    border-top: solid 1px;
    margin: 2em 0
}

.private-message__header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    margin-bottom: 5px;
    flex-wrap: wrap;
    max-width: 100%
}

.private-message-thread-full .private-message__header {
    padding-right: 27px
}

@media (min-width:576px) {
    .private-message__header {
        justify-content: space-between;
        flex-direction: row
    }
}

.private-message__header .field {
    max-width: 100%
}

.private-message__content p:last-child {
    margin-bottom: 0
}

@media (min-width:576px) {
    .private-message__header, .private-message__content {
        margin-left: 72px
    }

    .private-message-thread-full .private-message__header, .private-message-thread-full .private-message__content {
        margin-left: 0
    }
}

.private-message__created {
    color: #747474;
    font-size: 14px
}

.private-message__owner {
    font-weight: 700
}

.private-message__author {
    color: #2d2d2d;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    font-weight: 700;
    margin: 0
}

    .private-message__author span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block
    }

.private-message-recipients .private-message__author {
    font-weight: inherit
}

    .private-message-recipients .private-message__author, .private-message-recipients .private-message__author span {
        display: inline
    }

.private-message-inbox .private-message__author {
    display: none
}

.private-message__author-image {
    display: none;
    margin-right: 30px
}

.private-message .private-message__author-image {
    position: absolute;
    right: 100%;
    top: 0
}

@media (min-width:576px) {
    .private-message__author-image {
        display: block
    }

    .private-message-thread-full .private-message__author-image {
        display: none
    }
}

.private-message__form-wrapper {
    margin-top: 30px
}

    .private-message__form-wrapper h3 {
        margin-bottom: 10px;
        font-weight: 700
    }

.private-message .options {
    top: 0;
    margin: 3px 0 0
}

.private-message-thread-inbox {
    position: relative;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.private-message-inbox-thread-link {
    display: block;
    background: transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.private-message {
    margin: 10px 0
}

.private-message-thread-inbox {
    position: relative
}

    .private-message-thread-inbox:after {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #d60024;
        display: none;
        content: " ";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-right: 6px;
        transform: translateY(-50%);
        pointer-events: none
    }

@media (min-width:992px) {
    .private-message-thread-inbox:after {
        width: 12px;
        height: 12px
    }
}

@media (min-width:992px) {
    .private-message-thread-inbox:after {
        margin-right: 15px;
        transition-property: opacity,margin-right;
        transition-duration: .2s;
        transition-timing-function: ease-in-out
    }
}

.private-message-thread-inbox.unread-thread:after {
    display: block
}

@media (min-width:992px) {
    .private-message-thread-inbox.unread-thread:hover:after {
        opacity: 0;
        margin-right: 0
    }
}

.private-message-thread-messages, .private-message-form {
    margin: 30px 0
}

    .private-message-thread-messages:first-child, .private-message-form:first-child {
        margin-top: 0
    }

    .private-message-thread-messages:last-child, .private-message-form:last-child {
        margin-bottom: 0
    }

.private-message-thread-full {
    margin-top: 30px
}

.load-previous-position-before, .load-previous-position-after {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 10px auto;
    max-width: 750px
}

    .load-previous-position-before:first-child, .load-previous-position-after:first-child {
        margin-top: 0
    }

    .load-previous-position-before:last-child, .load-previous-position-after:last-child {
        margin-bottom: 0
    }

@media (min-width:768px) {
    .load-previous-position-before, .load-previous-position-after {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.load-previous-position-before:before, .load-previous-position-before:after, .load-previous-position-after:before, .load-previous-position-after:after {
    display: flex;
    content: " ";
    flex-grow: 1;
    height: 1px;
    background-color: #d1d1d1
}

.load-previous-position-before a, .load-previous-position-after a {
    background: #2c406f;
    border: none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 7px 14px 5px;
    text-decoration: none;
    transition: background .2s ease;
    user-select: none;
    white-space: nowrap;
    background: #f9f9f9;
    border: solid 1px #d1d1d1;
    color: #474747;
    line-height: 26px;
    margin-left: 24px;
    margin-right: 24px;
    flex-grow: 0
}

    .load-previous-position-before a:not([disabled]):hover, .load-previous-position-after a:not([disabled]):hover {
        background: #223259
    }

    .load-previous-position-before a:hover, .load-previous-position-after a:hover {
        background: #f1f1f1
    }

        .load-previous-position-before a:hover svg, .load-previous-position-after a:hover svg {
            fill: currentColor
        }

    .load-previous-position-before a svg, .load-previous-position-after a svg {
        fill: #747474;
        transition: fill .2s ease
    }

.private_message_thread_delete_link_wrapper {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 15px
}

    .private_message_thread_delete_link_wrapper a {
        background: #2c406f;
        border: none;
        border-radius: 100px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: KWFFedraSans,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        margin: 0;
        padding: 7px 14px 5px;
        text-decoration: none;
        transition: background .2s ease;
        user-select: none;
        white-space: nowrap;
        background: #fff;
        border: solid 1px #d1d1d1;
        color: #474747;
        line-height: 26px;
        transition-property: background,border-color,box-shadow,color
    }

        .private_message_thread_delete_link_wrapper a:not([disabled]):hover {
            background: #223259
        }

        .private_message_thread_delete_link_wrapper a:not([disabled]):hover {
            background: #2c406f;
            border-color: #2c406f;
            color: #fff
        }

.private-message-form textarea {
    padding: 20px;
    border: none;
    background: 0 0;
    resize: none;
    min-height: 90px
}

.private-message-form .form-actions {
    margin-top: 20px;
    padding: 0
}

    .private-message-form .form-actions .button {
        margin-bottom: 0
    }

.private-message-form .form-wrapper:last-child {
    margin-bottom: 0
}

.private-message-form__header {
    padding: 10px;
    background: #f1f1f1;
    border-bottom: solid 1px #d1d1d1
}

.private-message-recipients {
    margin-bottom: 30px
}

.private-message__header .private-message-recipients {
    color: #2d2d2d;
    margin-bottom: 0;
    font-weight: 700
}

.private-message-recipients a {
    display: inline-block;
    text-decoration: none;
    color: currentColor
}

    .private-message-recipients a:after {
        background-color: transparent;
        content: "";
        display: block;
        height: 2px;
        transition: background-color .2s ease
    }

    .private-message-recipients a:hover:after {
        background-color: currentColor
    }

#edit-members-wrapper label, #edit-message-wrapper label {
    display: none
}

.private-message-form #edit-members-wrapper {
    display: none
}

#thread-members-display-container {
    position: relative
}

    #thread-members-display-container label {
        display: none
    }

    #thread-members-display-container input {
        width: 100%
    }

#pm-members-autocomplete-results-wrapper {
    position: absolute;
    margin-top: -5px
}

    #pm-members-autocomplete-results-wrapper ul {
        position: relative;
        background-color: #fff;
        border-radius: 0 0 8px 8px;
        border: solid 1px #d1d1d1;
        max-height: 400px;
        overflow: auto
    }

    #pm-members-autocomplete-results-wrapper li {
        padding: 15px;
        font-size: 14px
    }

        #pm-members-autocomplete-results-wrapper li:hover {
            background-color: #eaf0f7
        }

        #pm-members-autocomplete-results-wrapper li + li {
            border-top: solid 1px #d1d1d1
        }

.private-message-member-display-item {
    position: relative;
    font-weight: 700;
    padding: 13px 24px 10px 14px
}

    .private-message-member-display-item.invalid-username {
        color: #d60024
    }

    .private-message-member-display-item .private-message-member-display-item {
        border: solid 1px #d1d1d1
    }

.pm-username-remove-link {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    width: 30px;
    height: 30px;
    text-indent: 30px;
    white-space: nowrap;
    overflow: hidden;
    background: #2c406f;
    border: none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 7px 14px 5px;
    text-decoration: none;
    transition: background .2s ease;
    user-select: none;
    white-space: nowrap;
    background: #fff;
    border: solid 1px #d1d1d1;
    color: #474747;
    line-height: 26px;
    transition-property: background,border-color,box-shadow,color
}

    .pm-username-remove-link:not([disabled]):hover {
        background: #223259
    }

    .pm-username-remove-link:not([disabled]):hover {
        background: #2c406f;
        border-color: #2c406f;
        color: #fff
    }

    .pm-username-remove-link:before, .pm-username-remove-link:after {
        position: absolute;
        content: " ";
        background-color: #747474;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 12px;
        margin-top: -6px;
        border-radius: 2px;
        margin-left: -1px;
        transition: background .2s ease
    }

    .pm-username-remove-link:before {
        transform: rotate(45deg)
    }

    .pm-username-remove-link:after {
        transform: rotate(-45deg)
    }

    .pm-username-remove-link:hover:before, .pm-username-remove-link:hover:after {
        background-color: #fff
    }

@media (max-width:576px) {
    .profile-header .horizontal-flow {
        display: block
    }
}

@media (max-width:576px) {
    .profile-header .horizontal-flow__aside {
        margin-bottom: 58px;
        margin-top: -22px;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .profile-header .horizontal-flow__aside {
        margin-top: 22px
    }
}

@media (min-width:768px) {
    .profile-header .horizontal-flow__aside {
        margin-top: 1px
    }
}

.profile-header__title {
    margin: 30px 0 12px
}

@media (min-width:768px) {
    .profile-header__title {
        margin-top: 0
    }
}

.profile-header__subtitle {
    margin-bottom: 49px
}

    .profile-header__subtitle a {
        border-bottom: solid 2px currentColor;
        color: currentColor;
        text-decoration: none;
        transition: all .1s ease-out;
        color: #285992
    }

        .profile-header__subtitle a:hover, .profile-header__subtitle a:focus {
            padding-bottom: 2px
        }

.product-teaser {
    height: 100%
}

.product-teaser__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem 1rem 1.5625rem;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    box-shadow: 0 0 6px 0 #d1d1d1;
    background-color: #fff
}

.product-teaser__title {
    margin-bottom: .5rem;
    font-size: 1.0625rem;
    font-weight: 700
}

.product-teaser__pills {
    display: flex;
    flex-wrap: wrap;
    row-gap: .5rem;
    column-gap: .75rem;
    margin-bottom: .75rem
}

.product-teaser__image {
    margin-right: -1rem;
    margin-bottom: 1rem;
    margin-left: -1rem
}

.product-teaser__description {
    flex-grow: 1;
    margin-bottom: 1.5rem
}

.product-teaser__price {
    margin-bottom: 2rem
}

.product-teaser__buttons .form .form-wrapper {
    margin-bottom: 0
}

.product-teaser__buttons .form .form-actions {
    margin-top: 0
}

.product-teaser__buttons .button {
    width: 100%;
    text-align: center
}

    .product-teaser__buttons .button + .button {
        margin-top: .75rem
    }

.promotion-block {
    display: block;
    position: relative;
    padding: 20px;
    z-index: 2
}

@media (min-width:576px) {
    .promotion-block {
        padding: 0 0 20px 20px
    }
}

@media (min-width:992px) {
    .promotion-block {
        padding-top: 20px
    }
}

.promotion-block--horizontal-layout {
    margin-top: 30px
}

@media (min-width:768px) {
    .promotion-block--horizontal-layout {
        display: flex;
        align-items: center;
        padding: 0;
        margin: 90px 60px 60px
    }
}

.promotion-block__cover, .promotion-block__content {
    transition: .2s cubic-bezier(.17,.67,1,1.23);
    transition-property: transform,box-shadow
}

.promotion-block__cover {
    position: relative;
    background-color: #fff;
    color: #fff;
    overflow: hidden;
    border-radius: 0 0 30px;
    width: 100%;
    margin: 0;
    box-shadow: 0 30px 75px -5px rgba(0,0,0,.35),10px 10px 45px -5px rgba(0,0,0,.09),-10px 10px 45px -5px rgba(0,0,0,.09)
}

    .promotion-block__cover img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: inherit;
        object-fit: cover
    }

    .promotion-block__cover:before {
        display: block;
        padding-top: 100%;
        content: " "
    }

.promotion-block--contrasted .promotion-block__cover:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.6)
}

.promotion-block[href]:hover .promotion-block__cover {
    transform: translate(10px,-10px) scale(.95);
    box-shadow: 0 15px 15px 5px rgba(0,0,0,.2)
}

@media (min-width:768px) {
    .promotion-block--horizontal-layout .promotion-block__cover {
        width: 27%;
        max-width: 250px;
        flex-shrink: 0
    }

    .promotion-block--horizontal-layout[href]:hover .promotion-block__cover {
        transform: translate(10%,0)
    }
}

.promotion-block__content {
    position: relative;
    margin-left: -20px;
    margin-top: -60px;
    background: rgba(51,112,183,.97);
    color: #fff;
    border-radius: 0 0 30px;
    padding: 20px;
    padding-right: calc(30px/2);
    max-width: 95%
}

@media (min-width:576px) {
    .promotion-block__content {
        margin: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 0 0 60px;
        padding-right: calc(60px/2);
        max-width: 90%
    }
}

.promotion-block[href]:hover .promotion-block__content {
    transform: translate(0-20px/2,20px/2)
}

.promotion-block--type-of-community .promotion-block__content {
    background: rgba(238,172,63,.97)
}

.promotion-block--type-of-library .promotion-block__content {
    background: rgba(44,64,111,.97)
}

.promotion-block--type-of-support .promotion-block__content {
    background: rgba(140,99,166,.97)
}

.promotion-block--type-of-partner-kwf .promotion-block__content {
    background: rgba(250,15,14,.97)
}

.promotion-block--type-of-partner-kwf-secondary .promotion-block__content {
    background: rgba(23,86,159,.97)
}

@media (min-width:768px) {
    .promotion-block--horizontal-layout .promotion-block__content {
        position: relative;
        left: auto;
        bottom: auto;
        flex-grow: 1;
        max-width: none;
        transform: translate(-5%)
    }

    .promotion-block--horizontal-layout[href]:hover .promotion-block__content {
        transform: translate(-10%) scale(.9)
    }
}

.promotion-block p:last-child {
    margin-bottom: 0
}

.promotion-block__label {
    font-weight: inherit;
    font-size: .875rem;
    line-height: 1.21
}

@media (min-width:576px) {
    .promotion-block__label {
        font-size: 1rem;
        line-height: 1.19
    }
}

.promotion-block__title {
    font-weight: 400;
    font-size: 17px
}

@media (min-width:576px) {
    .promotion-block__title {
        font-size: 1.1875rem;
        line-height: 1.37
    }
}

@media (min-width:768px) {
    .promotion-block--horizontal-layout .promotion-block__title {
        font-size: 30px;
        line-height: 1.27
    }
}

.promotion-block .contextual-region {
    position: static
}

a.promotion-block {
    text-decoration: none
}

    a.promotion-block[href] {
        cursor: pointer
    }

.promotion-block h2 {
    color: inherit
}

    .promotion-block h2:first-child {
        margin-top: 0
    }

.promotion-block h3 {
    color: inherit
}

    .promotion-block h3:first-child {
        margin-top: 0
    }

.promotion-block h4 {
    color: inherit
}

    .promotion-block h4:first-child {
        margin-top: 0
    }

.promotion-block-overview__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -50px;
    margin-bottom: -50px
}

@media (min-width:992px) {
    .promotion-block-overview__items {
        margin-left: -65px;
        margin-bottom: -65px
    }
}

.promotion-block-overview__item {
    width: 100%;
    position: relative;
    padding-left: 50px;
    margin-bottom: 50px
}

@media (min-width:576px) {
    .promotion-block-overview__item {
        width: 50%
    }
}

@media (min-width:992px) {
    .promotion-block-overview__item {
        width: 33.3333333333%;
        padding-left: calc(50px*1.3);
        margin-bottom: calc(50px*1.3)
    }
}

.promotion-overview {
    width: 100%
}

@media (max-width:576px) {
    .promotion-overview {
        padding: 20px 0
    }
}

.promotion-overview__header {
    margin-bottom: 21px
}

@media (min-width:576px) {
    .promotion-overview__header {
        align-items: flex-end;
        display: flex;
        justify-content: space-between
    }
}

.promotion-overview__header h2 {
    margin-top: 0
}

@media (min-width:576px) {
    .promotion-overview__header h2 {
        font-size: 30px;
        line-height: 36px;
        margin: 0
    }
}

.promotion-overview__show-all {
    display: inline-block;
    text-decoration: none
}

@media (min-width:576px) {
    .promotion-overview__show-all {
        margin-bottom: -1px
    }
}

.promotion-overview__show-all span {
    display: inline-block
}

    .promotion-overview__show-all span:after {
        display: block;
        background-color: transparent;
        content: "";
        height: 2px;
        transition: background-color .2s ease
    }

.promotion-overview__show-all svg {
    fill: #747474;
    height: 18px;
    margin-left: 4px;
    vertical-align: -4px;
    width: 12px
}

.promotion-overview__show-all:hover span:after {
    background-color: currentColor
}

@media (min-width:576px) {
    .promotion-overview__content--horizontal {
        display: flex
    }

        .promotion-overview__content--horizontal > div {
            flex: 1 1 0
        }
}

@media (min-width:576px) {
    .promotion-overview__content > div:last-child .conversation {
        margin-bottom: 0
    }
}

.promotion-overview .conversation__date, .promotion-overview .conversation__subjects {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

@media (max-width:576px) {
    .promotion-overview .blog-teaser {
        margin-top: 20px
    }
}

@media (min-width:576px) {
    .promotion-overview .blog-teaser:nth-child(even) {
        margin-left: 30px
    }
}

.promotional-banner {
    margin-bottom: 2.125rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    background-color: #eaf0f7;
    font-size: .875rem;
    text-align: center
}

@media (min-width:768px) {
    .promotional-banner {
        margin-bottom: 2.5rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        text-align: left
    }
}

.promotional-banner__close {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-end
}

@media (min-width:768px) {
    .promotional-banner__close {
        margin-bottom: -12px
    }
}

.promotional-banner__close-link {
    height: 12px
}

.promotional-banner__close-icon {
    width: 12px;
    height: 12px;
    fill: currentColor
}

@media (min-width:768px) {
    .promotional-banner__content {
        display: flex;
        column-gap: 1rem
    }
}

.promotional-banner__title {
    margin-bottom: .5rem;
    color: #2c406f;
    font-weight: 700;
    line-height: 1.43
}

@media (min-width:768px) {
    .promotional-banner__title {
        margin-bottom: 1rem;
        font-size: 1.125rem;
        line-height: 1.28
    }
}

@media (min-width:768px) {
    .promotional-banner__title.title--small {
        display: none
    }
}

.promotional-banner__title.title--medium {
    display: none
}

@media (min-width:768px) {
    .promotional-banner__title.title--medium {
        display: block
    }
}

.promotional-banner__image {
    margin-bottom: .5rem
}

@media (min-width:768px) {
    .promotional-banner__image {
        flex-shrink: 0;
        margin-bottom: 0
    }
}

.promotional-banner__image img {
    width: 80px;
    height: auto;
    border-radius: 50%
}

.promotional-banner__text {
    margin-bottom: 0;
    color: #2c406f;
    font-size: .875rem;
    line-height: 1.5
}

    .promotional-banner__text .text {
        margin-bottom: 0
    }

.promotional-banner__actions {
    margin-top: .5rem;
    margin-bottom: 0
}

@media (min-width:768px) {
    .promotional-banner__actions {
        margin-top: 1rem;
        text-align: center
    }
}

.publishers {
    padding: 40px 0;
    text-align: center
}

.layout-content > .publishers:last-child {
    padding-bottom: 0
}

.publishers__title {
    font-size: 14px;
    font-weight: inherit;
    margin: 0
}

    .publishers__title a {
        text-decoration: none
    }

.publishers__image {
    margin: 0 0 .25em;
    max-width: 100%;
    max-height: 21px;
    height: auto
}

.questionnaire__steps {
    flex-shrink: 0;
    width: 100%;
    background-color: #eaf0f7;
    padding: 12px 24px;
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 14px
}

@media (min-width:768px) {
    .questionnaire__steps {
        padding-left: 52px;
        margin-left: -52px;
        padding-right: 52px;
        width: calc(100% + 104px)
    }
}

.questionnaire--is-ready .questionnaire__form {
    display: flex
}

@media (min-width:768px) {
    .questionnaire--is-ready .questionnaire__form:before {
        display: block;
        width: 1px;
        margin-right: -1px;
        content: " ";
        height: 45vh
    }
}

.questionnaire--is-ready.questionnaire--has-result .questionnaire__form:before {
    display: none
}

.questionnaire__title {
    display: block;
    font-weight: 700;
    font-size: 23px;
    margin-bottom: 12px;
    margin-top: 32px
}

.questionnaire__steps ~ .questionnaire__fieldset .questionnaire__title {
    margin-top: 0
}

.questionnaire__question {
    display: block;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 22px
}

.questionnaire__fieldset {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .questionnaire__fieldset {
        padding: 0 52px 30px
    }
}

.questionnaire--is-ready .questionnaire__fieldset-before, .questionnaire--is-ready .questionnaire__fieldset-after {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.questionnaire__fieldset-item {
    width: 100%;
    flex-grow: 1;
    padding-bottom: 20px
}

@media (max-width:768px) {
    .questionnaire__fieldset-item {
        padding: 0 20px 20px
    }
}

.questionnaire__fieldset-description {
    margin: 24px 0
}

.questionnaire__answer ~ .questionnaire__fieldset-description {
    padding-top: 24px;
    border-top: solid 1px #d1d1d1
}

.questionnaire__fieldset-description:first-child {
    margin-top: 0
}

.questionnaire__fieldset-description:last-child {
    margin-bottom: 0
}

.questionnaire--has-result .questionnaire__fieldset {
    display: none
}

.questionnaire--is-ready .questionnaire__fieldset[aria-current=false] {
    display: none
}

.questionnaire__answer .native-select {
    max-width: 280px
}

.questionnaire__answer .chosen-container {
    width: 100%;
    max-width: 280px
}

.questionnaire__previous {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    appearance: none;
    border-radius: 50%;
    border: solid 1px #d1d1d1;
    cursor: pointer;
    color: #2c406f
}

    .questionnaire__previous svg {
        fill: currentColor;
        transform: rotate(180deg);
        margin-right: 2px;
        margin-top: -2px;
        width: 9px;
        height: 11px
    }

    .questionnaire__previous:hover, .questionnaire__previous:focus {
        background-color: #f1f1f1;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
        color: #474747
    }

.questionnaire:not(.questionnaire--is-ready) .questionnaire__previous, .questionnaire--is-ready:not(.questionnaire--is-running):not(.questionnaire--has-result) .questionnaire__previous {
    display: none
}

.questionnaire__controls {
    flex-shrink: 0
}

.questionnaire__next, .questionnaire__submit {
    align-items: center;
    cursor: pointer;
    justify-content: center;
    background: #2c406f;
    border: none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 7px 14px 5px;
    text-decoration: none;
    transition: background .2s ease;
    user-select: none;
    white-space: nowrap;
    background: #3370b7;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    font-size: 14px
}

    .questionnaire__next .questionnaire__button-label, .questionnaire__submit .questionnaire__button-label {
        margin-left: auto;
        margin-right: auto
    }

    .questionnaire__next svg, .questionnaire__submit svg {
        display: block;
        margin-left: 8px;
        fill: currentColor;
        width: 9px;
        height: 11px
    }

@media (min-width:768px) {
    .questionnaire__next svg, .questionnaire__submit svg {
        display: none
    }
}

.questionnaire__next:not([disabled]):hover, .questionnaire__submit:not([disabled]):hover {
    background: #223259
}

.questionnaire__next:not([disabled]):hover, .questionnaire__submit:not([disabled]):hover {
    background: #2c406f
}

@media (max-width:768px) {
    .questionnaire__next, .questionnaire__submit {
        border-radius: 0;
        width: 100%;
        padding-top: 14px;
        padding-bottom: 12px;
        font-size: 17px
    }

        .questionnaire__next[disabled], .questionnaire__submit[disabled] {
            opacity: 0
        }
}

.questionnaire__next[disabled], .questionnaire__submit[disabled] {
    background-color: #f1f1f1;
    color: #747474;
    cursor: not-allowed
}

.questionnaire__button-push {
    display: block;
    visibility: hidden
}

@media (min-width:768px) {
    .questionnaire__button-push {
        display: none
    }
}

@media (max-width:768px) {
    .questionnaire__button-push ~ .questionnaire__controls {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media (min-width:768px) {
    .questionnaire__controls {
        margin-left: auto
    }
}

.questionnaire__previous-label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.questionnaire__result {
    display: none;
    padding: 24px 18px
}

.questionnaire--is-ready.questionnaire--has-result .questionnaire__result {
    display: block
}

.modal .questionnaire__result {
    padding: 48px
}

.questionnaire__result hr {
    margin: 24px 0;
    border: none;
    border-top: solid 1px #d1d1d1
}

.modal .questionnaire {
    margin: -12px -16px
}

.quote {
    z-index: 10
}

@media (min-width:768px) {
    .quote {
        margin-left: 50px;
        margin-right: 95px
    }
}

.quote__quote {
    position: relative;
    margin-right: -12px;
    margin-bottom: 27px;
    margin-left: -12px;
    padding: 11px 22px 12px 40px;
    background-color: #fdf6eb;
    border-radius: 10px;
    font-size: 1.0625rem;
    color: #2c406f;
    line-height: 1.24
}

@media (min-width:768px) {
    .quote__quote {
        margin-right: 0;
        margin-left: 0;
        padding-right: 130px
    }

    .layout--twocol-section .quote__quote, .layout--threecol-section .quote__quote, .layout--fourcol-section .quote__quote {
        padding-right: 22px
    }
}

.quote__quote:before, .quote__quote:after {
    position: absolute;
    display: block;
    content: ""
}

.quote__quote:before {
    top: 8px;
    left: 13px;
    width: 17px;
    height: 17px;
    background-image: url("../../../../themes/custom/kreeft_theme/dist/svg/icon-quote.svg");
    background-repeat: no-repeat;
    background-size: 100% auto
}

.quote__quote:after {
    bottom: -27px;
    left: 27px;
    width: 27px;
    height: 27px;
    border-right: 27px solid #fdf6eb;
    border-bottom: 27px solid transparent
}

.quote__source {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .8125rem;
    line-height: 2.15
}

@media (min-width:768px) {
    .quote__source {
        padding-right: 16px
    }
}

.quote__source img {
    width: 40px;
    border-radius: 50%;
    background-color: #d1d1d1
}

.quote__source span {
    position: relative;
    margin-left: 9px;
    color: #474747;
    text-decoration-color: #eeac3f;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px
}

.quote__source a {
    position: relative;
    margin-left: 9px;
    color: #474747;
    text-decoration-color: #eeac3f;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px
}

    .quote__source a:hover {
        text-decoration: underline;
        text-decoration-color: #eeac3f;
        text-decoration-thickness: 2px;
        text-underline-offset: 6px
    }

.readspeaker {
    position: relative;
    white-space: nowrap;
    flex-shrink: 0
}

.article-tools .readspeaker {
    margin-top: 12px;
    margin-left: auto
}

.registration-block {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center
}

@media (min-width:768px) {
    .registration-block {
        max-width: 750px;
        margin-right: auto;
        margin-left: auto;
        padding: 2.5rem;
        border: 1px solid #d1d1d1;
        border-radius: 8px
    }
}

.registration-block:before, .registration-block:after {
    position: absolute;
    left: 2.125rem;
    display: block;
    width: calc(100% - 2.125rem - 2.125rem);
    height: 1px;
    background-color: #d1d1d1;
    content: ""
}

@media (min-width:768px) {
    .registration-block:before, .registration-block:after {
        display: none
    }
}

.registration-block:before {
    top: 0
}

.registration-block:after {
    bottom: 0
}

.registration-block__buttons {
    margin-top: 1.5rem
}

    .registration-block__buttons .button:not(:last-child) {
        margin-right: 1rem
    }

.related-content-block {
    border: solid 1px #d1d1d1;
    border-width: 1px 0;
    margin-top: 25px;
    margin-bottom: 25px;
    max-width: 40em
}

    .related-content-block:first-child {
        margin-top: 0
    }

    .related-content-block:last-child {
        margin-bottom: 0
    }

.related-content .related-content-block {
    margin: 0;
    max-width: none
}

.related-content-block + .related-content-block {
    margin-top: -1px
}

.related-content-block h3 {
    font-size: 18px
}

.related-content-block button {
    color: #2d2d2d;
    font-weight: 400;
    padding: 15px 44px 15px 0;
    position: relative;
    text-align: left;
    width: 100%
}

    .related-content-block button:hover {
        cursor: pointer
    }

        .related-content-block button:hover svg {
            fill: #747474
        }

    .related-content-block button svg {
        fill: #d1d1d1;
        height: 15px;
        position: absolute;
        right: 20px;
        top: 23px;
        transform: rotate(180deg);
        transition: fill .2s ease;
        width: 15px
    }

.related-content-block.js-closed button svg {
    transform: none
}

.js-closed .related-content-block__dropdown {
    display: none
}

.related-content-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 24px
}

    .related-content-block ul li:not(:first-child) {
        margin-top: 15px
    }

    .related-content-block ul .related-content-block__link {
        text-decoration: none;
        display: inline-block;
        padding: 4px 0
    }

        .related-content-block ul .related-content-block__link span {
            border-bottom: solid 2px currentColor;
            color: currentColor;
            text-decoration: none;
            transition: all .1s ease-out
        }

            .related-content-block ul .related-content-block__link span:hover, .related-content-block ul .related-content-block__link span:focus {
                padding-bottom: 2px
            }

        .related-content-block ul .related-content-block__link:hover span, .related-content-block ul .related-content-block__link:focus span {
            padding-bottom: 2px
        }

    .related-content-block ul .related-content-block__description {
        font-size: 14px
    }

.companions-modal .result-card {
    margin-bottom: 1rem
}

.result-card > a {
    color: #474747;
    text-decoration: none
}

.result-card__link {
    position: relative;
    display: block
}

    .result-card__link:after {
        position: absolute;
        top: 50%;
        right: 8px;
        display: block;
        width: 15px;
        height: 17px;
        background-image: url("../../../../themes/custom/kreeft_theme/dist/svg/icon-chevron--right.svg");
        background-size: auto 100%;
        background-position: right center;
        background-repeat: no-repeat;
        content: ""
    }

.result-card__inner {
    position: relative;
    padding: 20px 18px 16px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 6px 0 #d1d1d1;
    font-size: .875rem;
    color: #474747;
    transition: box-shadow .2s ease
}

a .result-card__inner:hover {
    box-shadow: 0 0 6px 0 #ababab
}

.result-card table {
    margin-bottom: 0;
    overflow-x: hidden
}

    .result-card table tbody:first-child tr:nth-child(2n), .result-card table tbody:first-child tr :nth-child(2n+1), .result-card table tbody:not(:first-child) tr:nth-child(2n), .result-card table tbody:not(:first-child) tr :nth-child(2n+1) {
        background-color: transparent
    }

    .result-card table tbody tr td {
        padding-right: 15px
    }

        .result-card table tbody tr td:first-child {
            color: #747474
        }

        .result-card table tbody tr td:last-child {
            padding-right: 0
        }

        .result-card table tbody tr td:not(:first-child) {
            font-weight: 400
        }

    .result-card table tbody td {
        padding-left: 0;
        border: 0;
        vertical-align: top
    }

    .result-card table ul {
        list-style: none;
        padding: 0
    }

.result-card__content {
    position: relative;
    margin-top: 16px;
    padding-top: 15px
}

    .result-card__content:before {
        position: absolute;
        top: -1px;
        left: 15px;
        display: inline-block;
        width: calc(100% - (15px*2));
        height: 1px;
        background-color: #f1f1f1;
        content: ""
    }

.result-card__footer {
    position: relative;
    margin-top: 16px;
    padding-top: 15px
}

    .result-card__footer:before {
        position: absolute;
        top: -1px;
        left: 15px;
        display: inline-block;
        width: calc(100% - (15px*2));
        height: 1px;
        background-color: #f1f1f1;
        content: ""
    }

.search-link {
    color: #747474;
    display: block;
    height: 41px;
    padding: 11px 12px 7px;
    width: 46px
}

    .search-link:hover {
        color: #474747
    }

    .search-link span {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

    .search-link svg {
        fill: currentColor;
        height: 23px;
        width: 22px
    }

.search-overlay__toggle {
    display: none
}

    .search-overlay__toggle svg {
        width: 23px;
        height: 24px;
        display: block
    }

.search-overlay__toggle-close {
    border-radius: 32px;
    padding: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center
}

    .search-overlay__toggle-close svg {
        display: inline-block;
        color: #747474;
        height: 14px;
        margin: 0;
        vertical-align: middle;
        width: 14px
    }

    .search-overlay__toggle-close:hover svg {
        fill: #fff
    }

    .search-overlay__toggle-close span {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

@media (min-width:768px) {
    .search-overlay__content[style*=padding-top] {
        padding-top: 0 !important
    }
}

@media (max-width:768px) {
    .search-overlay.search-overlay--is-ready .search-overlay__toggle-close {
        display: none
    }

    .search-overlay.search-overlay--is-active .search-overlay__toggle {
        display: block;
        cursor: pointer
    }

    .search-overlay.search-overlay--is-active .search-overlay__toggle-close {
        display: block
    }

    .search-overlay.search-overlay--is-active .search-overlay__content {
        display: flex;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0 10px;
        background-color: #fff;
        z-index: 22
    }
}

.search-overlay--is-active .search-overlay__content-wrapper {
    flex-grow: 1
}

@media (max-width:768px) {
    .search-overlay--is-active .search-overlay__content-wrapper {
        padding: 6px 0
    }

        .search-overlay--is-active .search-overlay__content-wrapper .horizontal-flow > .horizontal-flow__main ~ .horizontal-flow__aside {
            padding-left: 10px
        }
}

@media (min-width:992px) {
    .search-overlay__content-wrapper > .horizontal-flow > .horizontal-flow__aside {
        display: none
    }
}

@media (max-width:768px) {
    html.search-overlay--is-active body {
        overflow-y: hidden
    }
}

.search-tips__heading {
    border-bottom: solid 1px #d1d1d1;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 8px;
    margin: 40px 0 0
}

.search-tip {
    margin-bottom: 30px
}

@media (max-width:768px) {
    .search-tip:first-child:not(:last-child) {
        margin-bottom: 17px
    }
}

@media (min-width:768px) {
    .search-tip {
        flex: 1 1 calc(50% - 15px);
        max-width: calc(50% - 15px)
    }

        .search-tip:first-child:last-child {
            max-width: 50%
        }
}

.search-results__tips .search-tip {
    flex-grow: 1
}

@media (min-width:768px) {
    .search-tip:nth-child(even) {
        margin-left: 30px
    }
}

.search-tip > a {
    border: solid 1px #efefef;
    border-bottom-color: #d9d9d9;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.02);
    transition: box-shadow .2s ease;
    display: block;
    height: 100%;
    padding: 19px 24px 19px 60px;
    position: relative;
    text-decoration: none;
    transition: box-shadow .2s ease
}

    .search-tip > a[href]:hover {
        box-shadow: 0 0 0 1px rgba(0,0,0,.02),0 2px 3px -1px rgba(0,0,0,.1)
    }

@media (min-width:576px) {
    .search-tip > a {
        padding-left: 76px
    }
}

.search-tip__icon {
    bottom: -1px;
    left: 0;
    display: block;
    position: absolute;
    top: 0;
    width: 60px
}

@media (min-width:576px) {
    .search-tip__icon {
        width: 76px
    }
}

.search-tip__icon svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.search-tip__icon .icon-library {
    height: 26px;
    margin-left: 3px;
    width: 24px
}

@media (min-width:576px) {
    .search-tip__icon .icon-library {
        height: 36px;
        margin-left: 7px;
        width: 33px
    }
}

.search-tip__icon .icon-conversation {
    height: 24px;
    margin-left: 2px;
    width: 28px
}

@media (min-width:576px) {
    .search-tip__icon .icon-conversation {
        height: 35px;
        margin-left: 4px;
        width: 38px
    }
}

.search-tip__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2d2d2d;
    font-weight: 700;
    line-height: 30px;
    margin: 0
}

.search-tip__subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: -2px 0 0
}

.share-dropdown {
    position: relative
}

.share-dropdown__title {
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 10px
}

    .share-dropdown__title svg {
        width: 15px;
        height: 13px;
        margin-right: 5px
    }

.share-dropdown__description {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: solid 1px #d1d1d1;
    font-size: 14px
}

.share-dropdown__button {
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 8px 11px 8px 0;
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    cursor: pointer;
    margin: 4px 0
}

    .share-dropdown__button:first-child {
        margin-top: 0
    }

    .share-dropdown__button:last-child {
        margin-bottom: 0
    }

    .share-dropdown__button > * {
        transition: transform .2s ease-in-out
    }

    .share-dropdown__button:focus > *, .share-dropdown__button:hover > * {
        transform: translateX(5px)
    }

    .share-dropdown__button svg {
        flex-shrink: 0
    }

@media (min-width:768px) {
    .share-dropdown__button-whatsapp {
        display: none
    }
}

.share-dropdown__button-clipboard .share-dropdown__button-notice {
    position: absolute;
    white-space: nowrap;
    transition-property: transform,opacity;
    transform: translateY(5px)
}

.share-dropdown--clipboard-selected .share-dropdown__button-clipboard .share-dropdown__button-notice {
    opacity: 1;
    transform: none
}

.share-dropdown__button-notice {
    display: block;
    opacity: 0;
    color: #747474;
    font-style: italic;
    font-size: 12px;
    transition: opacity .2s ease-in-out
}

.share-dropdown .inline-dropdown__panel-wrapper {
    margin-top: 10px;
    min-width: 270px
}

.share-dropdown .icon-link, .share-dropdown .icon-whatsapp {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.share-dropdown .icon-link {
    fill: #3370b7
}

.share-dropdown .icon-whatsapp {
    fill: #4caf50
}

.slider {
    margin-top: 1rem;
    margin-bottom: 2.5rem
}

.slider__heading {
    margin-bottom: 1rem;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.875rem
}

@media (min-width:768px) {
    .slider__heading {
        margin-bottom: 2rem
    }
}

.slider__heading--left {
    text-align: left
}

.slider__heading--center {
    text-align: center
}

.slider__slide {
    border-radius: 8px;
    background-color: #fdf6eb;
    text-align: center
}

.slider__slide-inner {
    height: 100%;
    padding: 2.1865rem 1.75rem;
    background-color: transparent;
    border-radius: 8px;
    transition: background-color ease-in-out .2s
}

.slider__slide-link {
    display: block;
    height: 100%;
    color: #474747;
    text-decoration: none
}

    .slider__slide-link:hover .slider__slide-inner {
        background: #fcf0dd
    }

.slider__slide-image {
    margin-bottom: 1.5rem
}

    .slider__slide-image img {
        border-radius: 50%
    }

.slider__slide-title {
    margin-bottom: .5rem;
    font-weight: 700
}

.slider__pagination {
    position: relative;
    margin-top: 2rem
}

.slider__pagination-page {
    width: 18px;
    height: 18px;
    margin: 0 6px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    opacity: 1
}

    .slider__pagination-page.is-active {
        border-color: #3370b7;
        background-color: #3370b7;
        opacity: 1;
        transform: none
    }

.slider__arrow--prev {
    left: -20px
}

@media (min-width:768px) {
    .slider__arrow--prev {
        left: -52px
    }
}

.slider__arrow--next {
    right: -20px
}

@media (min-width:768px) {
    .slider__arrow--next {
        right: -52px
    }
}

.stage-statistics {
    position: relative
}

.stage-statistics__description {
    font-style: italic
}

.stage-statistics__items {
    display: flex;
    margin-left: -15px;
    flex-wrap: wrap;
    align-items: center
}

.stage-statistics__item {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    margin-bottom: 15px;
    width: 25%
}

.stage-statistics__item-graph {
    margin: 6px auto;
    max-width: 80px
}

    .stage-statistics__item-graph:first-child {
        margin-top: 0
    }

    .stage-statistics__item-graph:last-child {
        margin-bottom: 0
    }

.stage-statistics__item-value {
    font-weight: 700;
    margin-bottom: 10px
}

.stage-statistics__item-title, .stage-statistics__item-value {
    text-align: center
}

@media (max-width:576px) {
    .stage-statistics__item-title, .stage-statistics__item-value {
        font-size: 14px
    }
}

.sticky-toolbar {
    display: block
}

.sticky-toolbar--is-ready {
    position: fixed;
    z-index: 19;
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform .2s ease-in-out 0ms,opacity .2s ease-in-out 0ms,visibility 0ms linear 0ms
}

body.main-navigation--is-active .sticky-toolbar--is-ready {
    visibility: hidden;
    opacity: 0;
    transform: translateY(100%);
    transition: transform .2s ease-in-out 0ms,opacity .2s ease-in-out 0ms,visibility .2s linear 0ms
}

.streamer__heading {
    margin-bottom: .25rem;
    font-size: 1.063rem;
    font-weight: 400;
    line-height: 1.65
}

@media (min-width:768px) {
    .streamer__heading {
        margin-bottom: .75rem
    }
}

.streamer__inner {
    margin-left: -23px;
    margin-right: -23px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #eeac3f
}

@media (min-width:768px) {
    .streamer__inner {
        margin-right: 56px;
        margin-left: 56px;
        border-radius: 10px
    }
}

@media (min-width:768px) {
    .no-arrows-desktop .streamer__inner {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width:768px) {
    .is-overflow .streamer__inner:before, .is-overflow .streamer__inner:after {
        position: absolute;
        top: 0;
        z-index: 1;
        display: block;
        width: 0;
        height: 100%;
        background: 0 0;
        content: "";
        pointer-events: none;
        transition: width 50ms ease-in-out
    }
}

.is-overflow .streamer__inner:before {
    left: 0;
    background: -webkit-linear-gradient(right,rgba(238,172,63,0),#eeac3f);
    background: -moz-linear-gradient(right,rgba(238,172,63,0),#eeac3f);
    background: linear-gradient(to left,rgba(238,172,63,0),#eeac3f)
}

.is-overflow .streamer__inner:after {
    right: 0;
    background: -webkit-linear-gradient(left,rgba(238,172,63,0),#eeac3f);
    background: -moz-linear-gradient(left,rgba(238,172,63,0),#eeac3f);
    background: linear-gradient(to right,rgba(238,172,63,0),#eeac3f)
}

.overflow-left .streamer__inner:before {
    width: 100px
}

.overflow-right .streamer__inner:after {
    width: 100px
}

.streamer__item-container .button {
    border: 0
}

.streamer__progress {
    margin-top: 7px;
    background: #d5e2f0
}

@media (min-width:768px) {
    .streamer__progress {
        display: none
    }
}

.streamer__progress__bar {
    background: #3370b7;
    height: 2px;
    transition: width .4s ease;
    width: 0
}

.streamer__arrow {
    top: auto;
    bottom: 23px
}

    .streamer__arrow.splide__arrow {
        transform: none
    }

.streamer__arrow--prev {
    left: 0
}

.streamer__arrow--next {
    right: 0
}

@media (min-width:768px) {
    .no-arrows-desktop .streamer__arrow {
        display: none
    }
}

.subsection-block {
    text-align: center;
    margin: auto
}

@media (min-width:576px) {
    .subsection-block {
        max-width: 240px
    }
}

.subsection-block:first-child {
    margin-top: 0
}

.subsection-block:last-child {
    margin-bottom: 0
}

.subsection-block__header {
    text-align: center
}

    .subsection-block__header svg {
        height: 15px;
        width: 10px;
        margin-left: 12px;
        fill: #d1d1d1;
        transition: transform .2s ease;
        vertical-align: -1px
    }

.subsection-block__figure {
    margin: 0
}

.subsection-block__header, .subsection-block__figure {
    margin-bottom: 5px
}

    .subsection-block__header:last-child, .subsection-block__figure:last-child {
        margin-bottom: 0
    }

.subsection-block__icon {
    margin: 0 auto;
    width: 56px;
    height: 56px
}

@media (min-width:576px) {
    .subsection-block__icon {
        width: 70px;
        height: 70px
    }
}

.subsection-block__introduction {
    color: #474747
}

a.subsection-block {
    display: block;
    color: inherit;
    text-decoration: none
}

    a.subsection-block:hover .subsection-block__header svg {
        transform: translateX(3px)
    }

.subsection-block__header h1 {
    color: #2d2d2d;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    margin: 17px 0 4px
}

@media (min-width:768px) {
    .subsection-block__header h1 {
        font-size: 23px;
        line-height: 30px
    }
}

.subsection-block__header h1:first-child {
    margin-top: 0
}

.subsection-block__header h1:last-child {
    margin-bottom: 0
}

.subsection-block__header h2 {
    color: #2d2d2d;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    margin: 17px 0 4px
}

@media (min-width:768px) {
    .subsection-block__header h2 {
        font-size: 23px;
        line-height: 30px
    }
}

.subsection-block__header h2:first-child {
    margin-top: 0
}

.subsection-block__header h2:last-child {
    margin-bottom: 0
}

.subsection-block__header h3 {
    color: #2d2d2d;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    margin: 17px 0 4px
}

@media (min-width:768px) {
    .subsection-block__header h3 {
        font-size: 23px;
        line-height: 30px
    }
}

.subsection-block__header h3:first-child {
    margin-top: 0
}

.subsection-block__header h3:last-child {
    margin-bottom: 0
}

.survival-rate-statistics {
    margin: 30px 0
}

    .survival-rate-statistics:first-child {
        margin-top: 0
    }

    .survival-rate-statistics:last-child {
        margin-bottom: 0
    }

.survival-rate-statistics__title {
    margin-bottom: 24px
}

.survival-rate-statistics__data-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: solid 1px #d1d1d1
}

.survival-rate-statistics__data-label {
    font-size: 14px
}

    .survival-rate-statistics__data-label:last-child {
        text-align: right
    }

@media (min-width:768px) {
    .survival-rate-statistics__data-label {
        font-size: 16px
    }
}

.survival-rate-statistics__data {
    margin: 24px 0
}

    .survival-rate-statistics__data:first-child {
        margin-top: 0
    }

    .survival-rate-statistics__data:last-child {
        margin-bottom: 0
    }

.survival-rate-statistics__data-row {
    display: flex;
    align-items: center;
    padding: 0 8px 18px;
    margin-bottom: 18px;
    border-bottom: solid 1px #d1d1d1
}

    .survival-rate-statistics__data-row:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

.survival-rate-statistics__data-timestamp {
    font-weight: 700;
    flex-shrink: 0;
    min-width: 1.4rem;
    margin-right: 12px
}

.survival-rate-statistics__data-items {
    flex-grow: 1
}

.survival-rate-statistics__data-item {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

@media (min-width:576px) {
    .survival-rate-statistics__data-item {
        margin-bottom: 12px
    }
}

.survival-rate-statistics__data-item:last-child {
    margin-bottom: 0
}

.survival-rate-statistics__data-chart {
    flex-grow: 1
}

.survival-rate-statistics__legend {
    display: flex;
    font-size: 14px;
    align-items: flex-start;
    margin-bottom: 8px
}

    .survival-rate-statistics__legend:before {
        content: " ";
        display: block;
        width: 12px;
        height: 12px;
        flex-shrink: 0;
        margin-top: 4px;
        border-radius: 100%;
        margin-right: 8px;
        background-color: #d1d1d1
    }

.survival-rate-statistics__legend--blue-light:before {
    background-color: #3370b7
}

.survival-rate-statistics__legend--blue:before {
    background-color: #223259
}

.survival-rate-statistics__legend--purple:before {
    background-color: #8c63a6
}

.survival-rate-statistics__legend--orange:before {
    background-color: #eeac3f
}

.survival-timeline-statistics {
    font-size: 14px;
    margin: 30px 0
}

@media (min-width:768px) {
    .survival-timeline-statistics {
        font-size: 16px
    }
}

.survival-timeline-statistics__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px
}

.survival-timeline-statistics__label {
    max-width: 7em
}

@media (min-width:768px) {
    .survival-timeline-statistics__label {
        max-width: none
    }
}

.survival-timeline-statistics__label:first-child {
    text-align: left
}

.survival-timeline-statistics__label:last-child {
    text-align: right
}

@media (min-width:768px) {
    .survival-timeline-statistics__label:last-child {
        margin-left: 3em
    }
}

.survival-timeline-statistics__item {
    display: flex;
    align-items: center;
    margin: 15px 0
}

    .survival-timeline-statistics__item:first-child {
        margin-top: 0
    }

    .survival-timeline-statistics__item:last-child {
        margin-bottom: 0
    }

.survival-timeline-statistics__item-title {
    flex-shrink: 0;
    font-weight: 700;
    min-width: 1.2em;
    margin-right: 12px
}

.survival-timeline-statistics__item-value {
    flex-grow: 1
}

    .survival-timeline-statistics__item-value .progress-bar__shape-fill {
        overflow: hidden
    }

        .survival-timeline-statistics__item-value .progress-bar__shape-fill:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: block;
            content: " ";
            background: #fff;
            opacity: 0
        }

.survival-timeline-statistics--group .survival-timeline-statistics__item:nth-child(5n+2) .survival-timeline-statistics__item-value .progress-bar__shape-fill:before {
    opacity: .1
}

.survival-timeline-statistics--group .survival-timeline-statistics__item:nth-child(5n+3) .survival-timeline-statistics__item-value .progress-bar__shape-fill:before {
    opacity: .15
}

.survival-timeline-statistics--group .survival-timeline-statistics__item:nth-child(5n+4) .survival-timeline-statistics__item-value .progress-bar__shape-fill:before {
    opacity: .2
}

.survival-timeline-statistics--group .survival-timeline-statistics__item:nth-child(5n+5) .survival-timeline-statistics__item-value .progress-bar__shape-fill:before {
    opacity: .25
}

.survival-timeline-statistics__description {
    margin-top: 25px
}

.specialist-block {
    background: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    border: solid 1px #efefef;
    border-bottom-color: #d9d9d9;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.02);
    transition: box-shadow .2s ease
}

    .specialist-block[href]:hover {
        box-shadow: 0 0 0 1px rgba(0,0,0,.02),0 2px 3px -1px rgba(0,0,0,.1)
    }

.specialist-block--has-link:hover {
    box-shadow: 0 0 0 1px rgba(0,0,0,.02),0 2px 3px -1px rgba(0,0,0,.1)
}

.specialist-block__main, .specialist-block__meta, .specialist-block__actions {
    padding: 20px
}

@media (min-width:768px) {
    .specialist-block__main, .specialist-block__meta, .specialist-block__actions {
        padding: 30px
    }
}

.specialist-block__actions {
    padding-top: 0
}

.specialist-block__main {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

@media (min-width:576px) {
    .specialist-block__main {
        flex-direction: row
    }
}

.specialist-block__content {
    flex-grow: 1;
    font-size: 14px;
    color: #747474
}

.specialist-block--alternative-layout .specialist-block__content {
    color: currentColor;
    font-size: inherit
}

.specialist-block__thumbnail-wrapper {
    flex-shrink: 0;
    margin-bottom: 20px
}

@media (max-width:576px) {
    .specialist-block__thumbnail-wrapper {
        order: -1
    }
}

@media (min-width:576px) {
    .specialist-block__thumbnail-wrapper {
        margin: 0
    }
}

.specialist-block--alternative-layout .specialist-block__thumbnail-wrapper {
    order: -1
}

.specialist-block__thumbnail {
    display: block;
    width: 100%;
    max-width: 186px;
    max-height: 186px;
    height: auto;
    border-radius: 50%;
    margin: auto;
    flex-shrink: 0
}

@media (min-width:576px) {
    .specialist-block__thumbnail {
        margin: 0;
        max-width: 140px;
        max-height: 140px
    }
}

@media (min-width:576px) {
    .specialist-block__content:first-child, .specialist-block__thumbnail-wrapper:first-child {
        margin-right: 30px
    }

    .specialist-block--alternative-layout .specialist-block__content:first-child, .specialist-block--alternative-layout .specialist-block__thumbnail-wrapper:first-child {
        margin-left: 30px;
        margin-right: 0
    }

    .specialist-block--alternative-layout .specialist-block__content:only-child, .specialist-block--alternative-layout .specialist-block__thumbnail-wrapper:only-child {
        margin-right: 0
    }
}

.specialist-block__title {
    margin-bottom: 15px
}

.specialist-block__link {
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

    .specialist-block__link:before {
        display: block;
        content: " ";
        width: 100%;
        height: 100%
    }

    .specialist-block__link:hover {
        text-decoration: underline
    }

.specialist-block__meta {
    width: 100%;
    border-top: inherit;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .specialist-block__meta {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.specialist-block p:last-child {
    margin-bottom: 0
}

.js-tmp .split-array .split:nth-child(n+4) {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.split-array.js-hide-items .split:nth-child(n+4) {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.split-array.js-hide-items span:last-child button {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out;
    color: #285992;
    cursor: pointer;
    line-height: calc(1em + 1px)
}

    .split-array.js-hide-items span:last-child button:hover, .split-array.js-hide-items span:last-child button:focus {
        padding-bottom: 2px
    }

.tag {
    background: #eeac3f;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin: 0;
    padding: 2px 11px 0
}

.tag--small {
    font-size: 10px;
    font-weight: 700;
    line-height: 17px
}

.tag--primary {
    background: #2c406f
}

.tag--tertiary {
    background: #8c63a6
}

@media (min-width:768px) {
    .search-result__title .tag {
        margin-left: .875em
    }
}

@media (min-width:768px) {
    .topic-title {
        align-items: top;
        display: flex;
        justify-content: space-between
    }

        .topic-title > div {
            max-width: 750px
        }
}

.topic-title h1 {
    font-size: 30px;
    line-height: 36px
}

.topic-title__subtitle {
    color: #747474;
    margin: -23px 0 17px
}

h1 + .topic-title__description {
    margin-top: -12px
}

.topic-title__description [class^=read-] a {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out;
    display: inline;
    color: #285992;
    text-align: left
}

    .topic-title__description [class^=read-] a:hover, .topic-title__description [class^=read-] a:focus {
        padding-bottom: 2px
    }

.topic-title__description .more-link {
    margin-left: 3px
}

.topic-title__description .less-link {
    margin-left: 8px
}

html.js .topic-title__description.js-truncate {
    max-height: 54px;
    overflow: hidden
}

    html.js .topic-title__description.js-truncate br {
        display: none
    }

.topic-title__actions {
    flex-shrink: 0;
    margin-bottom: 27px
}

@media (min-width:768px) {
    .topic-title__actions {
        margin: 27px 0 27px 20px
    }
}

@media (max-width:768px) {
    html.facet-search-overlay--is-active #trengo-web-widget, html[class*=-js--modal--is-visible] #trengo-web-widget, body.filter--is-active #trengo-web-widget, body.js-inline-dropdown--is-expanded #trengo-web-widget, body.search-overlay--is-active #trengo-web-widget {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

@media (max-width:992px) {
    body.js-crossbar--is-expanded #trengo-web-widget {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

.page-node-type-forum #trengo-web-widget, body.main-navigation--is-active #trengo-web-widget, html[class*=-js--modal--is-visible] #trengo-web-widget, body.mfp--is-active #trengo-web-widget {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

#trengo-web-widget .TrengoWidgetLauncher__iframe {
    transition: margin-bottom .2s ease-in-out
}

.truncate .more-link {
    display: inline-block
}

.truncate__details p:last-of-type {
    margin: 0;
    display: inline
}

    .truncate__details p:last-of-type:after {
        display: inline;
        content: "   "
    }

.truncate__details .read-less {
    display: table;
    margin-top: 1em
}

.truncate__details a + .read-less {
    margin-left: 1em
}

.truncate__summary, .truncate__details {
    margin-bottom: 27px
}

.user {
    align-items: center;
    display: flex;
    font-size: 16px;
    max-width: 100%
}

.site-header .user {
    position: relative
}

.user-header .user {
    width: 100%
}

.user__image {
    align-self: flex-start;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    margin: 3px 0;
    border-radius: 50%;
    overflow: hidden;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

.user__image--default a {
    text-decoration: none
}

.user__image-push {
    margin-left: 50px
}

.user__image--outer {
    position: absolute;
    left: -50px;
    margin: 0;
    top: 12px
}

    .user__image--outer.user__image--lg {
        left: -83px
    }

.user__image--md {
    height: 55px;
    width: 55px
}

.user__image--lg {
    height: 64px;
    width: 64px
}

.user__image a {
    transition: opacity .2s ease
}

    .user__image a:hover {
        opacity: .8
    }

.user__image img, .user__image svg {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.site-header .user__image svg.avatar--guest {
    opacity: .5
}

.user__image-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

    .user__image-circle.user-id--0 {
        background-color: #e2649f;
        color: #772c4f
    }

    .user__image-circle.user-id--1 {
        background-color: #e68132;
        color: #884816
    }

    .user__image-circle.user-id--2 {
        background-color: #64a0d7;
        color: #375d80
    }

    .user__image-circle.user-id--3 {
        background-color: #6e69ae;
        color: #2c2954
    }

    .user__image-circle.user-id--4 {
        background-color: #aed6f1;
        color: #516a7b
    }

    .user__image-circle.user-id--5 {
        background-color: #eeac3f;
        color: #84570d
    }

    .user__image-circle.user-id--6 {
        background-color: #5c4b9b;
        color: #beb7d8
    }

    .user__image-circle.user-id--7 {
        background-color: #8b60a4;
        color: #4e2764
    }

.user__image-letter {
    margin-top: 5px;
    font-size: 1.75rem
}

.user__image--md .user__image-letter {
    margin-top: 7px;
    font-size: 2.563rem
}

.user__image--lg .user__image-letter {
    margin-top: 7px;
    font-size: 2.625rem
}

.user__image-letter.letter-j, .user__image-letter.letter-q {
    margin-top: 0
}

.user__badge {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d60024;
    position: absolute;
    bottom: 3px;
    left: 3px;
    transform: translateX(-25%)
}

@media (min-width:992px) {
    .user__badge {
        width: 12px;
        height: 12px
    }
}

@media (min-width:768px) {
    .user__badge {
        left: -3px;
        width: 16px;
        height: 16px
    }
}

.user__info {
    align-items: flex-start;
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%
}

.site-header .user__info {
    flex-basis: auto
}

.user__info > a {
    text-decoration: none;
    color: currentColor
}

    .user__info > a:hover .user__name {
        text-decoration: underline
    }

.user__image:not(.user__image--outer) + .user__info {
    margin-left: 14px
}

.user__info-header {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

@media (min-width:576px) {
    .user__info-header--inline {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }
}

.user__info-header--inline .user__name {
    width: auto
}

    .user__info-header--inline .user__name:not(:last-child) {
        margin-right: 16px
    }

.user__info-header--inline .user__meta {
    flex-shrink: 0;
    margin-top: 2px
}

    .user__info-header--inline .user__meta:not(:last-child) {
        margin-right: 16px
    }

@media (max-width:576px) {
    .user__info-header--inline .user__moderator {
        margin-top: 4px;
        margin-bottom: 16px
    }
}

.user__name {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-size: 17px;
    font-weight: 300;
    margin-top: 2px;
    margin-bottom: 0;
    width: 100%
}

    .user__name:not(:last-child) {
        margin-right: 7px
    }

    .user__name a {
        color: currentColor;
        text-decoration: none
    }

.user__meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin-top: -2px
}

    .user__meta li:not(:last-child):after {
        content: "-";
        margin: 0 4px
    }

.user__blog-tag {
    flex-shrink: 0;
    margin: 8px 0 3px
}

@media (min-width:576px) {
    .user__blog-tag {
        margin: 0 -2px 0 8px
    }
}

.user .definitions {
    flex-basis: 100%
}

@media (min-width:576px) {
    .user .definitions {
        order: 1
    }
}

.user__guest-icon {
    position: absolute;
    bottom: 0;
    left: 42px;
    width: 13px;
    height: 15px;
    transform: translateX(-100%);
    fill: #3370b7
}

.user__image--md ~ .user__guest-icon {
    left: 55px
}

.user__image--lg ~ .user__guest-icon {
    left: 64px
}

.user-contact {
    display: flex
}

    .user-contact .icon--contact {
        flex-shrink: 0;
        width: 25px;
        height: 23px;
        margin-right: 16px
    }

.user-dropdown {
    position: relative
}

.site-header .user-dropdown {
    display: flex;
    justify-content: flex-end
}

.user-dropdown .user__image {
    width: 38px;
    height: 38px
}

@media (max-width:768px) {
    .user-dropdown .user__info {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

.user-dropdown .user__name {
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (min-width:992px) {
    .user-dropdown .user__name {
        max-width: 190px
    }
}

@media (min-width:1200px) {
    .user-dropdown .user__name {
        max-width: 360px
    }
}

.user-dropdown__toggle {
    padding: 4px 0;
    cursor: pointer
}

@media (min-width:768px) {
    .user-dropdown__toggle {
        padding: 10px 0
    }
}

@media (min-width:768px) {
    .user-dropdown__toggle-glyph {
        display: none
    }
}

@media (max-width:768px) {
    .user-dropdown__toggle-content {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

.user-dropdown .inline-dropdown__panel-wrapper {
    min-width: 100%;
    width: auto
}

.user-dropdown__panel {
    padding: 20px;
    border-radius: 4px 4px 30px;
    background-color: #fff;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.07),0 0 1px 0 rgba(0,0,0,.5)
}

@media (min-width:992px) {
    .user-dropdown__panel {
        min-width: 160px
    }
}

.user-dropdown__menu {
    font-size: 14px
}

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

        .user-dropdown__menu ul:first-child {
            margin-top: -8px
        }

        .user-dropdown__menu ul:last-child {
            margin-bottom: -8px
        }

        .user-dropdown__menu ul + ul {
            padding-top: 8px;
            border-top: solid 1px #d1d1d1;
            margin-top: 8px
        }

    .user-dropdown__menu a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        transition: transform .15s ease;
        padding: 8px 0 7px;
        color: #2c406f
    }

        .user-dropdown__menu a:hover {
            transform: translateX(3px)
        }

.video-block {
    margin-bottom: 46px
}

.block-inline-blockelement .video-block {
    margin-bottom: 0
}

.video-block .video {
    margin: 8px 0 11px;
    overflow: hidden;
    position: relative;
    border-radius: 4px
}

    .video-block .video figure {
        margin: 0
    }

.referral-guide {
    border: none;
    height: 50em;
    width: 100%
}

.branding a {
    align-items: center;
    display: flex;
    justify-content: center;
    text-decoration: none
}

.branding__title {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.branding__slogan {
    height: 22px;
    margin: 3px 10px 0 0;
    width: 182px
}

@media (max-width:992px) {
    .branding__slogan {
        display: none
    }
}

.branding__logo {
    height: 30px;
    width: 133px
}

@media (min-width:768px) {
    .branding__logo {
        height: 40px;
        width: 177px
    }
}

@media (max-width:768px) {
    .site-header--has-search-box .branding__logo {
        width: 38px
    }
}

@media (max-width:992px) {
    .site-header--has-search-box .branding__logo {
        width: 51px;
        overflow: hidden
    }
}

.branding__logo svg {
    height: 100%;
    width: auto
}

.images-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px
}

.images-gallery__item {
    background: #fff;
    border-radius: 4px 4px 15px;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.07),0 0 1px 0 rgba(0,0,0,.5);
    height: 97px;
    margin: 0 0 20px 20px;
    overflow: hidden;
    width: 167px
}

    .images-gallery__item a {
        display: block;
        height: 100%;
        width: 100%
    }

    .images-gallery__item img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

.video-embed {
    margin-bottom: 20px
}

    .video-embed:last-child {
        margin-bottom: 0
    }

    .video-embed .video-embed__item {
        position: relative;
        border-radius: 4px;
        overflow: hidden
    }

        .video-embed .video-embed__item + .video-embed__item {
            margin-top: 20px
        }

.youtube-embed {
    position: relative
}

.youtube-embed__open {
    cursor: pointer
}

.youtube-embed__icon {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 40px;
    border-color: transparent transparent transparent currentColor
}

.youtube-embed--is-pending .youtube-embed__icon {
    width: 40px;
    height: 40px;
    border: solid 6px currentColor;
    border-top-color: transparent;
    animation: 1s linear infinite rotate;
    border-radius: 50%
}

.youtube-embed--is-active .youtube-embed__icon {
    height: 40px;
    border: solid 9px currentColor;
    border-top: none;
    border-bottom: none;
    animation: none;
    border-radius: 0;
    width: 32px
}

.youtube-embed__placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1
}

.youtube-embed__placeholder-label {
    display: block;
    font-weight: 700;
    margin-top: 10px
}

.youtube-embed--is-pending .youtube-embed__placeholder-label {
    display: none
}

.youtube-embed--is-active .youtube-embed__placeholder-label {
    display: none
}

.youtube-embed__popover {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1280px;
    color: #fff;
    transform: translate(-50%,-50%);
    display: none;
    box-shadow: 0 5px 50px 5px rgba(0,0,0,.3);
    z-index: 750
}

.youtube-embed__popover--is-active {
    display: block
}

.youtube-embed__popover .youtube-embed__close {
    position: absolute;
    top: 0;
    right: 0
}

.youtube-embed__popover--is-accessible-outside-Y .youtube-embed__close {
    top: auto;
    bottom: 100%;
    margin-bottom: 15px
}

.youtube-embed__backdrop {
    background: #000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    transition: visibility 0s linear .3s,opacity .3s ease;
    z-index: 749
}

.youtube-embed__backdrop--is-active {
    opacity: .6;
    visibility: visible;
    transition: visibility 0s linear 0s,opacity .3s ease
}

.mfp-container {
    padding: 0
}

.mfp-bottom-bar {
    display: none
}

.mfp-bg {
    background: #000;
    opacity: .6
}

.mfp-image-holder button.mfp-close {
    background: #2c406f;
    border: none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 7px 14px 5px;
    text-decoration: none;
    transition: background .2s ease;
    user-select: none;
    white-space: nowrap;
    right: 0;
    top: 15px;
    width: auto;
    height: auto
}

    .mfp-image-holder button.mfp-close:not([disabled]):hover {
        background: #223259
    }

@media not all and (min-width:768px) {
    .mfp-image-holder button.mfp-close {
        right: 15px;
        background-color: rgba(0,0,0,.6)
    }
}

.mfp-image-holder button.mfp-close {
    background: 0 0;
    box-shadow: none;
    color: currentColor
}

    .mfp-image-holder button.mfp-close:not([disabled]):hover {
        background: rgba(255,255,255,.4);
        box-shadow: none;
        color: #2d2d2d
    }

    .mfp-image-holder button.mfp-close.button--primary, .mfp-image-holder .blog-modal .modal__panel-form button.mfp-close.form-submit, .blog-modal .modal__panel-form .mfp-image-holder button.mfp-close.form-submit, .mfp-image-holder .blog-post-modal .modal__panel-form button.mfp-close.form-submit, .blog-post-modal .modal__panel-form .mfp-image-holder button.mfp-close.form-submit {
        color: #3370b7
    }

    .mfp-image-holder button.mfp-close svg {
        margin-right: 1rem
    }

.mfp-iframe-holder button.mfp-close {
    background: #2c406f;
    border: none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 7px 14px 5px;
    text-decoration: none;
    transition: background .2s ease;
    user-select: none;
    white-space: nowrap;
    right: 0;
    top: 0;
    width: auto;
    height: auto
}

    .mfp-iframe-holder button.mfp-close:not([disabled]):hover {
        background: #223259
    }

@media (min-width:768px) {
    .mfp-iframe-holder button.mfp-close {
        top: 15px
    }
}

.mfp-iframe-holder button.mfp-close {
    background: 0 0;
    box-shadow: none;
    color: currentColor
}

    .mfp-iframe-holder button.mfp-close:not([disabled]):hover {
        background: rgba(255,255,255,.4);
        box-shadow: none;
        color: #2d2d2d
    }

    .mfp-iframe-holder button.mfp-close.button--primary, .mfp-iframe-holder .blog-modal .modal__panel-form button.mfp-close.form-submit, .blog-modal .modal__panel-form .mfp-iframe-holder button.mfp-close.form-submit, .mfp-iframe-holder .blog-post-modal .modal__panel-form button.mfp-close.form-submit, .blog-post-modal .modal__panel-form .mfp-iframe-holder button.mfp-close.form-submit {
        color: #3370b7
    }

    .mfp-iframe-holder button.mfp-close svg {
        margin-right: 1rem
    }

.mfp-figure {
    color: #fff
}

    .mfp-figure:after {
        box-shadow: 0 5px 50px 5px rgba(0,0,0,.3);
        top: 0
    }

@media (min-width:768px) {
    .mfp-figure:after {
        top: 70px
    }
}

.mfp img.mfp-img {
    padding: 0
}

@media (min-width:768px) {
    .mfp img.mfp-img {
        padding: 70px 0 40px
    }
}

.aside-navigation.bookmarks-navigation {
    margin-bottom: 40px;
    margin-top: -47px
}

@media (min-width:768px) {
    .aside-navigation.bookmarks-navigation {
        margin-bottom: 0
    }
}

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

.aside-navigation li {
    margin: 0
}

.aside-navigation__link {
    border-radius: 4px 4px 30px;
    color: #474747;
    display: block;
    font-size: 16px;
    padding: 13px 24px 10px 14px;
    text-decoration: none;
    transition: all .2s ease
}

    .aside-navigation__link:hover, .aside-navigation__link:focus, .aside-navigation__link.active {
        background: #eaf0f7;
        color: #2d2d2d
    }

    .aside-navigation__link.active {
        font-weight: 700
    }

.aside-navigation__link--icon {
    padding-left: 52px;
    position: relative
}

    .aside-navigation__link--icon svg {
        height: 18px;
        left: 10px;
        position: absolute;
        top: 15px;
        width: 32px
    }

@media (min-width:576px) {
    .aside-navigation__link--icon svg {
        height: 22px;
        top: 14px
    }
}

@media (min-width:576px) {
    .aside-navigation__link--icon .icon-blog, .aside-navigation__link--icon .icon-persons {
        height: 20px
    }
}

.breadcrumb {
    margin: 0;
    padding: 5px 0 3px;
    position: relative;
    background-color: #f2f9fd;
    z-index: 1
}

.container .breadcrumb:before, .container .breadcrumb:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50vw;
    background-color: #f2f9fd
}

.container .breadcrumb:before {
    right: 50%
}

.container .breadcrumb:after {
    left: 50%
}

[class*=theme-color] .container .breadcrumb:before {
    right: 100%
}

[class*=theme-color] .container .breadcrumb:after {
    left: 100%
}

[class*=theme-color] .container .breadcrumb:before, [class*=theme-color] .container .breadcrumb:after {
    width: 23px
}

@media (min-width:1200px) {
    [class*=theme-color] .container .breadcrumb:before, [class*=theme-color] .container .breadcrumb:after {
        width: 50px
    }
}

.breadcrumb__title {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.breadcrumb__items {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    color: #2c406f;
    display: flex;
    font-size: 14px;
    line-height: 21px;
    z-index: 1
}

.breadcrumb__item {
    margin-right: 8px
}

    .breadcrumb__item:last-child {
        flex-shrink: 0
    }

@media (min-width:768px) {
    .breadcrumb__item:last-child {
        margin-right: 0
    }
}

@media (max-width:768px) {
    .breadcrumb__item {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        flex-grow: 0
    }

    .breadcrumb--root-on-mobile .breadcrumb__item:not(:first-child) {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

    .breadcrumb:not(.breadcrumb--root-on-mobile) .breadcrumb__item:nth-last-child(1n+3) {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

@media (min-width:576px) {
    .breadcrumb__item {
        flex-wrap: wrap
    }

        .breadcrumb__item:last-child {
            white-space: normal
        }
}

@media (max-width:768px) {
    .breadcrumb .breadcrumb__item:nth-last-child(2) .breadcrumb__item-label {
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.breadcrumb__item-link .breadcrumb__item-label:after {
    background-color: transparent;
    content: "";
    display: block;
    height: 2px;
    transition: background-color .2s ease;
    width: 100%
}

.breadcrumb__item-link:hover .breadcrumb__item-label:after {
    background-color: currentColor
}

.breadcrumb__item-icon {
    display: inline-block;
    margin: -2px 0 0 8px;
    fill: currentColor;
    flex-shrink: 0;
    height: 10px;
    width: 7px
}

@media (max-width:768px) {
    .breadcrumb__item-icon {
        transform: rotate(180deg);
        margin: -2px 8px 0 0;
        order: -1
    }
}

@media (min-width:768px) {
    .breadcrumb__item:last-child .breadcrumb__item-icon {
        display: none
    }
}

.breadcrumb__item-link {
    align-items: center;
    color: #2c406f;
    text-decoration: none
}

.breadcrumb__item-link {
    display: flex
}

.breadcrumb__item-label {
    display: block;
    padding: 13px 0
}

@media (max-width:768px) {
    .caremap-sections-navigation {
        border-bottom: solid 1px rgba(0,0,0,.08);
        background-color: #fff;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: transform .3s ease-in-out 50ms,opacity .3s ease-in-out 0ms,visibility 0ms linear .3s
    }
}

@media (min-width:768px) {
    .caremap-sections-navigation {
        position: relative;
        height: 100%;
        font-size: 14px;
        padding-top: calc(50px/2);
        margin-top: calc(0 - 50px/2)
    }
}

@media (min-width:992px) {
    .caremap-sections-navigation {
        font-size: inherit
    }
}

.caremap-sections-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.caremap-sections-navigation li {
    margin: 0
}

@media (max-width:768px) {
    .caremap-sections-navigation li {
        position: relative
    }
}

.caremap-sections-navigation a {
    position: relative;
    box-shadow: inset 0 1px rgba(0,0,0,.08);
    color: currentColor;
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: 18px 18px 15px 46px;
    transition: all .2s ease;
    text-decoration: none
}

@media (min-width:768px) {
    .caremap-sections-navigation a {
        transition: transform .15s ease;
        color: #285992;
        font-weight: 300;
        box-shadow: none;
        padding: 13px 31px 11px 12px
    }
}

.caremap-sections-navigation a:not(.active):hover {
    text-decoration: underline
}

@media (min-width:768px) {
    .caremap-sections-navigation a:not(.active):hover {
        transform: translateX(3px)
    }
}

.caremap-sections-navigation a.active {
    background: #3370b7;
    border-radius: 4px 4px 15px;
    color: #fff;
    box-shadow: none;
    font-weight: 700
}

    .caremap-sections-navigation a.active:focus {
        outline: none
    }

.caremap-sections-navigation__helper {
    display: none
}

@media (min-width:768px) {
    .caremap-sections-navigation__helper {
        display: block
    }
}

.caremap-sections-navigation__icon {
    fill: #2c406f;
    height: 20px;
    left: 20px;
    position: absolute;
    top: 50%;
    width: 12px;
    margin-top: -10px
}

.active > .caremap-sections-navigation__icon {
    fill: #fff
}

@media (max-width:768px) {
    .caremap-sections-navigation__articles .caremap-sections-navigation__icon {
        display: none
    }

    .js-has-sub-nav > .caremap-sections-navigation__icon {
        transform: rotate(90deg)
    }

    .js-has-sub-nav.active > .caremap-sections-navigation__icon {
        transform: rotate(270deg)
    }
}

@media (min-width:768px) {
    .caremap-sections-navigation__icon {
        left: auto;
        margin-top: -7px;
        right: 12px;
        width: 14px;
        height: 14px;
        fill: #d1d1d1
    }
}

.caremap-sections-navigation__articles {
    padding: 0 10px 0 46px;
    display: none;
    background-color: #fff
}

@media (min-width:768px) {
    .caremap-sections-navigation__articles {
        position: absolute;
        flex-grow: 1;
        top: 0;
        min-height: 100%;
        bottom: calc(0 - 50px/2);
        left: 0;
        padding: 0;
        margin-left: 50px;
        z-index: 1;
        width: 100%;
        transition: transform .5s ease 0ms;
        will-change: padding,margin,left
    }

    .caremap-sections-navigation--reveal .caremap-sections-navigation__articles, .caremap-sections-navigation__articles--expanded {
        margin-left: 0;
        padding-left: 50px;
        transform: translateX(100%) translateX(-80px);
        transition: transform .5s ease .15s;
        width: calc(100% + 50px)
    }

        .caremap-sections-navigation--reveal .caremap-sections-navigation__articles:before, .caremap-sections-navigation__articles--expanded:before {
            left: 50px
        }

    .caremap-sections-navigation__articles:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 150px;
        max-width: calc(100% - 5px);
        border-radius: 30px 60px 0 0;
        display: block;
        content: " ";
        box-shadow: -5px 0 7px 0 rgba(0,0,0,.08)
    }
}

@media (min-width:992px) {
    .caremap-sections-navigation__articles {
        margin-left: 75px;
        width: calc(100% - 50px)
    }

    .caremap-sections-navigation--reveal .caremap-sections-navigation__articles, .caremap-sections-navigation__articles--expanded {
        padding-left: 75px;
        width: calc(100% + 75px - 50px);
        transform: translateX(100%) translateX(-50px)
    }

        .caremap-sections-navigation--reveal .caremap-sections-navigation__articles:before, .caremap-sections-navigation__articles--expanded:before {
            left: 75px
        }
}

.active + .caremap-sections-navigation__articles {
    display: block
}

@media (min-width:768px) {
    .caremap-sections-navigation__articles-wrapper {
        position: relative;
        padding: 30px 15px;
        border-top-left-radius: 30px;
        background-color: #fff;
        height: 100%
    }
}

@media (min-width:992px) {
    .caremap-sections-navigation__articles-wrapper {
        padding: 30px 20px
    }
}

.caremap-sections-navigation__articles-title {
    font-size: inherit;
    line-height: 30px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 13px;
    display: none
}

@media (min-width:768px) {
    .caremap-sections-navigation__articles-title {
        padding-left: 12px;
        display: block
    }
}

.caremap-sections-navigation__articles li:first-child a {
    box-shadow: none
}

.caremap-sections-navigation__articles a {
    display: block;
    color: #285992;
    font-weight: 300;
    padding: 15px 0 17px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis
}

@media (min-width:768px) {
    .caremap-sections-navigation__articles a {
        padding: 13px 36px 11px 12px;
        transition: transform .15s ease
    }
}

.caremap-sections-navigation__articles a.active {
    background: 0 0;
    color: #2d2d2d;
    font-weight: 700;
    box-shadow: none
}

@media (max-width:768px) {
    .caremap-sections-navigation__articles a.active {
        box-shadow: inset 0 1px rgba(0,0,0,.08);
        border-radius: 0
    }
}

@media (min-width:768px) {
    .caremap-sections-navigation__articles a.active {
        background: #3370b7;
        border-radius: 4px 4px 15px;
        color: #fff
    }
}

.caremap-sections-navigation__articles a:not(.active):hover {
    text-decoration: underline
}

@media (min-width:768px) {
    .caremap-sections-navigation__articles a:not(.active):hover {
        transform: translateX(3px)
    }
}

.facet-search {
    background-color: #fff;
    margin: 20px auto;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    max-width: 920px
}

@media (max-width:768px) {
    .facet-search {
        border-bottom-right-radius: 30px
    }
}

@media (max-width:768px) {
    .facet-search-overlay--is-active .facet-search {
        background-color: #fff;
        overflow-y: auto;
        padding: 0 10px;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-overflow-scrolling: touch;
        z-index: 22
    }
}

@media (min-width:768px) {
    .facet-search.js-active.js--show-dropdown {
        border-bottom-right-radius: 0
    }
}

.facet-search--is-invalid {
    animation: invalid .82s cubic-bezier(.36,.07,.19,.97) both
}

.facet-search, .facet-search form {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: stretch
}

@media (min-width:768px) {
    .facet-search, .facet-search form {
        flex-direction: row
    }
}

@media (max-width:768px) {
    .facet-search.js-active, .facet-search form.js-active {
        display: block
    }
}

@media (min-width:768px) {
    .facet-search[style*=padding-top], .facet-search form[style*=padding-top] {
        padding-top: 0 !important
    }
}

.facet-search:first-child {
    margin-top: 0
}

.facet-search:last-child {
    margin-bottom: 0
}

.facet-search > div > .horizontal-flow__aside {
    padding-left: 0
}

.facet-search__field, .facet-search__filters {
    display: flex;
    align-items: center
}

.facet-search__field {
    flex-grow: 1;
    border-bottom: 2px solid #f1f1f1;
    padding-left: 16px;
    position: relative
}

@media (min-width:576px) {
    .facet-search__field {
        padding: 8px 0 8px 16px
    }
}

.facet-search__field label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.facet-search__field input[type=text] {
    width: 100%;
    background: transparent none;
    padding: 19px 0 15px 16px;
    border: none;
    font-size: 16px;
    color: #474747;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 300
}

    .facet-search__field input[type=text]:focus {
        outline: none
    }

@media (min-width:576px) {
    .facet-search__field input[type=text] {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 19px
    }
}

.facet-search__field [type=submit] {
    font-size: 16px;
    opacity: 0;
    padding-bottom: 7px;
    padding-top: 11px;
    transition: opacity .2s ease-in-out 0ms,visibility linear 0ms .2s;
    visibility: hidden
}

.facet-search--is-ready .facet-search__field [type=submit]:not(.submit--is-active) {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0
}

@media (min-width:576px) {
    .facet-search__field [type=submit] {
        font-size: 19px
    }
}

.facet-search__field [type=submit].submit--is-active {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease-in-out 0ms,visibility linear 0ms 0ms
}

.facet-search__field-glyph {
    fill: #474747;
    transition: fill .2s ease;
    vertical-align: middle;
    width: 21px;
    height: 19px;
    margin-bottom: -4px
}

@media (min-width:576px) {
    .facet-search__field-glyph {
        width: 26px;
        height: 25px
    }
}

@media (max-width:768px) {
    .js-active .facet-search__field-glyph {
        height: 23px;
        margin-right: 8px;
        margin-left: 8px;
        width: 24px
    }
}

@media (min-width:768px) {
    .facet-search__field {
        border-bottom: 0;
        border-left: 2px solid #f1f1f1;
        padding-left: 16px;
        padding-right: 8px
    }
}

@media (max-width:768px) {
    .js-active .facet-search__field {
        border: none;
        padding: 6px 0 0
    }

        .js-active .facet-search__field > div > .horizontal-flow__aside {
            padding-left: 10px
        }

    .js-active .facet-search__field-container {
        background: #fff;
        border: solid 1px rgba(209,209,209,.6);
        border-bottom-color: #d1d1d1;
        border-radius: 4px;
        box-shadow: none;
        padding: 0
    }

        .js-active .facet-search__field-container:focus {
            border-color: #d1d1d1
        }

        .js-active .facet-search__field-container.error {
            border-color: #e0081a
        }

    .js-active .facet-search__field input[type=text] {
        font-size: inherit;
        line-height: 20px;
        padding: 10px 0 8px
    }

    .js-active .facet-search__field [type=submit] {
        font-size: 17px;
        padding-top: 6px;
        padding-bottom: 4px
    }
}

.facet-search__close {
    border-radius: 32px;
    display: none;
    padding: 0;
    height: 30px;
    width: 30px;
    text-align: center
}

    .facet-search__close svg {
        display: inline-block;
        color: #747474;
        height: 14px;
        margin: 0;
        vertical-align: middle;
        width: 14px
    }

    .facet-search__close:hover svg {
        fill: #fff
    }

    .facet-search__close span {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }

@media (max-width:768px) {
    .js-active .facet-search__close {
        display: block
    }
}

.facet-search__filters {
    flex-shrink: 0;
    padding: 0 28px 0 16px
}

@media (min-width:768px) {
    .facet-search__filters {
        order: -1;
        width: 40%;
        padding: 8px 8px 8px 24px
    }
}

.facet-search__filters label {
    font-weight: 700;
    font-size: 16px;
    margin: 4px 0 0
}

@media (min-width:576px) {
    .facet-search__filters label {
        font-size: 19px
    }
}

.facet-search__filters select {
    color: #747474
}

@media (max-width:768px) {
    .js-active .facet-search__filters {
        box-shadow: inset 0 4px 4px -4px rgba(0,0,0,.12);
        margin: 6px -10px 0;
        padding: 0;
        padding: 28px 20px 0
    }

        .js-active .facet-search__filters .horizontal-flow {
            display: block
        }

        .js-active .facet-search__filters label, .js-active .facet-search__filters select {
            font-size: inherit
        }

        .js-active .facet-search__filters .native-select {
            border-radius: 4px;
            border-width: 1px;
            display: inline-block
        }

            .js-active .facet-search__filters .native-select svg {
                right: 12px
            }
}

@media (max-width:768px) {
    .js-active.js--show-dropdown .facet-search__filters {
        display: none
    }
}

.facet-search .horizontal-flow__aside {
    padding-right: 0
}

    .facet-search .horizontal-flow__aside ~ .horizontal-flow__aside {
        padding-left: 0
    }

.facet-search .native-select {
    border-width: 0;
    border-radius: 0
}

@media (max-width:768px) {
    .facet-search .native-select svg {
        right: 0
    }
}

.facet-search input[type=submit] {
    display: none
}

.facet-search__dropdown {
    background: #fff;
    bottom: 0;
    box-shadow: inset 0 4px 4px -4px rgba(0,0,0,.12);
    display: none;
    left: 0;
    margin: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 52px;
    z-index: 21
}

@media (min-width:768px) {
    .facet-search__dropdown {
        border-radius: 0 0 4px 4px;
        border-top: 2px solid #f1f1f1;
        box-shadow: 0 8px 8px 0 rgba(0,0,0,.12);
        bottom: auto;
        font-size: 19px;
        left: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 100%
    }

        .facet-search__dropdown[style*=top] {
            top: 100% !important
        }
}

.js-active.js--show-dropdown .facet-search__dropdown {
    display: block
}

@media (max-width:768px) {
    .facet-search-overlay--is-active body {
        overflow-y: hidden
    }

    .facet-search-overlay--is-active .landing-page-header__hero-wrapper {
        width: 100%
    }

    .facet-search-overlay--is-active .landing-page-header__hero-content {
        z-index: auto
    }
}

@keyframes invalid {
    10%,90% {
        transform: translateX(-3px)
    }

    20%,80% {
        transform: translateX(6px)
    }

    30%,50%,70% {
        transform: translateX(-8px)
    }

    40%,60% {
        transform: translateX(8px)
    }
}

.footer-navigation {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width:992px) {
    .footer-navigation {
        text-align: inherit;
        max-width: 520px
    }
}

.footer-navigation__title {
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

@media (min-width:768px) {
    .footer-navigation__title {
        font-size: 17px
    }
}

.footer-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -12px;
    text-align: center
}

@media (min-width:992px) {
    .footer-navigation ul {
        text-align: left;
        justify-content: flex-start
    }
}

.footer-navigation li {
    display: block
}

@media (min-width:992px) {
    .footer-navigation li {
        width: 50%
    }
}

.footer-navigation a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    padding: 8px 12px;
    text-decoration: none;
    color: #3370b7
}

    .footer-navigation a:after {
        display: block;
        background-color: transparent;
        content: "";
        height: 2px;
        transition: background-color .2s ease
    }

    .footer-navigation a:hover:after {
        background-color: currentColor
    }

body.main-navigation--is-active {
    overflow-y: hidden
}

.main-navigation svg {
    fill: currentColor
}

.main-navigation__toggle {
    background: #3370b7;
    border-radius: 4px;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 8px 9px 5px;
    text-align: left;
    white-space: nowrap;
    transition: transform .2s ease-in 0ms,opacity .2s ease 0ms,visibility 0ms linear 0ms
}

@media (max-width:768px) {
    .main-navigation.js-show.main-navigation--list-is-active .main-navigation__toggle {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: transform .2s ease 0ms,opacity .2s ease 0ms,visibility 0ms linear .2s
    }
}

html:not(.js) .main-navigation__toggle {
    display: none
}

@media (max-width:768px) {
    html.search-overlay--is-active .main-navigation__toggle {
        display: none
    }
}

@media (min-width:768px) {
    .main-navigation__toggle {
        padding-left: 16px;
        padding-right: 14px;
        width: 108px
    }
}

.main-navigation__toggle-label {
    display: inline-block;
    vertical-align: middle
}

@media (max-width:768px) {
    .main-navigation__toggle-label {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

.main-navigation__dropdown {
    background: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100vh - 52px)
}

.main-navigation--is-ready .main-navigation__dropdown {
    display: flex;
    top: 52px
}

@media (max-width:768px) {
    .main-navigation__dropdown {
        display: none;
        flex-direction: column
    }

    .main-navigation--is-ready .main-navigation__dropdown {
        opacity: 0;
        visibility: hidden;
        transform: scale(.8);
        transition: opacity .2s ease-in-out 0ms,visibility 0ms linear .2s,transform .2s ease-in-out 0ms
    }

    .main-navigation--is-ready.js-show .main-navigation__dropdown {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: opacity .2s ease-in-out 0ms,visibility 0ms linear 0ms,transform .2s ease-in-out 0ms
    }
}

@media (min-width:768px) {
    .main-navigation__dropdown {
        height: calc(100vh - 76px);
        max-height: 650px
    }

    .main-navigation--is-ready .main-navigation__dropdown {
        top: -1920px;
        transition: top .5s ease
    }
}

@media (max-width:768px) {
    .main-navigation__dropdown .container {
        padding: 30px 10px 10px;
        flex-grow: 1
    }
}

@media (min-width:768px) {
    .main-navigation__dropdown .container {
        display: flex;
        justify-content: left;
        align-items: flex-start;
        height: 100%;
        max-width: 1250px
    }
}

html:not(.js) .main-navigation__dropdown {
    padding-bottom: 0;
    position: static
}

    html:not(.js) .main-navigation__dropdown .container {
        max-width: none
    }

html.js-tmp .main-navigation__dropdown {
    display: none
}

.main-navigation__top {
    flex-grow: 1;
    overflow: auto
}

.main-navigation__bottom {
    flex-shrink: 0
}

@media (min-width:768px) {
    .main-navigation.js-show .main-navigation__dropdown {
        top: 76px
    }
}

.main-navigation__backdrop {
    background: #000;
    bottom: 0;
    opacity: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: visibility 0s linear .3s,opacity .3s ease;
    visibility: hidden;
    z-index: -1
}

@media (max-width:768px) {
    .main-navigation__backdrop {
        display: none
    }
}

.main-navigation.js-show .main-navigation__backdrop {
    opacity: .3;
    transition-delay: 0s;
    visibility: visible
}

@media (max-width:768px) {
    .main-navigation--list-is-active .main-navigation__tabs {
        display: none
    }
}

@media (min-width:768px) {
    .main-navigation__tabs {
        width: 350px;
        padding: 30px 45px 10px 0;
        height: 100%;
        overflow: auto
    }
}

@media (min-width:992px) {
    .main-navigation__tabs {
        width: 440px
    }
}

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

@media (min-width:768px) {
    .main-navigation__tabs ul {
        border-right: solid 1px #d1d1d1
    }
}

.main-navigation__tabs > ul > li + li {
    margin-top: 25px
}

@media (min-width:768px) {
    .main-navigation__tabs > ul > li + li {
        margin-top: 10px
    }
}

html:not(.js) .main-navigation__tabs {
    display: none
}

.main-navigation__tab {
    display: flex;
    flex-grow: 0;
    align-items: center;
    text-decoration: none;
    position: relative;
    transition: transform .15s ease;
    color: #2c406f
}

@media (min-width:768px) {
    .main-navigation__tab {
        padding-right: 30px
    }

        .main-navigation__tab:after {
            background: #3370b7;
            border-bottom-right-radius: 8px;
            bottom: 0;
            content: "";
            display: block;
            left: 100%;
            opacity: 0;
            position: absolute;
            transition: transform .15s ease;
            top: 0;
            width: 3px
        }
}

.main-navigation__tab[aria-selected=true]:after, .main-navigation__tab.active:after, .main-navigation__tab:hover:after {
    opacity: 1
}

@media (min-width:768px) {
    .main-navigation__tab[aria-selected=true], .main-navigation__tab.active {
        font-weight: 700
    }
}

@media (min-width:768px) {
    .main-navigation__tab:hover .main-navigation__tab-label {
        background-color: #3370b7;
        color: #fff
    }

        .main-navigation__tab:hover .main-navigation__tab-label svg {
            fill: currentColor
        }
}

.main-navigation__tab[aria-selected=true] .main-navigation__tab-label, .main-navigation__tab.active .main-navigation__tab-label {
    font-weight: 700
}

@media (min-width:768px) {
    .main-navigation__tab:hover {
        transform: translateX(3px)
    }

        .main-navigation__tab:hover:after {
            transform: translateX(-3px)
        }
}

.main-navigation__tab-icon {
    width: 42px;
    margin-right: 12px;
    display: flex;
    flex-shrink: 0;
    justify-content: center
}

    .main-navigation__tab-icon svg {
        width: 32px;
        height: 32px
    }

        .main-navigation__tab-icon svg.icon-library {
            height: 35px
        }

        .main-navigation__tab-icon svg.icon-experiences {
            height: 28px
        }

        .main-navigation__tab-icon svg.icon-help {
            height: 33px
        }

        .main-navigation__tab-icon svg.icon-subjects {
            height: 36px;
            width: 36px
        }

        .main-navigation__tab-icon svg.icon-trials {
            height: 36px;
            width: 36px
        }

.main-navigation__tab-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px 4px 15px;
    flex-grow: 1
}

@media (min-width:768px) {
    .main-navigation__tab-label {
        padding: 10px 14px 12px;
        font-size: 20px;
        line-height: 26px
    }
}

.main-navigation__tab-label svg {
    transition: opacity .15s ease;
    width: 12px;
    height: 12px;
    margin-left: 12px;
    flex-shrink: 0
}

@media (min-width:768px) {
    .main-navigation__tab-label svg {
        transform: rotate(-90deg)
    }
}

.main-navigation__list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-grow: 1;
    margin: 0
}

@media (max-width:768px) {
    .main-navigation--list-is-inactive .main-navigation__list {
        display: none
    }
}

@media (min-width:768px) {
    .main-navigation__list {
        padding-top: 40px;
        padding-bottom: 40px;
        height: 100%;
        overflow: auto
    }
}

.main-navigation__item {
    display: block
}

    .main-navigation__item[hidden] {
        display: none
    }

html:not(.js) .main-navigation__item {
    display: block;
    flex-basis: 350px;
    margin: 25px
}

.main-navigation__list-back-toggle {
    background: #fff;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    color: #2c406f;
    padding: 13px 30px 13px 10px;
    z-index: 23;
    transition: transform .2s ease-in-out 0ms,opacity .2s ease 0ms,visibility 0ms linear .2s;
    opacity: 0;
    transform: translateX(-100%);
    visibility: hidden;
    cursor: pointer;
    font-size: 14px
}

    .main-navigation__list-back-toggle svg {
        fill: #2c406f;
        width: 14px;
        height: 14px;
        margin-right: 7px;
        display: inline-block;
        vertical-align: middle;
        transform: rotate(90deg)
    }

.main-navigation.js-show.main-navigation--list-is-active .main-navigation__list-back-toggle {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: transform .2s ease-in-out 0ms,opacity .2s ease 0ms,visibility 0ms linear 0ms
}

@media (min-width:768px) {
    .main-navigation__list-back-toggle {
        display: none
    }
}

.main-navigation__title {
    color: #2d2d2d;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none
}

.main-navigation__description {
    color: #747474;
    font-size: 14px;
    margin-top: 20px;
    font-weight: 300
}

.main-navigation__title + .main-navigation__description {
    margin-top: 10px
}

@media (min-width:768px) {
    .main-navigation__description {
        margin-top: 20px
    }
}

@media (min-width:768px) {
    .main-navigation__description {
        font-size: 16px;
        font-style: italic
    }
}

.main-navigation__list .main-navigation__description {
    margin-bottom: 5px
}

@media (min-width:576px) {
    .main-navigation__list .main-navigation__description {
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .main-navigation__list .main-navigation__description {
        margin-bottom: 20px
    }
}

.main-navigation__sub-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .main-navigation__sub-list {
        margin-top: 25px
    }
}

.main-navigation__sub-list a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    transition: transform .15s ease;
    text-decoration: none
}

@media (min-width:768px) {
    .main-navigation__sub-list a {
        justify-content: flex-end;
        max-width: 350px;
        padding: 10px 0;
        flex-direction: row-reverse
    }
}

@media (min-width:768px) {
    .main-navigation__sub-list a.active svg, .main-navigation__sub-list a:hover svg {
        fill: currentColor
    }
}

@media (min-width:768px) {
    .main-navigation__sub-list a:hover svg {
        transform: translateX(3px) rotate(-90deg);
        margin-right: 28px
    }
}

.main-navigation__sub-list svg {
    width: 12px;
    height: 12px;
    transform: rotate(-90deg);
    transition: .2s ease-in-out;
    transition-property: fill,margin-right,transform
}

@media (min-width:768px) {
    .main-navigation__sub-list svg {
        margin: 0 25px 0 12px;
        fill: #d1d1d1
    }
}

.main-navigation__sub-list > li.is-important {
    font-weight: 700;
    margin: 20px 0
}

    .main-navigation__sub-list > li.is-important:first-child {
        margin-top: 0
    }

    .main-navigation__sub-list > li.is-important:last-child {
        margin: 0
    }

@media (max-width:768px) {
    .main-navigation__sub-list > li:last-child > a {
        margin-bottom: -11px
    }

    .main-navigation__sub-list > li:not(.is-important) + li:not(.is-important) {
        border-top: solid 1px rgba(0,0,0,.08)
    }
}

@media (min-width:768px) {
    .main-navigation__sub-list:after {
        display: table;
        content: " ";
        clear: both
    }
}

.main-navigation__toolbar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #f1f1f1
}

@media (min-width:768px) {
    .main-navigation__toolbar {
        display: none
    }
}

.main-navigation--is-ready .main-navigation__toolbar {
    opacity: 0;
    transition: transform .2s ease,opacity .2s ease;
    transform: translateY(100%)
}

.main-navigation--is-ready.js-show .main-navigation__toolbar {
    transform: translateY(0);
    opacity: 1
}

.main-navigation .user {
    margin-right: 12px
}

.main-navigation__dropdown-helper {
    display: block
}

@media (min-width:768px) {
    .main-navigation__dropdown-helper {
        display: none
    }
}

.pagination {
    display: block
}

.pagination__items {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 30px 0 35px -5px;
    padding: 0
}

.pagination__item {
    padding: 5px
}

.pagination__link {
    background: #fff;
    border: solid 1px rgba(0,0,0,.1);
    border-bottom-color: rgba(0,0,0,.2);
    border-radius: 4px;
    color: #2c406f;
    cursor: pointer;
    display: inline-block;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: inherit;
    margin: 0;
    min-width: 52px;
    padding: 14px 16px 11px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease;
    user-select: none
}

    .pagination__link:hover {
        box-shadow: 0 2px 3px -1px rgba(0,0,0,.2)
    }

.pagination__link--disabled {
    color: #d1d1d1;
    cursor: default
}

    .pagination__link--disabled:hover {
        box-shadow: none
    }

.pagination__ellipsis {
    padding: 14px 18px 11px
}

.profile-navigation {
    background: rgba(209,209,209,.4);
    margin: 0 calc(-50vw + 50%) 12px
}

@media (min-width:768px) {
    .profile-navigation {
        margin-bottom: 80px
    }
}

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

@media (min-width:768px) {
    .profile-navigation ul {
        display: flex;
        justify-content: center
    }
}

.profile-navigation li {
    width: 100%
}

@media (min-width:768px) {
    .profile-navigation li {
        max-width: 230px
    }
}

.profile-navigation__link {
    align-items: center;
    display: flex;
    font-size: 17px;
    justify-content: flex-start;
    line-height: 30px;
    padding: 2px 20px 0;
    position: relative;
    text-decoration: none;
    transition: color .2s ease;
    z-index: 1;
    color: currentColor
}

@media (min-width:768px) {
    .profile-navigation__link {
        display: block;
        font-size: 19px;
        padding-top: 32px;
        padding-bottom: 16px;
        text-align: center
    }
}

.profile-navigation__link:before {
    background: #3370b7;
    border-bottom-right-radius: 30px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow .2s ease,opacity .2s ease;
    z-index: -1
}

@media (min-width:768px) {
    .profile-navigation__link:before {
        bottom: -18px
    }
}

.profile-navigation__link.active, .profile-navigation__link:hover {
    color: #fff
}

    .profile-navigation__link.active:before, .profile-navigation__link:hover:before {
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.1);
        opacity: 1
    }

    .profile-navigation__link.active .profile-navigation__icon, .profile-navigation__link:hover .profile-navigation__icon {
        color: #fff
    }

.profile-navigation__icon {
    position: relative;
    align-items: center;
    color: #2c406f;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 4px 16px 4px 0;
    transition: color .2s ease;
    width: 40px
}

@media (min-width:768px) {
    .profile-navigation__icon {
        height: 52px;
        margin: 0 auto -1px;
        width: 52px
    }
}

.profile-navigation__icon svg {
    fill: currentColor;
    height: 24px;
    margin-top: -2px;
    width: 24px
}

@media (min-width:768px) {
    .profile-navigation__icon svg {
        height: 32px;
        margin-top: 0;
        width: 32px
    }
}

.profile-navigation__icon svg.icon-activities--filled {
    height: 23px
}

@media (min-width:768px) {
    .profile-navigation__icon svg.icon-activities--filled {
        height: 32px;
        width: 34px
    }
}

.profile-navigation__icon svg.icon-crown {
    width: 30px;
    height: 20px
}

@media (min-width:768px) {
    .profile-navigation__icon svg.icon-crown {
        width: 40px;
        height: 26px
    }
}

.profile-navigation__icon svg.icon-envelope--filled {
    height: 20px
}

@media (min-width:768px) {
    .profile-navigation__icon svg.icon-envelope--filled {
        height: 27px
    }
}

.profile-navigation__icon svg.icon-save--filled {
    width: 22px
}

@media (min-width:768px) {
    .profile-navigation__icon svg.icon-save--filled {
        width: 28px
    }
}

@media (min-width:768px) {
    .profile-navigation__icon svg.icon-blog--monochrome {
        width: 38px;
        height: 36px
    }
}

.profile-navigation__icon svg.icon-profile--filled {
    width: 20px
}

@media (min-width:768px) {
    .profile-navigation__icon svg.icon-profile--filled {
        width: 26px
    }
}

.profile-navigation__icon .unread-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(25%,-100%)
}

@media (min-width:768px) {
    .profile-navigation__icon .unread-badge {
        transform: translateY(-50%)
    }
}

@media (min-width:992px) {
    .service-navigation {
        margin-right: 9px
    }
}

.service-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -9px;
    text-align: center
}

@media (min-width:992px) {
    .service-navigation ul {
        margin-top: 1px
    }
}

.service-navigation li {
    display: block
}

.service-navigation a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    padding: 6px 9px;
    text-decoration: none;
    color: currentColor
}

    .service-navigation a:after {
        background-color: transparent;
        content: "";
        display: block;
        height: 2px;
        transition: background-color .2s ease
    }

    .service-navigation a:hover:after {
        background-color: currentColor
    }

.site-search form {
    background: #fff;
    border: solid 1px rgba(209,209,209,.6);
    border-bottom-color: #d1d1d1;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    display: flex;
    position: relative
}

    .site-search form:focus {
        border-color: #d1d1d1
    }

    .site-search form.error {
        border-color: #e0081a
    }

@media (max-width:768px) {
    .search-overlay--is-active .site-search form {
        background: #fff;
        border: solid 1px rgba(209,209,209,.6);
        border-bottom-color: #d1d1d1;
        border-radius: 4px;
        box-shadow: none
    }

        .search-overlay--is-active .site-search form:focus {
            border-color: #d1d1d1
        }

        .search-overlay--is-active .site-search form.error {
            border-color: #e0081a
        }
}

.site-search:not(.site-search--is-rounded) form.js-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.site-search .site-search__glyph {
    background: url("../../../../themes/custom/kreeft_theme/dist/svg/icon-search.svg") center center no-repeat;
    background-size: contain;
    display: inline-block;
    fill: #474747;
    height: 23px;
    margin-right: 8px;
    margin-left: 8px;
    transition: fill .2s ease;
    vertical-align: middle;
    width: 24px
}

.site-search .form-item {
    margin: 0
}

.site-search label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

    .site-search label:after {
        content: none
    }

.site-search [type=text] {
    margin-top: 4px;
    background: 0 0;
    border: none;
    color: #474747;
    width: 100%;
    font-family: KWFFedraSans,Helvetica,sans-serif;
    font-weight: 300;
    padding: 2px 0 0
}

    .site-search [type=text]:focus {
        outline: none
    }

@media (max-width:768px) {
    .search-overlay--is-active .site-search [type=submit] {
        padding-top: 6px;
        padding-bottom: 4px
    }
}

.site-search__submit-wrapper {
    transition: opacity .2s ease-in-out 0ms,visibility linear 0ms .2s
}

.site-search.site-search--is-ready [type=submit] {
    opacity: 0;
    visibility: hidden
}

    .site-search.site-search--is-ready [type=submit].submit--is-active {
        opacity: 1;
        visibility: visible;
        transition: opacity .2s ease-in-out 0ms,visibility linear 0ms 0ms
    }

.site-search .horizontal-flow, .site-search__wrapper .horizontal-flow {
    margin: 0
}

.site-search .horizontal-flow__aside, .site-search .horizontal-flow__main, .site-search__wrapper .horizontal-flow__aside, .site-search__wrapper .horizontal-flow__main {
    padding: 0
}

.site-search__wrapper {
    flex-grow: 1;
    padding: 0 10px
}

@media (min-width:768px) {
    .site-search__wrapper {
        order: -1;
        padding: 0 25px
    }

        .site-search__wrapper form {
            max-width: 500px
        }
}

.site-search--is-ready {
    cursor: text
}

.site-search--is-rounded form {
    border-radius: 42px;
    padding-left: 14px;
    padding-right: 14px
}

.site-search--is-rounded [type=text] {
    padding-top: 13px;
    padding-bottom: 16px
}

.site-search__dropdown {
    background: #fff;
    bottom: 0;
    box-shadow: inset 0 4px 4px -4px rgba(0,0,0,.12);
    display: none;
    left: 0;
    margin: 0;
    overflow-y: auto;
    padding: 0 20px;
    position: fixed;
    right: 0;
    top: 52px;
    z-index: 21
}

@media (min-width:768px) {
    .site-search__dropdown {
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
        bottom: auto;
        padding: 0;
        position: absolute;
        top: calc(100% + 1px)
    }

    form.js-active .site-search__dropdown {
        display: block
    }
}

@media (max-width:768px) {
    .search-overlay--is-active .site-search__dropdown {
        display: block
    }
}

@media (min-width:768px) {
    .site-search__dropdown[style*=top] {
        top: calc(100% + 1px) !important
    }
}

@media (max-width:768px) {
    .site-search__autosuggest {
        margin: 0 -20px
    }
}

.site-search__autosuggest:not(:empty) + .search-lockin {
    display: none
}

.tree-navigation__items {
    width: 100%;
    list-style: none;
    display: block;
    padding: 0 0 0 5px;
    margin: 0
}

    .tree-navigation__items .tree-navigation__items {
        padding-left: 30px
    }

.tree-navigation__item {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

    .tree-navigation__item:not(:last-child):before {
        position: absolute;
        display: block;
        content: " ";
        background-color: #285992;
        top: 0;
        bottom: 0;
        left: -30px;
        width: 1px
    }

.tree-navigation__item-toggle {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 90px;
    background: #f1f1f1;
    margin: 8px 0 0 8px;
    max-width: 100%;
    text-decoration: none;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out;
    font-size: 14px
}

    .tree-navigation__item-toggle span {
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

.tree-navigation__items--single-level > li > .tree-navigation__item-toggle {
    transform: translateX(-13px)
}

.tree-navigation__items .tree-navigation__items .tree-navigation__item-toggle {
    color: #fff
}

.tree-navigation__items .tree-navigation__items .tree-navigation__item-toggle {
    background-color: #2c406f
}

    .tree-navigation__items .tree-navigation__items .tree-navigation__item-toggle:hover {
        background-color: #223259
    }

.tree-navigation__items .tree-navigation__items .tree-navigation__items .tree-navigation__item-toggle {
    background-color: #3370b7
}

    .tree-navigation__items .tree-navigation__items .tree-navigation__items .tree-navigation__item-toggle:hover {
        background-color: #285992
    }

.tree-navigation__items .tree-navigation__item-toggle:first-child:before, .tree-navigation__items .tree-navigation__item-toggle:first-child:after, .tree-navigation__items .tree-navigation__item-toggle:first-child span:before {
    position: absolute;
    display: block;
    content: " ";
    background-color: #285992
}

.tree-navigation__items .tree-navigation__item-toggle:first-child:before {
    top: -8px;
    bottom: 50%;
    left: -30px;
    margin-left: -8px;
    width: 1px
}

.tree-navigation__items .tree-navigation__item-toggle:first-child:after {
    top: 50%;
    bottom: 0;
    left: -8px;
    width: 1px
}

.tree-navigation__items .tree-navigation__item-toggle:first-child span:before {
    bottom: 50%;
    right: 100%;
    left: -38px;
    height: 1px
}

.tree-navigation__items.tree-navigation__items--first-level > li > .tree-navigation__item-toggle:before, .tree-navigation__items.tree-navigation__items--first-level > li > .tree-navigation__item-toggle span:before {
    content: none
}

.tree-navigation__items .tree-navigation__item-toggle .tree-navigation__items--last-level.tree-navigation__items:after, .tree-navigation__items .tree-navigation__item-toggle:only-child:after {
    content: none
}

.tree-navigation__items--single-level > .tree-navigation__item > .tree-navigation__item-toggle:after {
    display: none
}

.tree-navigation__item-close {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    fill: currentColor;
    margin-left: 16px
}

.layout-sidebar {
    margin: 20px 0
}

@media (min-width:768px) {
    .layout-sidebar {
        flex-shrink: 0;
        flex-grow: 0;
        width: 250px;
        margin: 40px 50px 0 0
    }
}

@media (min-width:992px) {
    .layout-sidebar {
        width: 300px
    }
}

.page-content--stacked .layout-sidebar {
    margin-right: 0
}

.region-below-sidebar {
    margin-top: 50px
}

@media (max-width:768px) {
    .region-below-sidebar {
        display: none
    }
}

.layout-content {
    max-width: 750px;
    width: 100%
}

.page-content--wide .layout-content {
    max-width: none
}

.page-content--stacked .layout-content {
    max-width: none
}

.site-footer {
    position: relative;
    background: #fff;
    z-index: 1
}

.site-footer__branding, .site-footer__navigation, .site-footer__service {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:992px) {
    .site-footer__branding, .site-footer__navigation, .site-footer__service {
        padding-left: 30px;
        padding-right: 30px
    }
}

.site-footer__branding {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px
}

body[class*=theme-color] .site-footer__branding {
    border-top: solid 1px #f1f1f1
}

@media (min-width:768px) {
    .site-footer__branding {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media (min-width:576px) {
    .site-footer__branding .branding__slogan {
        display: block
    }
}

.site-footer__navigation {
    padding-top: 35px;
    padding-bottom: 30px;
    background-color: #f2f9fd
}

.site-footer__service {
    align-items: center;
    padding-top: 15px;
    padding-bottom: 5px
}

@media (min-width:992px) {
    .site-footer__service {
        display: flex;
        padding-top: 8px;
        justify-content: space-between
    }
}

.layout-section {
    margin: 30px calc(-50vw + 50%)
}

@media (min-width:576px) {
    .layout-section {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.layout-section[class*="--type-of"] {
    padding: 30px 0
}

@media (min-width:576px) {
    .layout-section[class*="--type-of"] {
        padding-top: 10px;
        padding-bottom: 55px
    }
}

.layout-section:first-child {
    margin-top: 0
}

.layout-section:last-child {
    margin-bottom: 0
}

@media (min-width:1200px) {
    .layout-section > .container {
        padding-left: 0;
        padding-right: 0
    }
}

.layout-section--type-of-other {
    background: rgba(209,209,209,.4)
}

.layout-section--type-of-community {
    background-color: #fdf6eb
}

.layout-section--type-of-library {
    background: #eaf0f7
}

.layout-section--type-of-support {
    background: #ede9f3
}

.layout-section .configure-section, .layout-section .remove-section {
    position: relative;
    top: 20px
}

@media (min-width:576px) {
    .layout-section .configure-section, .layout-section .remove-section {
        top: 30px
    }
}

.layout-section .remove-section {
    margin-left: 10px
}

div.layout-section {
    margin: 0 0 30px
}

@media (min-width:576px) {
    div.layout-section {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .landing-page-content {
        margin-top: 6px
    }
}

@media (min-width:576px) {
    .landing-page-content .layout {
        margin-left: calc(0 - 50px)
    }
}

@media (min-width:576px) {
    .landing-page-content .layout .block {
        padding-left: 50px
    }
}

@media (min-width:576px) {
    .landing-page-content .layout .block[class*=block__] {
        padding-top: 50px;
        padding-bottom: calc(50px/2)
    }
}

@media (min-width:992px) {
    .landing-page-content .layout .block[class*=block__] {
        padding-bottom: calc(50px*1.3)
    }
}

.landing-page-content .layout .block[class*=block__].block--subsection {
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width:576px) {
    .landing-page-content .layout .block[class*=block__].block--subsection {
        margin-bottom: 30px
    }
}

@media (min-width:576px) and (max-width:992px) {
    .landing-page-content .layout .block[class*=block__].block--subsection:nth-child(n+3) {
        margin-top: 40px
    }
}

@media (min-width:576px) {
    .landing-page-content .layout + .layout {
        margin-top: calc(50px*1.5)
    }
}

.landing-page-content .layout--onecol .layout__region {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

@media (min-width:576px) {
    .landing-page-content .layout--onecol .layout__region > :not(.block) {
        margin-left: 50px;
        flex-basis: 100%
    }
}

.landing-page-content .layout--onecol .block:not(.block-inline-blockelement) {
    flex-basis: 100%;
    max-width: 100%
}

@media (min-width:576px) {
    .landing-page-content .layout--onecol .block__1-of-3:not(.block-inline-blockelement) {
        flex-basis: 50%
    }
}

@media (min-width:992px) {
    .landing-page-content .layout--onecol .block__1-of-3:not(.block-inline-blockelement) {
        flex-basis: 33.3333333333%
    }
}

.landing-page-content .layout--onecol .block__2-of-3 {
    flex-basis: 100%
}

@media (min-width:992px) {
    .landing-page-content .layout--onecol .block__2-of-3 {
        flex-basis: 66.6666666667%
    }
}

.landing-page-content .layout--twocol .layout__region, .landing-page-content .layout--threecol-33-34-33 .layout__region, .landing-page-content .layout--threecol-25-50-25 .layout__region {
    flex-basis: 100%
}

@media (min-width:576px) {
    .landing-page-content .layout--twocol .layout__region, .landing-page-content .layout--threecol-33-34-33 .layout__region, .landing-page-content .layout--threecol-25-50-25 .layout__region {
        flex-basis: 50%
    }
}

@media (min-width:576px) {
    .landing-page-content .layout--twocol .layout__region:not(.layout__region--bottom) .block + .block, .landing-page-content .layout--threecol-33-34-33 .layout__region:not(.layout__region--bottom) .block + .block, .landing-page-content .layout--threecol-25-50-25 .layout__region:not(.layout__region--bottom) .block + .block {
        margin-top: calc(50px*1.5)
    }
}

@media (min-width:576px) {
    .landing-page-content .layout--twocol .layout__region:not(.layout__region--bottom) {
        flex-grow: 1
    }
}

@media (min-width:992px) {
    .landing-page-content .layout--twocol .layout__region:not(.layout__region--bottom) .block__1_of_3 {
        width: 66.6666666667%
    }
}

.landing-page-content .layout--twocol .layout__region--bottom {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

    .landing-page-content .layout--twocol .layout__region--bottom .block__1-of-3:not(.block-inline-blockelement) {
        flex-basis: 100%
    }

@media (min-width:576px) {
    .landing-page-content .layout--twocol .layout__region--bottom .block__1-of-3:not(.block-inline-blockelement) {
        flex-basis: 50%
    }
}

@media (min-width:992px) {
    .landing-page-content .layout--twocol .layout__region--bottom .block__1-of-3:not(.block-inline-blockelement) {
        flex-basis: 33.3333333333%
    }
}

@media (min-width:576px) {
    .landing-page-content .layout--threecol-section--33-34-33 > .layout__region {
        flex: 0 1 33.33%
    }
}

.landing-page-content .layout--threecol-33-34-33 .layout__region, .landing-page-content .layout--threecol-25-50-25 .layout__region {
    flex-basis: 100%
}

@media (min-width:576px) {
    .landing-page-content .layout--threecol-33-34-33 .layout__region, .landing-page-content .layout--threecol-25-50-25 .layout__region {
        flex-basis: 50%
    }
}

@media (min-width:992px) {
    .landing-page-content .layout--threecol-33-34-33 .layout__region, .landing-page-content .layout--threecol-25-50-25 .layout__region {
        flex-basis: 33.3333333333%
    }
}

.page-node-type-landing-page .layout-builder--layout.layout--onecol .layout__region, .page-node-type-landing-page .layout-builder--layout.layout .layout__region--bottom {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

    .page-node-type-landing-page .layout-builder--layout.layout--onecol .layout__region .block:not(.block-inline-blockelement), .page-node-type-landing-page .layout-builder--layout.layout .layout__region--bottom .block:not(.block-inline-blockelement) {
        flex-basis: 100%
    }

@media (min-width:576px) {
    .page-node-type-landing-page .layout-builder--layout.layout--onecol .layout__region .block, .page-node-type-landing-page .layout-builder--layout.layout .layout__region--bottom .block {
        padding-left: 50px;
        margin-bottom: 75px
    }
}

@media (min-width:576px) {
    .page-node-type-landing-page .layout-builder--layout.layout--onecol .layout__region .block__1-of-3:not(.block-inline-blockelement), .page-node-type-landing-page .layout-builder--layout.layout .layout__region--bottom .block__1-of-3:not(.block-inline-blockelement) {
        flex-basis: 50%
    }
}

@media (min-width:992px) {
    .page-node-type-landing-page .layout-builder--layout.layout--onecol .layout__region .block__1-of-3:not(.block-inline-blockelement), .page-node-type-landing-page .layout-builder--layout.layout .layout__region--bottom .block__1-of-3:not(.block-inline-blockelement) {
        flex-basis: 33.3333333333%
    }
}

.page-node-type-landing-page .layout-builder--layout.layout--onecol .layout__region .block__2-of-3:not(.block-inline-blockelement), .page-node-type-landing-page .layout-builder--layout.layout .layout__region--bottom .block__2-of-3:not(.block-inline-blockelement) {
    flex-basis: 100%
}

@media (min-width:992px) {
    .page-node-type-landing-page .layout-builder--layout.layout--onecol .layout__region .block__2-of-3:not(.block-inline-blockelement), .page-node-type-landing-page .layout-builder--layout.layout .layout__region--bottom .block__2-of-3:not(.block-inline-blockelement) {
        flex-basis: 66.6666666667%
    }
}

@media (min-width:576px) {
    .page-node-type-landing-page .layout-builder--layout.layout:not(.layout--onecol) .layout__region:not(.layout__region--bottom) .block + .block {
        margin-top: calc(50px*1.5)
    }
}

.page-node-type-landing-page .layout-builder--layout .add-block {
    flex-basis: 100%
}

.page-node-type-overview-page .layout {
    margin-left: calc(0 - 20px)
}

    .page-node-type-overview-page .layout > * {
        padding-left: 20px
    }

.page-content {
    padding-bottom: 40px
}

.page-wrapper--fluid .page-content {
    padding-bottom: 0
}

@media (min-width:768px) {
    .page-content {
        display: flex;
        justify-content: center;
        flex-grow: 1
    }

    .page-content--stacked {
        flex-direction: column
    }
}

.page-header + div + .page-content {
    margin-top: 30px
}

.site-header {
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    margin-bottom: 1px;
    position: relative;
    position: sticky;
    top: 0;
    z-index: 20
}

@media (min-width:992px) {
    .site-header {
        box-shadow: 0 0 4px 0 rgba(0,0,0,.12)
    }
}

html:not(.js) .site-header {
    position: static
}

.site-header__inner {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    height: 52px;
    padding: 0 10px 0 98px;
    position: relative;
    z-index: 21
}

@media (min-width:768px) {
    .site-header__inner {
        height: 76px;
        padding: 0 20px;
        padding-left: 201px
    }
}

@media (min-width:992px) {
    .site-header__inner {
        padding-left: 327px
    }
}

.site-header .branding {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.site-header--has-search-box .branding {
    left: 10px;
    transform: translateY(-50%)
}

@media (min-width:768px) {
    .site-header--has-search-box .branding {
        left: 20px
    }
}

.site-header--has-search-box .branding .branding__slogan {
    display: none
}

@media (max-width:992px) {
    .site-header--has-search-box .branding .wordmark {
        display: none
    }
}

.site-header .search-link {
    margin-left: auto;
    margin-right: 6px
}

@media (min-width:992px) {
    .site-header .search-link {
        display: none
    }
}

.site-header .site-search__wrapper ~ .user-dropdown {
    flex-grow: 0
}

.site-header .main-navigation {
    width: 100%
}

@media (min-width:992px) {
    .site-header .main-navigation {
        display: block
    }
}

.site-header .main-navigation__toggle {
    position: absolute;
    top: 6px;
    left: 58px;
    z-index: 22
}

@media (min-width:768px) {
    .site-header .main-navigation__toggle {
        top: 18px;
        left: 93px
    }
}

@media (min-width:992px) {
    .site-header .main-navigation__toggle {
        left: 219px
    }
}

.site-header:not(.site-header--has-search-box) .main-navigation__toggle {
    left: 10px
}

@media (min-width:768px) {
    .site-header:not(.site-header--has-search-box) .main-navigation__toggle {
        left: 20px
    }
}

.site-header.js-show .main-navigation__dropdown {
    top: 100%
}

.kint + .site-header {
    order: -1
}

.referral-guide-organization__map {
    margin-bottom: 40px
}

.search-lockin {
    padding: 28px 0 16px;
    position: relative
}

@media (min-width:768px) {
    .search-lockin {
        padding: 28px 20px 30px
    }
}

.search-lockin__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px
}

.blog-header {
    margin: .875rem 0 2.125rem
}

@media (min-width:768px) {
    .blog-header {
        margin-top: 2.375rem;
        margin-bottom: 2.5rem
    }
}

.blog-header h1 {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .blog-header h1 {
        margin-top: 2.375rem;
        margin-bottom: 1.5rem
    }
}

.blog-header .meta {
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    .blog-header .meta {
        margin-bottom: 2.625rem
    }
}

.blog-header__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem;
    row-gap: 1rem
}

@media (min-width:768px) {
    .blog-header__actions {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 2rem
    }
}

.blog-header__actions .button--plain {
    font-size: 1.0625rem;
    font-weight: 300;
    text-decoration: underline
}

.blog-header__image {
    position: relative;
    height: 164px
}

@media (min-width:768px) {
    .blog-header__image {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0
    }
}

.blog-header__image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.blog-header .page-content {
    padding-bottom: 0
}

.blog-header__about {
    margin-bottom: 1.5rem;
    line-height: 1.65
}

@media (min-width:768px) {
    .blog-header__about {
        margin-bottom: 3.25rem
    }
}

.blog-header__about h3 {
    margin-bottom: .5rem
}

.blog-header__about p:last-of-type {
    margin-bottom: 0
}

.blog-header__about [class^=read-] a {
    display: table;
    border-bottom: 0;
    color: #3370b7;
    text-decoration: underline
}

    .blog-header__about [class^=read-] a:hover {
        padding-bottom: 0
    }

.blog-header__about .read-less {
    margin-top: 0
}

html.js .blog-header__about.js-truncate {
    max-height: 62px;
    overflow: hidden
}

    html.js .blog-header__about.js-truncate br {
        display: none
    }

.blog-post-header {
    margin: 40px 0 0
}

@media (min-width:768px) {
    .blog-post-header {
        display: flex;
        justify-content: space-between
    }
}

.blog-post-header__actions {
    margin-top: 27px;
    margin-bottom: 27px
}

@media (min-width:768px) {
    .blog-post-header__actions {
        flex-shrink: 0;
        margin: 15px 0 0 20px
    }
}

.blogs-overview {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .blogs-overview {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0
    }
}

.blogs-overview__count {
    color: #2d2d2d;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 3px;
    width: 100%
}

.blogs-overview .blog-teaser {
    margin: 0 0 20px
}

@media (min-width:768px) {
    .blogs-overview .blog-teaser {
        flex-basis: calc(50% - 14px);
        flex-grow: 0;
        flex-shrink: 0;
        max-width: calc(50% - 14px)
    }
}

.blogs-overview .pagination {
    width: 100%
}

.blogs-overview .pagination__items {
    margin-top: 15px
}

.bookmarks-block {
    margin-bottom: 28px
}

.bookmarks-block__title {
    margin: 0 0 17px
}

.colofon-dropdown {
    display: inline
}

.colofon-dropdown__toggle {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 10px;
    margin: -10px 0;
    cursor: pointer
}

.colofon-dropdown__icon-wrapper {
    display: block
}

.colofon-dropdown__icon {
    display: block;
    width: 20px;
    height: 20px;
    fill: #474747
}

    .colofon-dropdown__icon.icon--information {
        fill: #2c406f;
        display: block
    }

.inline-dropdown--is-expanded .colofon-dropdown__icon.icon--information, .colofon-dropdown__toggle:hover .colofon-dropdown__icon.icon--information {
    display: none
}

@media (hover:none) and (pointer:coarse) {
    .colofon-dropdown__toggle:hover .colofon-dropdown__icon.icon--information {
        display: block
    }

    .inline-dropdown--is-expanded .colofon-dropdown__toggle .colofon-dropdown__icon.icon--information {
        display: none
    }
}

.colofon-dropdown__icon.icon--information--hover {
    fill: #2c406f;
    display: none
}

.inline-dropdown--is-expanded .colofon-dropdown__icon.icon--information--hover, .colofon-dropdown__toggle:hover .colofon-dropdown__icon.icon--information--hover {
    display: block
}

@media (hover:none) and (pointer:coarse) {
    .colofon-dropdown__toggle:hover .colofon-dropdown__icon.icon--information--hover {
        display: none
    }

    .inline-dropdown--is-expanded .colofon-dropdown__toggle .colofon-dropdown__icon.icon--information--hover {
        display: block
    }
}

.comments__header {
    margin: 48px 0 17px
}

@media (min-width:576px) {
    .comments__header {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

.comments__header h2 {
    margin: 13px 0 12px;
    width: 100%
}

.comments__header .comment-sort-preference-form {
    width: auto
}

@media (min-width:576px) {
    .comments__header .comment-sort-preference-form {
        margin-left: 16px
    }
}

.js-tmp .comments__header .comment-sort-preference-form button {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.comments__header .form-item {
    margin: 0
}

.comments .indented {
    margin-left: 50px
}

    .comments .indented .indented .indented {
        margin-left: 0
    }

.comments__form {
    margin-left: 54px;
    min-height: 42px;
    position: relative
}

.comments__form-title {
    margin: 62px 0 28px
}

body:not(.page-node-type-forum) .comments__form .field--name-comment-body label {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px
}

.comments__form .form-item {
    margin-bottom: 24px
}

.comment-form {
    margin-top: 50px
}

.comments__form .comment-form {
    margin-top: 0
}

    .comments__form .comment-form.comment-comment-forum-form {
        margin-top: 30px
    }

.conversations-header {
    margin-top: 20px
}

@media (max-width:576px) {
    .conversations-header__about > div + div {
        margin-top: 20px
    }
}

@media (max-width:576px) {
    .conversations-header__introduction, .conversations-header__about {
        margin: 20px 0
    }

        .conversations-header__introduction:first-child, .conversations-header__about:first-child {
            margin-top: 0
        }

        .conversations-header__introduction:last-child, .conversations-header__about:last-child {
            margin-bottom: 0
        }
}

@media (min-width:576px) {
    .conversations-header__introduction, .conversations-header__about {
        display: flex;
        flex-grow: 0;
        flex-basis: 50%;
        justify-content: space-between;
        margin: 0
    }

        .conversations-header__introduction:nth-child(odd), .conversations-header__about:nth-child(odd) {
            margin-right: 20px
        }

        .conversations-header__introduction:nth-child(even), .conversations-header__about:nth-child(even) {
            margin-left: 20px
        }
}

@media (min-width:576px) {
    .conversations-header-toolbar {
        display: flex;
        flex-grow: 0;
        flex-basis: 50%
    }
}

.conversations-list {
    margin: 0 auto;
    max-width: 750px;
    width: 100%
}

    .conversations-list .pagination__items {
        padding-left: 50px
    }

.feedback-block--is-ready .feedback-block__dropdown {
    display: none
}

.feedback-block--is-ready.feedback-block--is-active .feedback-block__dropdown {
    display: block
}

.feedback-block--is-ready:not(.feedback-block--is-active) .fieldgroup {
    margin-bottom: 0
}

.hyperlink-card-overview {
    margin-top: 25px;
    margin-bottom: 25px
}

    .hyperlink-card-overview:first-child {
        margin-top: 0
    }

    .hyperlink-card-overview:last-child {
        margin-bottom: 0
    }

.hyperlink-card-overview__items {
    margin-left: -20px;
    margin-bottom: -20px
}

@media (min-width:576px) {
    .hyperlink-card-overview__items {
        display: grid;
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:768px) {
    .hyperlink-card-overview__items {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.hyperlink-card-overview__item {
    padding-left: 20px;
    margin-bottom: 20px
}

@media (min-width:576px) {
    .hyperlink-card-overview__item .hyperlink-card {
        display: flex;
        width: 100%;
        height: 100%
    }

    .hyperlink-card-overview__item .hyperlink-card__main {
        align-self: flex-start
    }
}

.inline-overview {
    margin-top: 20px;
    margin-bottom: 20px
}

    .inline-overview:first-child {
        margin-top: 0
    }

    .inline-overview:last-child {
        margin-bottom: 0
    }

.inline-overview__item + .inline-overview__item {
    border-top: solid 1px #d1d1d1;
    margin-top: 15px;
    padding-top: 15px
}

.landing-block {
    position: relative
}

.landing-block__header, .landing-block__main {
    padding-top: 15px;
    padding-bottom: 15px
}

.page-wrapper--fluid .landing-block__header, .page-wrapper--fluid .landing-block__main {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:1200px) {
    .page-wrapper--fluid .landing-block__header, .page-wrapper--fluid .landing-block__main {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:768px) {
    .landing-block__header, .landing-block__main {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

.landing-block__header:first-child, .landing-block__main:first-child {
    padding-top: 30px
}

@media (min-width:768px) {
    .landing-block__header:first-child, .landing-block__main:first-child {
        padding-top: 50px
    }
}

@media (min-width:992px) {
    .landing-block__header:first-child, .landing-block__main:first-child {
        padding-top: 80px
    }
}

.landing-block__header:last-child, .landing-block__main:last-child {
    padding-bottom: 30px
}

@media (min-width:768px) {
    .landing-block__header:last-child, .landing-block__main:last-child {
        padding-bottom: 50px
    }
}

@media (min-width:992px) {
    .landing-block__header:last-child, .landing-block__main:last-child {
        padding-bottom: 80px
    }
}

.landing-block--has-theme-color .landing-block__header, .landing-block--has-theme-color .landing-block__main {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .landing-block--has-theme-color .landing-block__header, .landing-block--has-theme-color .landing-block__main {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.landing-block__wrapper {
    margin-left: auto;
    margin-right: auto
}

.landing-block__header .landing-block__wrapper {
    max-width: 750px
}

.landing-block__main .landing-block__wrapper {
    max-width: 980px
}

.landing-block--has-wide-layout .landing-block__main .landing-block__wrapper {
    max-width: 1050px
}

.landing-block__header {
    text-align: center
}

    .landing-block__header p:last-child {
        margin-bottom: 0
    }

    .landing-block__header h1:first-child {
        margin-top: 0
    }

    .landing-block__header h1:last-child {
        margin-bottom: 0
    }

    .landing-block__header h2:first-child {
        margin-top: 0
    }

    .landing-block__header h2:last-child {
        margin-bottom: 0
    }

    .landing-block__header h3:first-child {
        margin-top: 0
    }

    .landing-block__header h3:last-child {
        margin-bottom: 0
    }

.library-article {
    margin-bottom: 40px;
    position: relative
}

    .library-article:last-child {
        margin-bottom: 0
    }

@media (min-width:768px) {
    .library-article {
        padding-right: 30px
    }
}

@media (min-width:992px) {
    .library-article {
        padding-right: 50px
    }
}

.library-article h1 {
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 13px
}

.library-article h2 {
    font-size: 20px;
    line-height: 27px
}

.library-article .meta {
    margin-top: -14px;
    margin-bottom: 24px
}

.library-article .buttons {
    margin: 8px 0 4px
}

@media (min-width:768px) {
    .library-article .buttons {
        margin-top: 10px;
        margin-bottom: 16px
    }
}

.library-article .buttons .button--print {
    display: none
}

@media (min-width:768px) {
    .library-article .buttons .button--print {
        display: inline-block
    }
}

.library-article .related-content {
    margin-bottom: 34px
}

    .library-article .related-content h2 {
        margin-bottom: 17px
    }

.products-header {
    padding-top: 1.5rem;
    margin-bottom: 2rem
}

@media (min-width:992px) {
    .products-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.5rem
    }
}

.products-header h1 {
    margin-top: 0
}

@media (min-width:992px) {
    .products-header h1 {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .products-header__actions {
        display: flex;
        align-content: center
    }
}

.products-header .button {
    margin-top: .5rem
}

@media (min-width:992px) {
    .products-header .button {
        margin-top: 0;
        margin-left: 2.5rem
    }
}

.products-overview__inner {
    margin: 0 -1.25rem;
    padding: 1.5rem 1.25rem 2rem;
    background-color: #ede9f3
}

@media (min-width:576px) {
    .products-overview__inner {
        margin: 0 0 1.25rem;
        padding: 0;
        background-color: transparent
    }
}

.products-overview__counter {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4
}

@media (min-width:576px) {
    .products-overview__counter {
        margin-bottom: 2rem
    }
}

.products-overview__filters {
    margin-bottom: 2.5rem
}

.products-overview__grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    row-gap: 1rem;
    column-gap: 1.1875rem;
    list-style: none
}

@media (min-width:576px) {
    .products-overview__grid {
        grid-template-columns: repeat(2,1fr);
        row-gap: 1.1875rem
    }
}

@media (min-width:768px) {
    .products-overview__grid {
        grid-template-columns: repeat(3,1fr)
    }
}

.products-overview .pagination {
    margin-top: 3rem
}

@media (min-width:576px) {
    .products-overview .pagination {
        margin-bottom: 4rem
    }
}

.products-overview .pagination__items {
    margin-bottom: 0
}

.search-results__actions {
    margin: 15px 0
}

@media (min-width:768px) {
    .search-results__actions {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.search-results__term:first-letter {
    text-transform: capitalize
}

.search-results__subtitle {
    margin-top: -17px;
    max-width: 750px
}

@media (min-width:768px) {
    .search-results__subtitle {
        margin-top: -20px
    }
}

.search-results__synonyms {
    font-size: 14px;
    line-height: 27px;
    margin-top: -17px;
    margin-bottom: 10px;
    max-width: 750px
}

    .search-results__synonyms:not(:last-child) {
        margin-bottom: 10px
    }

@media (min-width:768px) {
    .search-results__synonyms {
        margin-top: -25px
    }
}

.active-filters {
    max-width: 750px
}

@media (max-width:768px) {
    .active-filters {
        display: none
    }
}

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

@media (min-width:768px) {
    .active-filters ul {
        display: inline
    }
}

.active-filters ul li {
    display: inline-block;
    margin-bottom: 11px;
    margin-right: 6px
}

    .active-filters ul li:last-child {
        margin-right: 10px
    }

.active-filters .button {
    display: block
}

    .active-filters .button svg {
        height: 14px;
        vertical-align: -2px;
        width: 16px
    }

.active-filters__reset {
    font-size: 14px;
    margin: 0
}

@media (min-width:768px) {
    .active-filters__reset {
        display: inline
    }
}

.active-filters__reset a {
    border-bottom: solid 2px currentColor;
    color: currentColor;
    text-decoration: none;
    transition: all .1s ease-out;
    color: #285992;
    white-space: nowrap
}

    .active-filters__reset a:hover, .active-filters__reset a:focus {
        padding-bottom: 2px
    }

.search-results__title {
    color: #2d2d2d;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 10px
}

@media (min-width:768px) {
    .search-results__title {
        margin-top: 40px
    }
}

.search-results__count_text {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1em
}

.search-results__count {
    color: #747474
}

.search-results__heading {
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 8px
}

@media (min-width:768px) {
    .search-results__tips {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap
    }
}

.search-results__tips--trials .link-block {
    height: 100%;
    margin: 0
}

.search-results__tips--trials .link-block__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: -2px 0 0
}

.search-results__location-form {
    margin-bottom: 1em
}

    .search-results__location-form .form-item-location label {
        font-size: 14px;
        font-weight: 700
    }

.search-results__list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 40px
}

    .search-results__list:last-child {
        margin-bottom: 0
    }

.search-results__notification {
    border-radius: 8px;
    margin-top: 70px
}

    .search-results__notification h2 {
        font-size: 20px;
        line-height: 27px
    }

@media (min-width:768px) {
    .search-results--cards {
        margin-bottom: 1.25rem
    }
}

.search-results--cards .search-results__count_text {
    margin-top: 2rem
}

.search-results--cards .search-results__list {
    position: relative;
    margin-bottom: 0;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem
}

    .search-results--cards .search-results__list:before {
        display: block;
        position: absolute;
        top: 0;
        left: -23px;
        width: calc(100% + 23px + 23px);
        height: 100%;
        background-color: #fdf6eb;
        content: ""
    }

@media (min-width:992px) {
    .search-results--cards .search-results__list:before {
        display: none
    }
}

@media (min-width:768px) {
    .search-results--cards .search-results__list {
        padding-top: 2rem;
        column-count: 2;
        column-gap: 2rem
    }
}

@media (min-width:992px) {
    .search-results--cards .search-results__list {
        column-count: 3;
        padding-top: 0
    }
}

.search-results--cards .search-results__list > li {
    break-inside: avoid
}

    .search-results--cards .search-results__list > li:not(:last-child) {
        margin-bottom: .75rem
    }

@media (min-width:768px) {
    .search-results--cards .search-results__list > li:not(:last-child) {
        margin-bottom: 1.5rem
    }
}

.search-results--cards .pagination {
    position: relative
}

    .search-results--cards .pagination:before {
        display: block;
        position: absolute;
        top: 0;
        left: -23px;
        width: calc(100% + 23px + 23px);
        height: 100%;
        background-color: #fdf6eb;
        content: ""
    }

@media (min-width:992px) {
    .search-results--cards .pagination:before {
        display: none
    }
}

.search-results--cards .pagination__items {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .search-results--cards .pagination__items {
        padding-bottom: 1.25rem
    }
}

@media (min-width:992px) {
    .search-results--cards .pagination__items {
        padding-bottom: 0
    }
}

.search-result {
    display: block;
    text-decoration: none;
    padding: 20px 0;
    border-top: 1px solid rgba(0,0,0,.1);
    color: currentColor
}

.search-result__title {
    font-size: 14px;
    font-weight: 700
}

.search-result__timestamp {
    color: #747474;
    font-size: 12px;
    display: block;
    margin: 10px 0 5px
}

.search-result__snippet {
    font-size: 14px;
    line-height: 27px;
    margin: 0
}

.search-result__category {
    font-size: 14px;
    margin: 5px 0 0;
    color: #747474
}

    .search-result__category svg {
        display: inline-block;
        margin-right: 5px;
        vertical-align: -5px;
        height: 20px;
        color: #8c63a6
    }

    .search-result__category .icon-library {
        vertical-align: -5px;
        width: 20px
    }

    .search-result__category .icon-conversation {
        vertical-align: -8px;
        width: 24px
    }

    .search-result__category .icon-blog {
        height: 20px;
        width: 24px
    }

    .search-result__category .icon-mapmarker {
        width: 15px;
        height: 20px
    }

    .search-result__category .icon-help {
        width: 22px
    }

    .search-result__category .icon-experiences {
        width: 25px
    }

    .search-result__category .icon-trials {
        width: 27px
    }

.search-result--user {
    padding-bottom: 14px
}

    .search-result--user .user__info {
        margin-top: 3px
    }

    .search-result--user .user__meta {
        margin-top: 4px;
        margin-bottom: 5px
    }

    .search-result--user .definitions {
        margin: 0
    }

.specialists-overview {
    margin: 24px 0;
    display: grid;
    row-gap: 24px
}

    .specialists-overview:first-child {
        margin-top: 0
    }

    .specialists-overview:last-child {
        margin-bottom: 0
    }

@media (min-width:768px) {
    .specialists-overview {
        grid-template-columns: 1fr 1fr;
        column-gap: 24px
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .specialists-overview {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
        justify-content: space-between
    }

        .specialists-overview > * {
            margin-bottom: 24px
        }
}

@media (-ms-high-contrast:none) and (min-width:768px),(-ms-high-contrast:active) and (min-width:768px) {
    .specialists-overview > * {
        width: calc(50% - 12px)
    }
}

.user-header {
    position: relative;
    padding: 20px 0 40px
}

@media (min-width:992px) {
    .user-header {
        padding: 30px 0 60px
    }
}

@media (min-width:768px) {
    .user-header__container {
        display: flex;
        justify-content: space-between
    }
}

.user-header:last-child {
    margin-top: 0
}

.user-header .user__image:not(.user__image--outer) + .user__info {
    margin-left: 20px
}

.user-header .user__name {
    color: #2d2d2d;
    font-size: 23px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .user-header .user__name {
        font-size: 40px;
        line-height: 46px
    }
}

.user-header__actions {
    margin-top: 27px
}

@media (min-width:768px) {
    .user-header__actions {
        flex-shrink: 0;
        margin: 15px 0 0 20px
    }
}

.user-status {
    display: flex;
    margin-bottom: 25px;
    align-items: flex-start
}

@media (min-width:768px) {
    .user-status {
        align-items: center
    }
}

.user-status__tag {
    margin-right: 25px
}

.user-status__message {
    flex-grow: 1;
    margin: 0;
    font-size: 14px
}

.page-wrapper {
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto
}

.page-wrapper--fluid {
    background: 0 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0
}

@media (max-width:768px) {
    .page-node-type-library-article .page-container .breadcrumb {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        overflow: hidden;
        height: 1px;
        width: 1px
    }
}

@media (max-width:768px) {
    .page-node-type-library-article .breadcrumb {
        margin-top: 0;
        margin-bottom: -4px
    }

    .page-node-type-library-article .breadcrumb__items {
        font-size: inherit
    }
}

@media (max-width:768px) {
    .page-node-type-library-article .layout-sidebar {
        margin-top: 0;
        margin-bottom: 0;
        position: relative
    }
}

@media (min-width:768px) {
    .page-node-type-library-article .layout-sidebar .region-sidebar, .page-node-type-library-article .layout-sidebar .block-sections-menu-block {
        height: 100%
    }
}

@media (min-width:992px) {
    .page-node-type-library-article .layout-sidebar {
        flex-basis: 350px
    }
}

@media (min-width:768px) {
    .page-node-type-library-article .page-content {
        padding-bottom: 0
    }
}

@media (min-width:768px) {
    .page-node-type-library-article .layout-content > div:not(.node--type-library-article):not(.sticky-toolbar), .page-node-type-library-article .article-page {
        padding-bottom: 40px;
        transition: opacity .35s ease-in-out,visibility 0ms ease-in-out
    }

    .caremap-sections-navigation--is-revealed .page-node-type-library-article .layout-content > div:not(.node--type-library-article):not(.sticky-toolbar), .caremap-sections-navigation--is-revealed .page-node-type-library-article .article-page {
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s ease-in-out 0ms,visibility 0ms ease-in-out .35s
    }

    .js-initial-load .page-node-type-library-article .layout-content > div:not(.node--type-library-article):not(.sticky-toolbar), .js-initial-load .page-node-type-library-article .article-page {
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s ease-in-out 0ms,visibility 0ms ease-in-out .35s
    }
}

@media (max-width:768px) {
    .page-node-type-library-article .caremap-title {
        display: none
    }
}

@media (max-width:768px) {
    .page-node-type-library-article .js-show-caremap-nav .caremap-title {
        display: block;
        margin-bottom: 20px
    }
}

@media (max-width:768px) {
    .page-node-type-library-article .js-show-caremap-nav .caremap-sections-navigation {
        transform: none;
        opacity: 1;
        visibility: visible;
        transition: transform .3s ease-in-out 0ms,opacity .3s ease-in-out 0ms,visibility 0ms linear 0ms
    }
}

@media (max-width:768px) {
    .page-node-type-library-article .js-show-caremap-nav .layout-content {
        display: none
    }
}

@media (max-width:768px) {
    .page-node-type-library-article .js-show-caremap-nav.js-initial-load .caremap-sections-navigation {
        transition: none
    }
}

@media (max-width:768px) {
    .page-node-type-library-article .js-show-caremap-nav .site-footer {
        display: none
    }
}

@media (min-width:768px) {
    .page-node-type-library-article .feedback-block {
        margin-right: 30px
    }
}

@media (min-width:992px) {
    .page-node-type-library-article .feedback-block {
        margin-right: 50px
    }
}

.page-node-type-library-article .feedback-block {
    border-radius: 8px
}

    .page-node-type-library-article .feedback-block h2 {
        font-size: 20px;
        line-height: 27px
    }

.article-page__toggle-nav {
    width: 100%;
    font-size: 14px;
    color: #2c406f;
    background-color: #f1f1f1;
    box-shadow: 50vw 0 0 0 #f1f1f1,-50vw 0 0 0 #f1f1f1;
    cursor: pointer;
    line-height: 25px;
    margin-bottom: -28px;
    text-align: left;
    display: inline-flex;
    padding: 13px 0;
    flex-wrap: nowrap
}

@media (min-width:768px) {
    .article-page__toggle-nav {
        display: none
    }
}

.article-page__toggle-nav svg {
    flex-shrink: 0;
    display: inline-block;
    fill: currentColor;
    height: 10px;
    width: 7px;
    margin: -2px 8px 0 0;
    transform: rotate(180deg)
}

.article-page__label {
    display: flex;
    align-items: center
}

.article-page__label--caremap {
    white-space: nowrap;
    margin-right: 8px
}

    .article-page__label--caremap, .article-page__label--caremap > span {
        overflow: hidden;
        text-overflow: ellipsis
    }

.article-page__label--section {
    flex-shrink: 0;
    font-size: 14px
}

@media (min-width:768px) {
    .article-page__label--section {
        display: none
    }
}

.blog-posts h3 {
    font-weight: 700;
    line-height: 23px;
    font-size: 17px;
    margin-bottom: 2rem
}

.blog__actions {
    margin-bottom: 4rem
}

    .blog__actions .buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 1rem
    }

@media (min-width:768px) {
    .blog__actions .buttons {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 2rem
    }
}

.blog__actions .button--plain {
    font-size: 1.0625rem;
    font-weight: 300;
    text-decoration: underline
}

.blog__empty-text {
    text-align: center
}

@media (min-width:768px) {
    .blog__empty-text {
        margin-top: 5.5rem;
        margin-bottom: 3rem
    }
}

.blog__empty-text-image {
    margin-top: 2rem;
    margin-bottom: 3.25rem
}

@media (min-width:768px) {
    .blog__empty-text-image {
        margin-top: 0;
        margin-bottom: 2rem
    }
}

@media (min-width:768px) {
    .blog__empty-text-image.image--small {
        display: none
    }
}

.blog__empty-text-image.image--medium {
    display: none
}

@media (min-width:768px) {
    .blog__empty-text-image.image--medium {
        display: block
    }
}

.blog__empty-text-image img {
    width: 154px;
    height: auto
}

@media (min-width:768px) {
    .blog__empty-text-image img {
        width: 120px
    }
}

.blogs-overview-wrapper .layout-sidebar {
    margin-top: 0
}

.conversation-detail {
    margin: 34px auto 0;
    max-width: 834px
}

.youtube-container--responsive {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

    .youtube-container--responsive iframe {
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.video-embed-field-lazy-play {
    background: url("../../../../themes/custom/kreeft_theme/dist/svg/play.svg") no-repeat
}

@media print {
    @page {
        size: auto;
        margin: 27mm 16mm
    }

    *:not([class^=progress-bar]):not([class^=gender-statistics]):not([class^=shape-indicator]):not([class^=stage-statistics]):not([class^=impressum__]), *:before, *:after {
        background: 0 0 !important;
        border-color: #000 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        page-break-after: avoid;
        page-break-before: avoid;
        page-break-inside: auto
    }

    html, body {
        height: auto !important
    }

    a, a:visited {
        text-decoration: underline
    }

    .page-content abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    body > .toolbar, .article-page__caremap-section, .article-page__toggle-nav, .article-tools, .canonical-item, .caremap-sections-navigation, .contextual, .facet-search, .feedback-block, .generation-statistics__controls, .inline-dropdown, .layout-sidebar, .link-block, .messages, .site-footer, .site-header, .sticky-toolbar, .tools-block, .video-block, .video, .heading-with-button__button, #trengo-web-widget {
        display: none !important
    }

    body, main, .page-wrapper, .page-container, .library-article--wrapper {
        display: block !important;
        min-height: 0
    }

    body {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .container, .layout-content {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }

    .region-content {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    img, .link-block, .image-block, .video-block, .video, .related-content, .colofon, .stage-statistics, .gender-statistics, .generation-statistics, .shape-indicator, .survival-timeline-statistics {
        page-break-inside: avoid
    }

    svg:not([class^=gender-statistics]):not([class^=shape-indicator]):not([class^=progress-bar]) {
        fill: #000 !important
    }

    .list li:before, .text-formatted ul li:before, .cke_editable ul li:before {
        border: solid 2px
    }

    .related-content-block__dropdown {
        display: block !important
    }

        .related-content-block__dropdown a:after {
            display: block;
            font-style: italic;
            content: "[" attr(href) "]"
        }

    .breadcrumb__items .breadcrumb__item-icon {
        display: none
    }

    .breadcrumb__item-link:after {
        content: ">";
        margin: 0 8px
    }

    .container .colofon, .colofon {
        margin: 0;
        padding: 0
    }

    .colofon__references-wrapper {
        padding: 0;
        margin: 0
    }

    .colofon__references, .colofon__reference {
        display: block !important;
        padding: 0
    }

    .colofon__references {
        margin: 20px 0
    }

    .colofon__reference {
        max-width: none;
        margin: 0 0 20px
    }

        .colofon__reference > * {
            page-break-inside: avoid !important
        }

        .colofon__reference:last-child {
            margin-bottom: 0
        }

    .impressum {
        display: block;
        text-align: inherit;
        padding: 0;
        page-break-inside: avoid !important
    }

        .impressum:after {
            display: table;
            content: " ";
            clear: both
        }

    .impressum__image-wrapper {
        float: left;
        width: 48px;
        height: 48px;
        margin: 0 20px 0 0;
        overflow: hidden
    }

    .impressum__title, .impressum__description {
        overflow: hidden;
        width: auto !important
    }
}